@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*
 * Colors
 */
/*
 * Mixins
 */
/*
 * Breakpoints
*/
::-webkit-input-placeholder, ::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.27);
  font-size: .75vw; }
  @media (max-width: 767px) {
    ::-webkit-input-placeholder, ::-webkit-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ::-webkit-input-placeholder, ::-webkit-input-placeholder {
      font-size: 1.8vw; } }

/* WebKit, Blink, Edge */
::-moz-placeholder, ::-moz-placeholder {
  color: rgba(51, 51, 51, 0.27);
  font-size: .75vw; }
  @media (max-width: 767px) {
    ::-moz-placeholder, ::-moz-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ::-moz-placeholder, ::-moz-placeholder {
      font-size: 1.8vw; } }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder, ::-moz-placeholder {
  color: rgba(51, 51, 51, 0.27);
  font-size: .75vw; }
  @media (max-width: 767px) {
    ::-moz-placeholder, ::-moz-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ::-moz-placeholder, ::-moz-placeholder {
      font-size: 1.8vw; } }

/* Mozilla Firefox 19+ */
::-ms-input-placeholder, :-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.27);
  font-size: .75vw; }
  @media (max-width: 767px) {
    ::-ms-input-placeholder, :-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ::-ms-input-placeholder, :-ms-input-placeholder {
      font-size: 1.8vw; } }

/* Internet Explorer 10-11 */
::-ms-input-placeholder, ::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.27);
  font-size: .75vw; }
  @media (max-width: 767px) {
    ::-ms-input-placeholder, ::-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ::-ms-input-placeholder, ::-ms-input-placeholder {
      font-size: 1.8vw; } }

/* Microsoft Edge */
.login-form input::-webkit-input-placeholder, .login-form input::-webkit-input-placeholder {
  color: #343434;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .login-form input::-webkit-input-placeholder, .login-form input::-webkit-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-form input::-webkit-input-placeholder, .login-form input::-webkit-input-placeholder {
      font-size: 1.8vw; } }

/* WebKit, Blink, Edge */
.login-form input::-moz-placeholder, .login-form input::-moz-placeholder {
  color: #343434;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .login-form input::-moz-placeholder, .login-form input::-moz-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-form input::-moz-placeholder, .login-form input::-moz-placeholder {
      font-size: 1.8vw; } }

/* Mozilla Firefox 4 to 18 */
.login-form input::-moz-placeholder, .login-form input::-moz-placeholder {
  color: #343434;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .login-form input::-moz-placeholder, .login-form input::-moz-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-form input::-moz-placeholder, .login-form input::-moz-placeholder {
      font-size: 1.8vw; } }

/* Mozilla Firefox 19+ */
.login-form input::-ms-input-placeholder, .login-form input:-ms-input-placeholder {
  color: #343434;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .login-form input::-ms-input-placeholder, .login-form input:-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-form input::-ms-input-placeholder, .login-form input:-ms-input-placeholder {
      font-size: 1.8vw; } }

/* Internet Explorer 10-11 */
.login-form input::-ms-input-placeholder, .login-form input::-ms-input-placeholder {
  color: #343434;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .login-form input::-ms-input-placeholder, .login-form input::-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-form input::-ms-input-placeholder, .login-form input::-ms-input-placeholder {
      font-size: 1.8vw; } }

/* Microsoft Edge */
/* Microsoft Edge */
.main-form input::-webkit-input-placeholder, .main-form input::-webkit-input-placeholder {
  color: #ffffff47;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .main-form input::-webkit-input-placeholder, .main-form input::-webkit-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-form input::-webkit-input-placeholder, .main-form input::-webkit-input-placeholder {
      font-size: 1.8vw; } }

/* WebKit, Blink, Edge */
.main-form input::-moz-placeholder, .main-form input::-moz-placeholder {
  color: #ffffff47;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .main-form input::-moz-placeholder, .main-form input::-moz-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-form input::-moz-placeholder, .main-form input::-moz-placeholder {
      font-size: 1.8vw; } }

/* Mozilla Firefox 4 to 18 */
.main-form input::-moz-placeholder, .main-form input::-moz-placeholder {
  color: #ffffff47;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .main-form input::-moz-placeholder, .main-form input::-moz-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-form input::-moz-placeholder, .main-form input::-moz-placeholder {
      font-size: 1.8vw; } }

/* Mozilla Firefox 19+ */
.main-form input::-ms-input-placeholder, .main-form input:-ms-input-placeholder {
  color: #ffffff47;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .main-form input::-ms-input-placeholder, .main-form input:-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-form input::-ms-input-placeholder, .main-form input:-ms-input-placeholder {
      font-size: 1.8vw; } }

/* Internet Explorer 10-11 */
.main-form input::-ms-input-placeholder, .main-form input::-ms-input-placeholder {
  color: #ffffff47;
  font-size: .9vw;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal; }
  @media (max-width: 767px) {
    .main-form input::-ms-input-placeholder, .main-form input::-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-form input::-ms-input-placeholder, .main-form input::-ms-input-placeholder {
      font-size: 1.8vw; } }

#introOverlay {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: white;
  z-index: 100; }
  #introOverlay .preloader {
    position: absolute;
    z-index: 0;
    animation: introLogo;
    animation-duration: 750ms;
    animation-fill-mode: forwards;
    width: 320px;
    height: 185px;
    margin-top: calc(50vh - 92.5px);
    margin-left: calc(50vw - 160px); }
    #introOverlay .preloader img {
      width: 100%; }
@keyframes introLogo {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.z-top {
  z-index: 9999; }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

@media (max-width: 991px) {
  .mobile-no-padding-left {
    padding-left: 0; }

  .mobile-no-padding-right {
    padding-left: 0; }

  .mobile-no-side-padding {
    padding-left: 0;
    padding-right: 0; }

  .mobile-text-center {
    text-align: center; }

  .mobile-mt-15 {
    margin-top: 15px; } }
@media (max-width: 991px) {
  .tablet-no-padding-left {
    padding-left: 0; }

  .tablet-no-padding-right {
    padding-left: 0; }

  .tablet-no-side-padding {
    padding-left: 0;
    padding-right: 0; }

  .tablet-text-center {
    text-align: center; } }
@media (max-width: 991px) and (max-width: 991px) {
  .container {
    width: 100%; } }
/* AOS new animation */
[data-aos="opacity-slide-right"].aos-animate {
  opacity: 1;
  transform: initial !important; }

[data-aos="opacity-in"] {
  opacity: 0;
  transition-property: transform, opacity; }
  [data-aos="opacity-in"].aos-animate {
    opacity: 1; }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-down"] {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-down"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-left"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left-mobile"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-left-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-left-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-right"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right-mobile"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-right-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-right-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos=open-image] {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: clip-path 1s;
  -webkit-transition: -webkit-clip-path 1s; }

[data-aos=open-image].aos-animate {
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0); }

[data-aos=open-image-verticaly-from-bottom] {
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  transition: clip-path 1s;
  -webkit-transition: -webkit-clip-path 1s; }

[data-aos=open-image-verticaly-from-bottom].aos-animate {
  clip-path: inset(0% 0 0 0);
  -webkit-clip-path: inset(0% 0 0 0); }

.brown-btn {
  background-color: #B3A26C;
  display: block;
  font-size: .9vw;
  padding: 1vw 2vw;
  color: #fff;
  letter-spacing: 1px;
  transition: all .5s; }
  .brown-btn:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5); }
  .brown-btn:focus {
    text-decoration: none;
    color: #fff; }

.transparent-btn {
  color: #B3A26C;
  border: 1px solid #B3A26C;
  font-size: .8vw;
  padding: 8px 27px;
  float: left;
  letter-spacing: 1px;
  transition: all .5s; }
  .transparent-btn:hover {
    text-decoration: none;
    color: #B3A26C;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.2); }
  .transparent-btn:focus {
    text-decoration: none !important;
    color: #B3A26C !important; }

.big-text {
  position: absolute;
  left: 0;
  top: -16vw;
  z-index: 0;
  text-transform: uppercase;
  pointer-events: none;
  width: 153%; }

.admin-brown-btn {
  background: #B3A26C;
  color: #fff;
  padding: .6vw 2vw;
  float: right;
  margin-top: 1.5vw;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal;
  border: 1px solid #B3A26C;
  box-shadow: 0px 6px 18px rgba(179, 162, 108, 0.51);
  border-radius: 5px;
  font-size: .75vw; }
  @media (max-width: 767px) {
    .admin-brown-btn {
      float: none;
      width: 100%;
      display: block;
      padding: 2vw;
      font-size: 4vw;
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .admin-brown-btn {
      width: 100%;
      padding: 6vw;
      text-align: center; } }
  .admin-brown-btn:hover {
    opacity: .95;
    color: #fff;
    text-decoration: none; }

.admin-red-btn {
  background: #D55C5C;
  color: #fff;
  padding: 0.6vw 2vw;
  float: right;
  margin-top: 1.5vw;
  font-family: "Lato";
  font-weight: normal;
  font-style: normal;
  border-radius: 5px;
  border: 1px solid #D55C5C;
  text-transform: uppercase;
  font-size: .75vw; }
  @media (max-width: 767px) {
    .admin-red-btn {
      float: none;
      width: 100%;
      display: block;
      padding: 2vw; } }
  @media (min-width: 992px) {
    .admin-red-btn {
      margin-left: 2vw !important; } }
  .admin-red-btn:hover {
    opacity: .95;
    color: #fff;
    text-decoration: none; }

.admin-transparent-btn {
  background: transparent;
  border: 1px solid #B3A26C;
  color: #B3A26C;
  padding: .6vw 2vw;
  float: right;
  margin-top: 1.5vw;
  font-family: 'Lato';
  font-weight: normal;
  font-style: normal;
  border-radius: 5px;
  font-size: .75vw; }
  @media (max-width: 767px) {
    .admin-transparent-btn {
      float: none;
      width: 100%;
      display: block;
      padding: 2vw;
      font-size: 4vw; } }
  .admin-transparent-btn:hover {
    opacity: .95;
    color: #B3A26C;
    text-decoration: none; }

.admin-btn-group {
  margin-left: 1vw; }

.float-left {
  float: left;
  padding-top: .5vw;
  margin-left: .3vw; }

@media (max-width: 767px) {
  .mobile-promo-title {
    font-size: 6vw !important;
    line-height: 6.5vw !important; } }

.remind-place-zoom {
  position: relative;
  width: 100%;
  margin-top: 1.5vw;
  margin-bottom: 5vw;
  display: block; }
  .remind-place-zoom.classic {
    display: none; }
  .remind-place-zoom .reminder-zoom {
    float: left; }
  .remind-place-zoom p {
    float: left;
    width: 80%;
    margin-left: 15px;
    margin-top: 0; }

.auth-header .link-sign-up {
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none !important; }
  @media (min-width: 991px) {
    .auth-header .link-sign-up {
      margin-left: 1vw !important;
      position: absolute !important;
      right: 0 !important;
      padding: 0.6vw 1vw !important;
      transform: translateY(-12px) !important; } }
.auth-header .link-sign-in {
  margin-right: 6vw;
  text-transform: uppercase;
  text-decoration: none !important; }
  @media (max-width: 991px) {
    .auth-header .link-sign-in {
      font-size: 3.5vw !important;
      margin-right: 2vw; } }

.auth-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.3);
  display: none; }
  @media (max-width: 991px) {
    .auth-modal {
      position: fixed;
      overflow: scroll; } }
  @media (max-width: 991px) {
    .auth-modal .page-content {
      margin-bottom: 10vw; } }
  .auth-modal .hide-auth {
    position: absolute;
    right: 7vw;
    top: 7vw;
    z-index: 21; }
    @media (max-width: 991px) {
      .auth-modal .hide-auth {
        top: 5vw; } }
    .auth-modal .hide-auth img {
      width: 1vw; }
      @media (max-width: 991px) {
        .auth-modal .hide-auth img {
          width: 10vw; } }

.mobile-menu-admin {
  display: none; }
  @media (max-width: 767px) {
    .mobile-menu-admin {
      float: right;
      margin-top: 1vw;
      display: block; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-admin {
      float: right;
      margin-top: 1vw;
      display: block; } }

@media (max-width: 767px) {
  .back-link {
    margin-top: -19vw !important;
    font-size: 0 !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .back-link {
    margin-top: -19vw !important;
    font-size: 0 !important; } }

@media (max-width: 767px) {
  .splitter {
    position: absolute !important;
    width: 100%;
    text-align: center !important;
    left: 0;
    top: 43vw !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .splitter {
    position: absolute !important;
    width: 100%;
    text-align: center !important;
    left: 0;
    top: 43vw !important; } }

@media (max-width: 767px) {
  .tmpl {
    top: 4vw !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .tmpl {
    top: 4vw !important; } }

@media (max-width: 767px) {
  .delete_template {
    padding: 2vw;
    font-size: 4vw; } }
@media (min-width: 768px) and (max-width: 991px) {
  .delete_template {
    padding: 2vw;
    font-size: 4vw; } }

.show_clone {
  margin-right: 2vw;
  text-transform: uppercase; }
  .show_clone:focus {
    color: #fff;
    text-decoration: none; }

.clone_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  display: none; }

.clone_modal {
  position: fixed;
  background: #fff;
  z-index: 10000;
  width: 40vw;
  left: 30vw;
  top: 10vw;
  text-align: center;
  padding: 2vw;
  display: none; }
  @media (max-width: 767px) {
    .clone_modal {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      padding: 6vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .clone_modal {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      padding: 6vw; } }
  .clone_modal .close_clone_modal {
    position: absolute;
    right: 1vw;
    top: 1vw; }
    @media (max-width: 767px) {
      .clone_modal .close_clone_modal {
        right: 2vw;
        top: 2vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .clone_modal .close_clone_modal {
        right: 2vw;
        top: 2vw; } }
  .clone_modal h2 {
    font-size: 4vw;
    position: absolute;
    z-index: 99999;
    top: 6vw;
    display: none; }
    @media (max-width: 767px) {
      .clone_modal h2 {
        font-size: 11vw;
        top: 23vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .clone_modal h2 {
        font-size: 11vw;
        top: 23vw; } }
  .clone_modal h3 {
    font-size: 2vw;
    color: #B3A26C; }
    @media (max-width: 767px) {
      .clone_modal h3 {
        font-size: 10vw;
        margin-top: 7vw;
        margin-bottom: 8vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .clone_modal h3 {
        font-size: 10vw;
        margin-top: 7vw;
        margin-bottom: 8vw; } }
  .clone_modal p {
    font-weight: 500;
    font-size: .9vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 80%;
    margin-left: 10%; }
    @media (max-width: 767px) {
      .clone_modal p {
        font-size: 5vw;
        margin-left: 0;
        width: 100%;
        margin-bottom: 8vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .clone_modal p {
        font-size: 10vw;
        margin-top: 7vw;
        margin-bottom: 6vw; } }
  .clone_modal .controls_place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 1vw; }
    .clone_modal .controls_place .row_data {
      float: left;
      position: relative;
      width: 100%;
      padding: 0 22%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 1vw;
      margin-bottom: 1.5vw; }
      @media (max-width: 767px) {
        .clone_modal .controls_place .row_data {
          padding: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .clone_modal .controls_place .row_data {
          padding: 0; } }
      .clone_modal .controls_place .row_data h5 {
        font-weight: 600;
        font-size: 1vw;
        margin-top: .4vw;
        text-align: left; }
        @media (max-width: 767px) {
          .clone_modal .controls_place .row_data h5 {
            font-size: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .clone_modal .controls_place .row_data h5 {
            font-size: 4vw; } }
      .clone_modal .controls_place .row_data select {
        width: 100%;
        -webkit-appearance: none;
        border-radius: 0;
        border: none;
        background: #fff;
        background: url(/assets/img/arrow.svg);
        background-repeat: no-repeat;
        background-position: 91% 55%;
        border: 1px solid #D9D9D9;
        border-radius: 10px;
        padding: 0.5vw 1vw; }
        .clone_modal .controls_place .row_data select:focus {
          outline: none; }
    .clone_modal .controls_place .target_error {
      color: #f00;
      font-size: .75vw;
      width: 50%;
      margin-left: 25%;
      display: none; }
    .clone_modal .controls_place .clone_week {
      float: none;
      margin-top: 1vw;
      display: inline-block;
      margin-bottom: 1vw;
      opacity: .7;
      pointer-events: none;
      transition: all .3s; }
      @media (max-width: 767px) {
        .clone_modal .controls_place .clone_week {
          margin-top: 8vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .clone_modal .controls_place .clone_week {
          font-size: 3vw;
          padding: 2vw;
          margin-top: 4vw; } }
      .clone_modal .controls_place .clone_week.allow {
        opacity: 1;
        pointer-events: all; }

.bnt-frame {
  border-bottom: 1px solid #ededed; }

.bnt {
  display: block;
  width: 100%;
  background: #FFF;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  overflow: hidden;
  border-radius: 2px;
  text-align: auto;
  font-size: 14px;
  max-width: 76vw;
  margin: 0 auto;
  position: absolute;
  left: 12vw; }

.break-line {
  border-bottom: 1px solid #ededed;
  position: absolute;
  width: 100%;
  height: 1px; }
  @media (max-width: 991px) {
    .break-line {
      display: none; } }

.mobile_bnt {
  display: none; }
  @media (max-width: 991px) {
    .mobile_bnt {
      position: absolute;
      width: 170%;
      height: 14vw;
      background: #fff;
      border-bottom: 1px solid #ededed;
      z-index: 1; } }
  @media (max-width: 991px) {
    .mobile_bnt.active {
      display: block; } }
  .mobile_bnt .left {
    float: left;
    position: relative;
    padding: 4vw 5vw;
    width: 10%;
    border-right: 1px solid #ededed; }
    .mobile_bnt .left img {
      width: 5vw; }
  .mobile_bnt .right {
    float: left;
    position: relative;
    padding: 2vw;
    width: 90%; }
    .mobile_bnt .right div {
      margin-top: .3vw; }
      .mobile_bnt .right div a {
        white-space: nowrap;
        text-overflow: ellipsis;
        text-decoration: none;
        padding: 0 20px;
        color: #333;
        position: relative;
        display: block;
        overflow: hidden; }
        .mobile_bnt .right div a:focus {
          outline: none !important; }
        .mobile_bnt .right div a span {
          font-size: 3.5vw;
          line-height: 4.5vw;
          transition: all .3s; }
          .mobile_bnt .right div a span.date {
            text-transform: uppercase;
            color: #AEAEAE;
            font-weight: bold;
            display: block; }
          .mobile_bnt .right div a span.time {
            text-transform: uppercase;
            font-weight: bold;
            color: #B3A26C; }
          .mobile_bnt .right div a span.title {
            text-transform: uppercase;
            font-weight: bold;
            color: #2D2D2D; }

#ticker_online, #ticker_millennium, #ticker_vienna, #ticker_borseplatz, #ticker_hutteldorf {
  opacity: 0;
  transition: all .3s;
  pointer-events: none; }
  @media (max-width: 991px) {
    #ticker_online, #ticker_millennium, #ticker_vienna, #ticker_borseplatz, #ticker_hutteldorf {
      display: none; } }
  #ticker_online.active, #ticker_millennium.active, #ticker_vienna.active, #ticker_borseplatz.active, #ticker_hutteldorf.active {
    opacity: 1;
    pointer-events: all !important; }

.bnt * {
  box-sizing: border-box; }

.bnt.bn-fixed-top {
  position: fixed;
  left: 0;
  right: 0;
  top: 0; }

.bnt.bn-fixed-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

#ticker_online .bn-label {
  width: 300px; }

#ticker_millennium .bn-label {
  width: 300px; }

#ticker_vienna .bn-label {
  width: 250px; }

#ticker_borseplatz .bn-label {
  width: 300px; }

#ticker_hutteldorf .bn-label {
  width: 300px; }

.bn-label {
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  color: #B3A26C;
  font-weight: 700;
  z-index: 3;
  padding: 0 15px;
  white-space: nowrap; }
  .bn-label img {
    float: left;
    margin-top: 22px;
    margin-right: 15px; }

.bn-news {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  right: 0;
  overflow: hidden;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed; }

.bn-news ul {
  display: block;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 15px;
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute; }

.bn-news ul li {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  text-decoration: none;
  -webkit-transition: color .2s linear;
  -moz-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear;
  position: absolute;
  width: 100%;
  display: none;
  color: #333; }

.bn-news ul li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  padding: 0 20px;
  color: #333;
  position: relative;
  display: block;
  overflow: hidden; }
  .bn-news ul li a:hover span.date {
    color: #434343; }
  .bn-news ul li a:hover span.title {
    color: #B3A26C;
    text-decoration: underline; }
  .bn-news ul li a span {
    font-size: 10px;
    line-height: 16px;
    transition: all .3s; }
    .bn-news ul li a span.date {
      text-transform: uppercase;
      color: #AEAEAE;
      font-weight: bold;
      display: block; }
    .bn-news ul li a span.time {
      text-transform: uppercase;
      font-weight: bold;
      color: #B3A26C; }
    .bn-news ul li a span.title {
      text-transform: uppercase;
      font-weight: bold;
      color: #2D2D2D; }

.bn-news ul li a:hover {
  color: #069; }

.bn-loader-text {
  padding: 0 10px; }

.bn-seperator {
  display: inline-block;
  float: left;
  margin-right: 15px;
  width: 30px;
  height: 40px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative; }

.bn-seperator.bn-news-dot {
  margin-right: 0; }

.bn-seperator.bn-news-dot:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px; }

.bn-prefix {
  color: #d65d7a;
  margin-right: 15px;
  padding-left: 10px; }

.bn-positive {
  color: #0b8457;
  font-weight: 700; }

.bn-negative {
  color: #dc2f2f;
  font-weight: 700; }

.bn-controls {
  width: auto;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bn-controls button {
  width: 30px;
  float: left;
  height: 100%;
  cursor: pointer;
  border: none;
  border-left: solid 1px #EEE;
  text-align: center;
  background-color: #f6f6f6;
  outline: none; }

.bn-controls button:hover {
  background-color: #EEE; }

.bn-arrow {
  margin: 0;
  display: inline-block;
  height: 8px;
  position: relative;
  width: 8px;
  top: -2px; }

.bn-arrow::after {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  content: '';
  display: inline-block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px; }

.bn-arrow.bn-next {
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  left: -3px; }

.bn-arrow.bn-prev {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 3px; }

.bn-arrow::after {
  border-color: #999; }

.bn-arrow::before {
  background-color: #999; }

.bn-play {
  position: relative;
  background: #999;
  width: 0;
  height: 12px;
  display: inline-block;
  margin-left: -5px; }

.bn-play::after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #999;
  border-width: 8px;
  margin-top: -8px; }

.bn-pause {
  position: relative;
  width: 0;
  height: 14px;
  display: inline-block;
  top: 1px;
  left: -1px; }

.bn-pause::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: 3px;
  background-color: #999; }

.bn-pause::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: -3px;
  background-color: #999; }

.bn-direction-rtl {
  direction: rtl; }

.bn-direction-rtl .bn-label {
  left: auto;
  right: 0; }

.bn-direction-rtl .bn-controls {
  right: auto;
  left: 0; }

.bn-direction-rtl .bn-seperator {
  margin-left: 15px;
  margin-right: 0;
  float: right; }

.bn-direction-rtl .bn-prefix {
  margin-left: 15px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 10px; }

.bn-direction-rtl .bn-controls button {
  border-left: none;
  border-right: solid 1px #EEE; }

.bn-effect-scroll .bn-news ul {
  display: block;
  width: 100%;
  position: relative; }

.bn-effect-scroll .bn-news ul li {
  display: list-item;
  float: left;
  position: relative;
  width: auto; }

.bn-effect-scroll.bn-direction-rtl .bn-news ul li {
  float: right; }

body {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  margin: 0;
  padding: 0;
  background: #9c3c57;
  background: #F8F8F8;
  overflow-x: hidden; }
  body.admin {
    background: #fff; }
    @media (max-width: 767px) {
      body.admin {
        background: #fbfbfb; } }
  @media (max-width: 991px) {
    body.mobile-white {
      background: #fff !important; } }
  body .cookie-bar {
    background: #000;
    position: fixed;
    z-index: 9;
    width: 70vw;
    left: 15vw;
    padding: 20px 30px 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-weight: 300;
    font-style: normal;
    font-size: .7vw;
    letter-spacing: 1px; }
    @media (max-width: 991px) {
      body .cookie-bar {
        width: 90vw;
        left: 5vw;
        font-size: 9pt;
        background: #000;
        text-align: center; } }
    body .cookie-bar p {
      float: left; }
    body .cookie-bar a {
      color: #fff;
      border: 1px solid #fff;
      padding: 4px 20px 1px;
      border-radius: 50px;
      font-size: .7vw;
      float: right;
      margin-top: -4px;
      margin-right: 1%; }
      @media (max-width: 991px) {
        body .cookie-bar a {
          float: none;
          font-size: 10pt;
          padding: 5px 20px 1px;
          margin-top: 5px;
          display: inline-block; } }
      body .cookie-bar a:hover, body .cookie-bar a:focus {
        background: #fff;
        text-decoration: none;
        color: #000; }
  body header {
    float: left;
    position: relative;
    width: 100%;
    padding: 4vw 12vw 2vw; }
    @media (max-width: 767px) {
      body header {
        overflow: hidden; } }
    body header.main {
      padding: 2vw 8vw 0vw; }
    body header .hp_logo {
      float: left;
      width: 100%;
      position: relative;
      margin-bottom: 3vw; }
      @media (max-width: 767px) {
        body header .hp_logo {
          text-align: center;
          margin-top: 8vw;
          margin-bottom: 0; } }
      body header .hp_logo img {
        width: 16vw; }
        @media (max-width: 767px) {
          body header .hp_logo img {
            width: 70%; } }
    body header .left {
      float: left;
      position: relative;
      width: 70%; }
      @media (max-width: 767px) {
        body header .left {
          width: 100%; } }
      body header .left h1 {
        font-size: 7vw;
        font-family: 'Neutraface 2 Text Demi';
        color: #B3A26C; }
      body header .left img {
        width: 70%; }
        @media (max-width: 767px) {
          body header .left img {
            width: 100%;
            margin-top: 7vw; } }
    body header .right {
      float: left;
      text-align: right;
      position: relative;
      width: 30%;
      padding-top: 3vw; }
      @media (max-width: 767px) {
        body header .right {
          width: 100%;
          text-align: center; } }
      body header .right h5 {
        font-size: 2vw;
        font-family: 'Neutraface 2 Text Book';
        color: #292929; }
        @media (max-width: 767px) {
          body header .right h5 {
            font-size: 6vw; } }
        body header .right h5 strong {
          font-family: 'Neutraface 2 Text'; }
    body header.detail {
      padding: 1.5vw 7vw 0;
      z-index: 111;
      background: #fff;
      position: fixed; }
      @media (max-width: 767px) {
        body header.detail {
          padding: 1.5vw 0vw 0; } }
      body header.detail .d-content {
        float: left;
        position: relative;
        width: 100%;
        padding-bottom: .8vw;
        border-bottom: 1px solid #EBEBEB;
        padding-left: 5vw;
        padding-right: 5vw; }
        body header.detail .d-content .detail-left {
          float: left;
          position: relative;
          width: 54%; }
          @media (max-width: 767px) {
            body header.detail .d-content .detail-left {
              width: 47%; } }
          body header.detail .d-content .detail-left a {
            color: #000;
            font-family: 'Lato';
            font-weight: normal;
            font-style: normal; }
            @media (max-width: 767px) {
              body header.detail .d-content .detail-left a {
                margin-top: 1.5vw;
                float: left; } }
            body header.detail .d-content .detail-left a:hover {
              text-decoration: none;
              opacity: .95; }
            body header.detail .d-content .detail-left a img {
              margin-right: 8px;
              width: 1.5vw; }
              @media (max-width: 767px) {
                body header.detail .d-content .detail-left a img {
                  width: 5vw;
                  margin-top: -0.1vw; } }
        body header.detail .d-content .detail-right {
          float: left;
          position: relative;
          width: 46%;
          padding-top: 0.3vw; }
          @media (max-width: 767px) {
            body header.detail .d-content .detail-right {
              width: 53%; } }
          body header.detail .d-content .detail-right .social {
            float: left;
            position: relative;
            width: 50%; }
            @media (max-width: 767px) {
              body header.detail .d-content .detail-right .social {
                width: 35%; } }
            body header.detail .d-content .detail-right .social .likes {
              float: left;
              position: relative;
              width: 15%; }
              @media (max-width: 767px) {
                body header.detail .d-content .detail-right .social .likes {
                  width: 70%; } }
              body header.detail .d-content .detail-right .social .likes img.like-ico {
                float: left;
                margin-top: .05vw;
                cursor: pointer;
                width: 0.75vw; }
                @media (max-width: 767px) {
                  body header.detail .d-content .detail-right .social .likes img.like-ico {
                    width: 4vw;
                    margin-top: 1.2vw; } }
              body header.detail .d-content .detail-right .social .likes p {
                float: left;
                margin-left: 7px;
                font-size: .6vw;
                margin-top: 0; }
                @media (max-width: 767px) {
                  body header.detail .d-content .detail-right .social .likes p {
                    font-size: 4vw;
                    margin-left: 2vw; } }
            body header.detail .d-content .detail-right .social .share-place {
              float: left;
              position: relative;
              width: 60%; }
              @media (max-width: 767px) {
                body header.detail .d-content .detail-right .social .share-place {
                  display: none; } }
              body header.detail .d-content .detail-right .social .share-place img.share-ico {
                float: left;
                opacity: 0.21;
                margin-left: 15px;
                height: 0.6vw;
                margin-top: .12vw; }
              body header.detail .d-content .detail-right .social .share-place p {
                float: left;
                margin-left: 7px;
                font-size: 0.65vw;
                margin-top: 0;
                font-family: 'Lato';
                font-weight: 300;
                font-style: normal; }
          body header.detail .d-content .detail-right .links {
            float: left;
            position: relative;
            width: 50%; }
            @media (max-width: 767px) {
              body header.detail .d-content .detail-right .links {
                width: 65%; } }
            body header.detail .d-content .detail-right .links .brown-btn-sm {
              color: #fff;
              background: #B3A26C;
              padding: 4px 20px 6px;
              font-size: 0.7vw;
              margin-top: -5px;
              float: right;
              font-family: 'Lato';
              font-weight: 400;
              font-style: normal; }
              @media (max-width: 767px) {
                body header.detail .d-content .detail-right .links .brown-btn-sm {
                  font-size: 3vw;
                  padding: 4px 10px 6px;
                  margin-top: 0vw; } }
              body header.detail .d-content .detail-right .links .brown-btn-sm:hover {
                text-decoration: none;
                opacity: .95; }
            body header.detail .d-content .detail-right .links .arrow-link {
              float: right;
              position: relative;
              margin-right: 0.5vw;
              color: #B3A26C;
              text-decoration: underline;
              margin-left: 2vw;
              font-size: 0.7vw; }
              @media (max-width: 767px) {
                body header.detail .d-content .detail-right .links .arrow-link {
                  display: none; } }
              body header.detail .d-content .detail-right .links .arrow-link img {
                margin-left: .5vw;
                height: .6vw; }
    body header.admin {
      padding: 1vw 12vw;
      background: #fff;
      border-bottom: 1px solid #ededed; }
      @media (max-width: 767px) {
        body header.admin {
          padding: 4vw 4vw 3vw;
          overflow: visible; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body header.admin {
          overflow: visible; } }
      body header.admin .left {
        float: left;
        position: relative;
        width: 20%; }
        @media (max-width: 767px) {
          body header.admin .left {
            width: 60%; } }
        body header.admin .left img {
          width: 80%;
          margin-top: .3vw; }
      body header.admin .right {
        float: left;
        position: relative;
        width: 80%;
        text-align: right;
        padding-top: .5vw; }
        @media (max-width: 767px) {
          body header.admin .right {
            background: #fbfbfb;
            position: absolute;
            width: 100%;
            left: 0;
            top: 14vw;
            z-index: 10;
            padding-right: 6vw;
            padding-bottom: 9vw;
            display: none; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header.admin .right {
            background: #fbfbfb;
            position: absolute;
            width: 100%;
            left: 0;
            top: 14vw;
            z-index: 10;
            padding-right: 6vw;
            padding-bottom: 9vw;
            display: none; } }
        @media (max-width: 767px) {
          body header.admin .right.nlr {
            width: 40%;
            display: block;
            position: relative;
            top: 0;
            padding-bottom: 0;
            background: #fff;
            margin-top: -4vw;
            padding-right: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header.admin .right.nlr {
            width: 40%;
            display: block;
            position: relative;
            top: 0;
            padding-bottom: 0;
            background: #fff;
            margin-top: -4vw;
            padding-right: 0; } }
        @media (max-width: 767px) {
          body header.admin .right a {
            font-size: 4vw !important;
            width: 100%;
            margin-top: 5vw !important; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body header.admin .right a {
            font-size: 4vw !important;
            width: 100%;
            margin-top: 5vw !important; } }
        body header.admin .right .name {
          float: right;
          position: relative; }
          body header.admin .right .name img {
            float: left;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            object-fit: cover; }
          body header.admin .right .name p {
            float: left;
            text-transform: uppercase;
            font-family: 'Lato';
            font-style: normal;
            letter-spacing: 1px;
            font-size: 0.6vw;
            font-weight: bold;
            margin-left: 10px;
            text-align: left;
            margin-top: 0px; }
        body header.admin .right .profile-info {
          float: right;
          position: relative; }
          body header.admin .right .profile-info .p-name {
            float: left;
            margin-left: 0;
            color: #343434;
            text-decoration: none; }
            @media (max-width: 767px) {
              body header.admin .right .profile-info .p-name {
                text-align: right; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body header.admin .right .profile-info .p-name {
                text-align: right; } }
          body header.admin .right .profile-info .club-arrow {
            float: right;
            width: .8vw;
            height: auto;
            margin-left: .5vw;
            margin-top: -.2vw; }
            @media (max-width: 767px) {
              body header.admin .right .profile-info .club-arrow {
                width: 3vw;
                margin-left: 2vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body header.admin .right .profile-info .club-arrow {
                width: 3vw;
                margin-left: 2vw; } }
          body header.admin .right .profile-info .club-list {
            position: absolute;
            left: 0;
            top: 2.5vw;
            text-align: left;
            border: 1px solid #F1F1F1;
            background: #fff;
            z-index: 9;
            display: none; }
            body header.admin .right .profile-info .club-list a {
              float: left;
              margin-left: 0;
              width: 100%;
              padding: 0.7vw;
              color: #9DA4AF;
              text-transform: uppercase;
              text-decoration: none;
              border-bottom: 1px solid #F1F1F1;
              transition: all .3s; }
              @media (max-width: 767px) {
                body header.admin .right .profile-info .club-list a {
                  padding: 0vw 5vw 4vw 5vw; } }
              @media (min-width: 768px) and (max-width: 991px) {
                body header.admin .right .profile-info .club-list a {
                  padding: 0vw 5vw 4vw 5vw; } }
              body header.admin .right .profile-info .club-list a.active {
                color: #B3A26C; }
              body header.admin .right .profile-info .club-list a:hover {
                color: #B3A26C; }
        body header.admin .right a {
          float: right;
          position: relative;
          color: #B3A26C;
          font-size: 0.6vw;
          text-decoration: underline;
          font-family: "Lato";
          font-weight: normal;
          font-style: normal;
          margin-left: 3vw;
          margin-top: 4px;
          font-weight: bold; }
          body header.admin .right a.active {
            font-weight: bold;
            color: #343434;
            text-decoration: none; }
          body header.admin .right a img {
            margin-right: 11px;
            width: 22px; }
    body header.usr {
      padding: 1vw 12vw;
      background: #fff;
      border-bottom: 1px solid #ededed; }
      @media (max-width: 767px) {
        body header.usr {
          padding: 4vw 4vw 3vw; } }
      body header.usr .left {
        float: left;
        position: relative;
        width: 20%; }
        @media (max-width: 767px) {
          body header.usr .left {
            width: 60%; } }
        body header.usr .left img {
          width: 80%;
          margin-top: .3vw; }
      body header.usr .right {
        float: left;
        position: relative;
        width: 80%;
        text-align: right;
        padding-top: .5vw; }
        @media (max-width: 767px) {
          body header.usr .right {
            width: 40%; } }
        body header.usr .right .name {
          float: right;
          position: relative; }
          @media (max-width: 767px) {
            body header.usr .right .name {
              display: none; } }
          body header.usr .right .name img {
            float: left;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            object-fit: cover; }
          body header.usr .right .name p {
            float: left;
            text-transform: uppercase;
            font-family: 'Lato';
            font-style: normal;
            letter-spacing: 1px;
            font-size: 0.6vw;
            font-weight: bold;
            margin-left: 10px;
            text-align: left;
            margin-top: 0px; }
        body header.usr .right .profile-info {
          float: right;
          position: relative; }
          body header.usr .right .profile-info .p-name {
            float: left;
            margin-left: 0;
            color: #343434;
            text-decoration: none; }
          body header.usr .right .profile-info .club-arrow {
            float: right;
            width: .8vw;
            height: auto;
            margin-left: .5vw;
            margin-top: -.2vw; }
          body header.usr .right .profile-info .club-list {
            position: absolute;
            left: 0;
            top: 2.5vw;
            text-align: left;
            border: 1px solid #F1F1F1;
            background: #fff;
            z-index: 9;
            display: none; }
            body header.usr .right .profile-info .club-list a {
              float: left;
              margin-left: 0;
              width: 100%;
              padding: 0.7vw;
              color: #9DA4AF;
              text-transform: uppercase;
              text-decoration: none;
              border-bottom: 1px solid #F1F1F1;
              transition: all .3s; }
              body header.usr .right .profile-info .club-list a.active {
                color: #B3A26C; }
              body header.usr .right .profile-info .club-list a:hover {
                color: #B3A26C; }
        body header.usr .right a {
          float: right;
          position: relative;
          color: #B3A26C;
          font-size: 0.6vw;
          text-decoration: underline;
          font-family: "Lato";
          font-weight: normal;
          font-style: normal;
          margin-left: 3vw;
          margin-top: 4px;
          font-weight: bold; }
          body header.usr .right a.active {
            font-weight: bold;
            color: #343434;
            text-decoration: none; }
          body header.usr .right a img {
            margin-right: 11px;
            width: 22px; }
  body img.main-logo {
    position: absolute;
    top: 1.5vw;
    left: 5vw;
    width: 12vw; }
    @media (max-width: 630px) {
      body img.main-logo {
        width: 48%;
        top: 3.1vh; } }
  body .page-content {
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    width: 90vw;
    height: 80vh;
    margin-left: 5vw;
    margin-top: 10vh;
    border-radius: 0px;
    background: #fdfdfd;
    overflow: hidden; }
    @media (min-width: 1025px) and (max-width: 1366px) {
      body .page-content {
        height: 85vh; } }
    @media (max-width: 630px) {
      body .page-content {
        height: auto;
        overflow-y: visible; } }
    body .page-content .left-side, body .page-content .right-side {
      float: left;
      position: relative;
      width: 50%;
      height: 100%;
      padding: 15px; }
    body .page-content > .left-side {
      background: url("../img/sign-img.jpg");
      background-position-x: 20%;
      background-size: cover; }
      @media (max-width: 630px) {
        body .page-content > .left-side {
          width: 100%;
          height: 48rem; } }
      body .page-content > .left-side h2 {
        text-align: left;
        position: absolute;
        bottom: 4vw;
        color: #fff;
        width: 80%;
        margin-left: 10%;
        font-size: 1.25vw; }
        @media (max-width: 630px) {
          body .page-content > .left-side h2 {
            font-size: 4vw;
            width: 85%;
            margin-left: 5%;
            bottom: 6vw; } }
        body .page-content > .left-side h2 span:nth-of-type(1) {
          font-size: 1.25vw;
          opacity: .75; }
          @media (max-width: 630px) {
            body .page-content > .left-side h2 span:nth-of-type(1) {
              font-size: 4.25vw; } }
          body .page-content > .left-side h2 span:nth-of-type(1):before {
            content: '';
            width: 3vw;
            margin-right: 1vw;
            top: .75vw;
            height: 2px;
            background-color: white;
            position: relative;
            float: left;
            display: inline-block; }
            @media (max-width: 630px) {
              body .page-content > .left-side h2 span:nth-of-type(1):before {
                width: 8vw;
                margin-right: 3vw;
                height: 1px;
                top: 2.3vw; } }
        body .page-content > .left-side h2 span:nth-of-type(2) {
          font-size: 8vw;
          margin-bottom: 2vw;
          display: inline-block;
          font-weight: 600;
          letter-spacing: -.25vw; }
          @media (max-width: 630px) {
            body .page-content > .left-side h2 span:nth-of-type(2) {
              font-size: 18vw;
              margin-top: 2vw;
              margin-bottom: 6vw; } }
        body .page-content > .left-side h2 span:nth-of-type(3) {
          line-height: 123%; }
    body .page-content > .right-side {
      background: #222d3f;
      background: white; }
      @media (max-width: 630px) {
        body .page-content > .right-side {
          width: 100%;
          height: auto; } }
      body .page-content > .right-side .top-switch {
        display: none;
        float: right; }
        body .page-content > .right-side .top-switch .switch-login-btn {
          color: #fff;
          padding: 9px 15px 9px;
          font-weight: 400;
          background: #707070; }
          body .page-content > .right-side .top-switch .switch-login-btn[data-type="sign-up"] {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px; }
          body .page-content > .right-side .top-switch .switch-login-btn[data-type="sign-in"] {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px; }
          body .page-content > .right-side .top-switch .switch-login-btn.active {
            background: #B3A26C; }
          body .page-content > .right-side .top-switch .switch-login-btn:hover {
            text-decoration: none; }
          body .page-content > .right-side .top-switch .switch-login-btn:focus {
            outline: none;
            text-decoration: none; }
      body .page-content > .right-side .main-form {
        margin-top: 10vh;
        padding: 0 4vw; }
        @media (max-width: 630px) {
          body .page-content > .right-side .main-form {
            margin-top: 2vh; } }
        @media (min-width: 992px) and (max-width: 1280px) {
          body .page-content > .right-side .main-form {
            margin-top: 2vh; } }
        @media (min-width: 1281px) and (max-width: 1366px) {
          body .page-content > .right-side .main-form {
            margin-top: 2vh; } }
        @media (min-width: 1367px) and (max-width: 1440px) {
          body .page-content > .right-side .main-form {
            margin-top: 3vh; } }
        body .page-content > .right-side .main-form .top-type {
          float: left;
          position: relative;
          width: 100%;
          padding-bottom: 20px;
          border-bottom: 1px solid #c4c4c4; }
          body .page-content > .right-side .main-form .top-type .switch-login-link {
            color: #C4C4C4;
            font-size: 2vw;
            font-weight: 300;
            position: relative;
            display: inline-block;
            float: left; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .top-type .switch-login-link {
                font-size: 5vw;
                margin-right: 6vw; } }
            body .page-content > .right-side .main-form .top-type .switch-login-link:after {
              content: '';
              position: relative;
              top: 21px;
              width: 100%;
              height: 4px;
              background: #B3A26C;
              display: none; }
            body .page-content > .right-side .main-form .top-type .switch-login-link:hover {
              color: #707070;
              text-decoration: none; }
            body .page-content > .right-side .main-form .top-type .switch-login-link:focus {
              outline: none;
              text-decoration: none; }
            body .page-content > .right-side .main-form .top-type .switch-login-link.active > .page-content .right-side {
              width: 20%; }
            body .page-content > .right-side .main-form .top-type .switch-login-link.active {
              color: #B3A26C; }
              body .page-content > .right-side .main-form .top-type .switch-login-link.active:after {
                display: block; }
          body .page-content > .right-side .main-form .top-type p.or {
            float: left;
            color: #ffffff47;
            font-size: 1.3vw;
            margin: .5vw 1vw; }
        body .page-content > .right-side .main-form .lg-form {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 3vw; }
          @media (max-width: 630px) {
            body .page-content > .right-side .main-form .lg-form {
              margin-top: 9vw;
              margin-bottom: 25vw; } }
          @media (min-width: 992px) and (max-width: 1280px) {
            body .page-content > .right-side .main-form .lg-form {
              margin-top: 1.5vw; } }
          @media (min-width: 1281px) and (max-width: 1366px) {
            body .page-content > .right-side .main-form .lg-form {
              margin-top: 1.5vw; } }
          @media (min-width: 1367px) and (max-width: 1440px) {
            body .page-content > .right-side .main-form .lg-form {
              margin-top: 1vw; } }
          body .page-content > .right-side .main-form .lg-form .left-form-side {
            float: left;
            position: relative;
            width: 50%;
            padding-right: 5%;
            height: 70%;
            border-right: 1px solid #bdbdbd47; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .lg-form .left-form-side {
                width: 100%;
                height: auto;
                padding-right: 0%;
                border-right: none; } }
          body .page-content > .right-side .main-form .lg-form .right-form-side {
            float: left;
            position: relative;
            width: 50%;
            padding-left: 5%; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .lg-form .right-form-side {
                width: 100%;
                padding-left: 0%; } }
          body .page-content > .right-side .main-form .lg-form .single-form {
            float: left;
            position: relative;
            width: 100%;
            display: none; }
            body .page-content > .right-side .main-form .lg-form .single-form.active {
              display: block; }
            body .page-content > .right-side .main-form .lg-form .single-form .form-group {
              margin-bottom: 1vw; }
              @media (max-width: 630px) {
                body .page-content > .right-side .main-form .lg-form .single-form .form-group {
                  margin-bottom: 3vw; } }
            body .page-content > .right-side .main-form .lg-form .single-form label {
              color: #707070;
              font-size: 12px;
              text-transform: uppercase;
              width: 100%;
              font-weight: 400;
              margin-bottom: 10px; }
              @media (max-width: 630px) {
                body .page-content > .right-side .main-form .lg-form .single-form label {
                  width: auto;
                  font-size: 10px;
                  margin-top: 14px;
                  right: 4vw;
                  opacity: .5;
                  position: absolute; } }
            body .page-content > .right-side .main-form .lg-form .single-form input {
              width: 100%;
              padding-left: 12px;
              background: transparent;
              -webkit-appearance: none;
              border: 1px solid #B3A26C;
              height: 40px;
              color: black; }
              body .page-content > .right-side .main-form .lg-form .single-form input:focus {
                outline: none; }
            body .page-content > .right-side .main-form .lg-form .single-form select {
              width: 100%;
              padding-left: 12px;
              background: transparent;
              -webkit-appearance: none;
              border: 1px solid #B3A26C;
              border-radius: 0;
              height: 40px;
              color: black; }
              body .page-content > .right-side .main-form .lg-form .single-form select:focus {
                outline: none; }
        body .page-content > .right-side .main-form .dark-box {
          float: left;
          position: relative;
          background: white;
          width: 100%;
          margin-top: 2vw;
          padding: 0px; }
          body .page-content > .right-side .main-form .dark-box .form-btns {
            margin-top: 1vw; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .dark-box .form-btns {
                margin-top: 4vw; } }
            body .page-content > .right-side .main-form .dark-box .form-btns .sign-up-user {
              background-color: #b3a26c;
              color: white;
              display: block;
              width: 100%;
              text-align: center;
              padding: 15px 0px; }
              body .page-content > .right-side .main-form .dark-box .form-btns .sign-up-user:hover {
                text-decoration: none; }
        body .page-content > .right-side .main-form .terms-switch {
          float: left;
          position: relative;
          width: 100%; }
          body .page-content > .right-side .main-form .terms-switch i.control {
            background: transparent;
            border: 1px solid #b3a26c;
            width: 1vw;
            height: 1vw;
            display: inline-block;
            float: left;
            position: relative;
            cursor: pointer; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .terms-switch i.control {
                width: 4vw;
                height: 4vw; } }
            body .page-content > .right-side .main-form .terms-switch i.control:hover {
              background: rgba(179, 162, 108, 0.5); }
          body .page-content > .right-side .main-form .terms-switch span {
            float: right;
            position: relative;
            display: inline-block;
            color: #707070;
            font-size: 12px;
            width: 90%;
            margin-top: -.3vw;
            margin-left: 0px; }
          body .page-content > .right-side .main-form .terms-switch a {
            color: #707070;
            text-decoration: underline; }
          body .page-content > .right-side .main-form .terms-switch.active i.control {
            background: #b3a26c; }
        body .page-content > .right-side .main-form .form-btns {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 3vw; }
          body .page-content > .right-side .main-form .form-btns.mt-1 {
            margin-top: 1vw; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .form-btns.mt-1 {
                margin-top: 4vw; } }
          body .page-content > .right-side .main-form .form-btns .singn-up-user, body .page-content > .right-side .main-form .form-btns .sign-in-user, body .page-content > .right-side .main-form .form-btns .fp_password, body .page-content > .right-side .main-form .form-btns .fp_password_set, body .page-content > .right-side .main-form .form-btns .return-to-login {
            color: #fff;
            padding: 15px 80px;
            font-size: 14px;
            font-weight: 400;
            background-color: #B3A26C; }
            @media (max-width: 630px) {
              body .page-content > .right-side .main-form .form-btns .singn-up-user, body .page-content > .right-side .main-form .form-btns .sign-in-user, body .page-content > .right-side .main-form .form-btns .fp_password, body .page-content > .right-side .main-form .form-btns .fp_password_set, body .page-content > .right-side .main-form .form-btns .return-to-login {
                width: 100%;
                display: block;
                text-align: center;
                padding: 16px 0px; } }
            body .page-content > .right-side .main-form .form-btns .singn-up-user:hover, body .page-content > .right-side .main-form .form-btns .sign-in-user:hover, body .page-content > .right-side .main-form .form-btns .fp_password:hover, body .page-content > .right-side .main-form .form-btns .fp_password_set:hover, body .page-content > .right-side .main-form .form-btns .return-to-login:hover {
              text-decoration: none; }
            body .page-content > .right-side .main-form .form-btns .singn-up-user:focus, body .page-content > .right-side .main-form .form-btns .sign-in-user:focus, body .page-content > .right-side .main-form .form-btns .fp_password:focus, body .page-content > .right-side .main-form .form-btns .fp_password_set:focus, body .page-content > .right-side .main-form .form-btns .return-to-login:focus {
              text-decoration: none; }
          body .page-content > .right-side .main-form .form-btns .switch-to-login, body .page-content > .right-side .main-form .form-btns .switch-to-register {
            color: #ffffff47;
            margin-left: 1.5vw;
            text-decoration: underline; }
            body .page-content > .right-side .main-form .form-btns .switch-to-login:hover, body .page-content > .right-side .main-form .form-btns .switch-to-register:hover {
              color: #fff; }
        body .page-content > .right-side .main-form .error-message {
          color: #58cabd;
          font-weight: 500; }
  body .login-place {
    text-align: center;
    float: left;
    position: relative;
    width: 100%; }
    body .login-place .content {
      text-align: center;
      float: left;
      position: relative;
      width: 100%; }
      body .login-place .content img.big-logo {
        margin-bottom: 3vw; }
        @media (max-width: 767px) {
          body .login-place .content img.big-logo {
            margin-top: 10vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .login-place .content img.big-logo {
            margin-top: 10vw; } }
      body .login-place .content .login-form {
        -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
        position: relative;
        width: 28%;
        margin-left: 36%;
        background: #fff;
        padding: 30px;
        display: flow-root; }
        @media (max-width: 767px) {
          body .login-place .content .login-form {
            width: 90%;
            margin-left: 5%;
            margin-top: 12vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .login-place .content .login-form {
            width: 90%;
            margin-left: 5%;
            margin-top: 12vw; } }
        body .login-place .content .login-form img.logo-v2 {
          width: 80%;
          margin-bottom: 2vw; }
        body .login-place .content .login-form h2 {
          color: #B3A26C;
          margin-top: 0;
          margin-bottom: 3vw;
          font-size: 4vw; }
        body .login-place .content .login-form input {
          float: left;
          width: 100%;
          margin-bottom: 15px;
          height: 64px;
          border: 1px solid #D9D9D9;
          padding: 0 7%;
          font-size: 1.1vw; }
          @media (max-width: 767px) {
            body .login-place .content .login-form input {
              font-size: 3.5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .login-place .content .login-form input {
              font-size: 3.5vw; } }
          body .login-place .content .login-form input:focus {
            outline: none;
            border: 1px solid #707070; }
        body .login-place .content .login-form a.login-admin {
          width: 100%;
          background: #B3A26C;
          color: #fff;
          display: block;
          float: left;
          height: 64px;
          font-size: .9vw;
          text-transform: uppercase;
          font-family: 'Lato';
          font-weight: normal;
          font-style: normal;
          padding-top: 1.1vw; }
          @media (max-width: 767px) {
            body .login-place .content .login-form a.login-admin {
              font-size: 4vw;
              padding-top: 5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .login-place .content .login-form a.login-admin {
              font-size: 4vw;
              padding-top: 5vw; } }
          body .login-place .content .login-form a.login-admin:hover {
            text-decoration: none;
            opacity: .9; }
      body .login-place .content p.error-message {
        font-size: 1vw;
        margin-top: 1vw;
        font-family: 'Lato';
        font-weight: normal;
        font-style: normal; }
  @media (max-width: 991px) {
    body .ticker-content {
      margin-top: 3vw !important; } }
  @media (min-width: 992px) {
    body .ticker-content {
      margin-top: 4vw !important; } }
  body .admin-content, body .user-content {
    float: left;
    position: relative;
    width: 76vw;
    margin-left: 12vw;
    margin-top: 2vw;
    transition: all .4s; }
    @media (max-width: 767px) {
      body .admin-content, body .user-content {
        margin-top: 0;
        margin-left: 0;
        width: 100vw;
        padding: 6vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body .admin-content, body .user-content {
        margin-top: 0;
        margin-left: 0;
        width: 100vw;
        padding: 6vw; } }
    body .admin-content.guidelines-content, body .user-content.guidelines-content {
      background: url(/assets/img/guidelines.svg);
      background-repeat: no-repeat;
      background-position: 88% 0;
      background-size: 27%; }
      @media (max-width: 991px) {
        body .admin-content.guidelines-content, body .user-content.guidelines-content {
          background-position: 157% 1%;
          background-size: 66%; } }
      body .admin-content.guidelines-content > .left-v2, body .user-content.guidelines-content > .left-v2 {
        width: 40%; }
        @media (max-width: 991px) {
          body .admin-content.guidelines-content > .left-v2, body .user-content.guidelines-content > .left-v2 {
            width: 100%;
            text-align: left;
            padding: 5% 7%; } }
        body .admin-content.guidelines-content > .left-v2 .arrow-link, body .user-content.guidelines-content > .left-v2 .arrow-link {
          display: none; }
          @media (max-width: 991px) {
            body .admin-content.guidelines-content > .left-v2 .arrow-link, body .user-content.guidelines-content > .left-v2 .arrow-link {
              color: #828282;
              text-transform: uppercase;
              letter-spacing: 1px;
              font-weight: 400;
              font-size: 3vw;
              display: block;
              margin-top: 2vw;
              margin-bottom: 7vw; } }
          body .admin-content.guidelines-content > .left-v2 .arrow-link:hover, body .admin-content.guidelines-content > .left-v2 .arrow-link:focus, body .admin-content.guidelines-content > .left-v2 .arrow-link:active, body .user-content.guidelines-content > .left-v2 .arrow-link:hover, body .user-content.guidelines-content > .left-v2 .arrow-link:focus, body .user-content.guidelines-content > .left-v2 .arrow-link:active {
            text-decoration: none; }
          @media (max-width: 991px) {
            body .admin-content.guidelines-content > .left-v2 .arrow-link img, body .user-content.guidelines-content > .left-v2 .arrow-link img {
              width: 5vw;
              margin-top: -2px;
              margin-right: 10px; } }
        body .admin-content.guidelines-content > .left-v2 h2, body .user-content.guidelines-content > .left-v2 h2 {
          font-size: 4vw;
          color: #B3A26C;
          margin-top: 2.5vw;
          margin-bottom: 2vw; }
          @media (max-width: 991px) {
            body .admin-content.guidelines-content > .left-v2 h2, body .user-content.guidelines-content > .left-v2 h2 {
              font-size: 12vw; } }
      body .admin-content.guidelines-content > .right-v2, body .user-content.guidelines-content > .right-v2 {
        float: left;
        position: relative;
        width: 60%;
        padding-top: 4vw; }
        @media (max-width: 767px) {
          body .admin-content.guidelines-content > .right-v2, body .user-content.guidelines-content > .right-v2 {
            width: 100%;
            text-align: center;
            padding: 0 5vw; } }
        body .admin-content.guidelines-content > .right-v2 .admin-transparent-btn, body .user-content.guidelines-content > .right-v2 .admin-transparent-btn {
          margin-top: 0; }
    body .admin-content.streaming .streaming-back, body .user-content.streaming .streaming-back {
      float: left;
      position: relative;
      width: 100%;
      margin-bottom: 1vw; }
      @media (max-width: 767px) {
        body .admin-content.streaming .streaming-back, body .user-content.streaming .streaming-back {
          margin-top: 5vw;
          margin-bottom: 5vw;
          padding-left: 5%; } }
      body .admin-content.streaming .streaming-back.second, body .user-content.streaming .streaming-back.second {
        display: none; }
        @media (max-width: 767px) {
          body .admin-content.streaming .streaming-back.second, body .user-content.streaming .streaming-back.second {
            display: block;
            margin-left: -8vw;
            margin-top: 9vw; } }
      body .admin-content.streaming .streaming-back img, body .user-content.streaming .streaming-back img {
        margin-top: -4px;
        width: 1vw; }
        @media (max-width: 767px) {
          body .admin-content.streaming .streaming-back img, body .user-content.streaming .streaming-back img {
            margin-top: -2px;
            width: 4vw; } }
      body .admin-content.streaming .streaming-back span, body .user-content.streaming .streaming-back span {
        color: #B3A26C;
        font-weight: 500;
        text-transform: uppercase;
        margin-left: 9px; }
      body .admin-content.streaming .streaming-back:hover, body .admin-content.streaming .streaming-back:focus, body .user-content.streaming .streaming-back:hover, body .user-content.streaming .streaming-back:focus {
        text-decoration: none;
        color: #B3A26C; }
    body .admin-content.streaming .left-side, body .user-content.streaming .left-side {
      float: left;
      position: relative;
      width: 75%; }
      @media (max-width: 767px) {
        body .admin-content.streaming .left-side, body .user-content.streaming .left-side {
          width: 100%; } }
      body .admin-content.streaming .left-side .stream-iframe, body .user-content.streaming .left-side .stream-iframe {
        float: left;
        position: relative;
        width: 100%; }
        body .admin-content.streaming .left-side .stream-iframe .live-label, body .user-content.streaming .left-side .stream-iframe .live-label {
          position: absolute;
          background: #EA4E3C;
          color: #fff;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 8px 12px;
          font-weight: 400;
          font-size: .7vw; }
          @media (max-width: 767px) {
            body .admin-content.streaming .left-side .stream-iframe .live-label, body .user-content.streaming .left-side .stream-iframe .live-label {
              padding: 10px 12px;
              font-size: 2.5vw; } }
        body .admin-content.streaming .left-side .stream-iframe iframe, body .user-content.streaming .left-side .stream-iframe iframe {
          width: 95%;
          height: 59%; }
          @media (max-width: 767px) {
            body .admin-content.streaming .left-side .stream-iframe iframe, body .user-content.streaming .left-side .stream-iframe iframe {
              width: 100%;
              height: 32%; } }
      body .admin-content.streaming .left-side .streaming-waiting, body .user-content.streaming .left-side .streaming-waiting {
        float: left;
        position: relative;
        width: 96%;
        margin-top: 1vw; }
        @media (max-width: 767px) {
          body .admin-content.streaming .left-side .streaming-waiting, body .user-content.streaming .left-side .streaming-waiting {
            width: 100%; } }
        body .admin-content.streaming .left-side .streaming-waiting .overlay, body .user-content.streaming .left-side .streaming-waiting .overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.73); }
        body .admin-content.streaming .left-side .streaming-waiting .counter-to-start, body .user-content.streaming .left-side .streaming-waiting .counter-to-start {
          position: absolute;
          top: 46%;
          text-align: center;
          color: #fff;
          width: 100%;
          font-size: 1.5vw; }
          @media (max-width: 767px) {
            body .admin-content.streaming .left-side .streaming-waiting .counter-to-start, body .user-content.streaming .left-side .streaming-waiting .counter-to-start {
              font-size: 7vw; } }
        body .admin-content.streaming .left-side .streaming-waiting img, body .user-content.streaming .left-side .streaming-waiting img {
          width: 100%;
          height: 60%;
          object-fit: cover; }
    body .admin-content.streaming .right-side, body .user-content.streaming .right-side {
      float: left;
      position: relative;
      width: 25%; }
      @media (max-width: 767px) {
        body .admin-content.streaming .right-side, body .user-content.streaming .right-side {
          width: 90%;
          margin-left: 5%;
          margin-top: -5vw;
          background: #fff;
          padding: 2vw 5vw; } }
      body .admin-content.streaming .right-side .views, body .user-content.streaming .right-side .views {
        float: left;
        position: relative;
        color: #A7A7A7;
        font-size: 0.75vw;
        font-weight: 400;
        margin-top: 1vw;
        margin-bottom: 2vw; }
        @media (max-width: 767px) {
          body .admin-content.streaming .right-side .views, body .user-content.streaming .right-side .views {
            font-size: 4vw;
            margin-top: 2vw;
            float: left;
            margin-bottom: 4vw; } }
      body .admin-content.streaming .right-side h2, body .user-content.streaming .right-side h2 {
        font-weight: 500;
        color: #B3A26C;
        margin-top: 3vw;
        float: left;
        width: 100%;
        font-size: 2vw;
        margin-bottom: 2vw; }
        @media (max-width: 767px) {
          body .admin-content.streaming .right-side h2, body .user-content.streaming .right-side h2 {
            font-size: 6vw; } }
      body .admin-content.streaming .right-side p.perex, body .user-content.streaming .right-side p.perex {
        font-size: .8vw;
        font-weight: 400;
        color: #3A3A3B; }
        @media (max-width: 767px) {
          body .admin-content.streaming .right-side p.perex, body .user-content.streaming .right-side p.perex {
            font-size: 4vw; } }
      body .admin-content.streaming .right-side p.stream-status, body .user-content.streaming .right-side p.stream-status {
        color: #A7A7A7;
        font-size: .75vw;
        font-weight: 400;
        margin-top: 1vw;
        margin-bottom: 1.2vw;
        float: left; }
        @media (max-width: 767px) {
          body .admin-content.streaming .right-side p.stream-status, body .user-content.streaming .right-side p.stream-status {
            font-size: 4vw;
            margin-bottom: 0;
            margin-top: 2vw; } }
        body .admin-content.streaming .right-side p.stream-status.with-views, body .user-content.streaming .right-side p.stream-status.with-views {
          margin-left: 2vw; }
          @media (max-width: 767px) {
            body .admin-content.streaming .right-side p.stream-status.with-views, body .user-content.streaming .right-side p.stream-status.with-views {
              margin-left: 5vw; } }
    body .admin-content.streaming .remind-place, body .user-content.streaming .remind-place {
      float: left;
      position: relative;
      width: 100%;
      border-top: 1px solid #D2D2D2;
      padding-top: 1vw;
      margin-top: .4vw; }
      @media (max-width: 767px) {
        body .admin-content.streaming .remind-place, body .user-content.streaming .remind-place {
          margin-top: 3vw;
          padding-top: 6vw; } }
      body .admin-content.streaming .remind-place.booked2 span, body .user-content.streaming .remind-place.booked2 span {
        display: block; }
      body .admin-content.streaming .remind-place img, body .user-content.streaming .remind-place img {
        cursor: pointer;
        float: left;
        margin-right: .6vw;
        width: 18px;
        margin-top: 2px; }
      body .admin-content.streaming .remind-place p, body .user-content.streaming .remind-place p {
        color: #b3a26c;
        font-weight: 400;
        font-size: .8vw; }
        @media (max-width: 767px) {
          body .admin-content.streaming .remind-place p, body .user-content.streaming .remind-place p {
            font-size: 4vw;
            margin-left: 8vw; } }
      body .admin-content.streaming .remind-place span, body .user-content.streaming .remind-place span {
        float: left;
        width: 50%;
        color: #A7A7A7;
        font-size: .7vw;
        font-weight: 400;
        margin-top: .2vw;
        display: none; }
        @media (max-width: 767px) {
          body .admin-content.streaming .remind-place span, body .user-content.streaming .remind-place span {
            font-size: 3.5vw;
            width: 80%; } }
    body .admin-content.streaming > h2, body .user-content.streaming > h2 {
      font-size: 3vw;
      font-weight: 500;
      margin-top: 2vw;
      margin-bottom: 3vw;
      float: left;
      position: relative;
      display: block;
      width: 100%;
      color: #B3A26C; }
      @media (max-width: 767px) {
        body .admin-content.streaming > h2, body .user-content.streaming > h2 {
          font-size: 8vw;
          width: 86%;
          margin-left: 7%;
          margin-top: 6%;
          margin-bottom: 6%; } }
    body .admin-content.streaming .video-filters, body .user-content.streaming .video-filters {
      float: left;
      position: relative;
      width: 100%; }
      @media (max-width: 767px) {
        body .admin-content.streaming .video-filters, body .user-content.streaming .video-filters {
          width: 86%;
          margin-left: 7%; } }
      body .admin-content.streaming .video-filters .top, body .user-content.streaming .video-filters .top {
        float: left;
        position: relative;
        width: 100%; }
        body .admin-content.streaming .video-filters .top ul, body .user-content.streaming .video-filters .top ul {
          float: left;
          position: relative;
          width: 100%;
          list-style: none;
          padding: 0;
          border-bottom: 1px solid #E1E1E1; }
          @media (max-width: 767px) {
            body .admin-content.streaming .video-filters .top ul, body .user-content.streaming .video-filters .top ul {
              width: 100%; } }
          body .admin-content.streaming .video-filters .top ul.view-type, body .user-content.streaming .video-filters .top ul.view-type {
            float: right !important; }
            @media (max-width: 767px) {
              body .admin-content.streaming .video-filters .top ul.view-type, body .user-content.streaming .video-filters .top ul.view-type {
                width: 100%; } }
            body .admin-content.streaming .video-filters .top ul.view-type li, body .user-content.streaming .video-filters .top ul.view-type li {
              float: right;
              margin-right: 0;
              margin-left: 2vw; }
              @media (max-width: 767px) {
                body .admin-content.streaming .video-filters .top ul.view-type li, body .user-content.streaming .video-filters .top ul.view-type li {
                  width: 50% !important;
                  float: left !important;
                  margin-left: 0 !important;
                  position: relative; } }
              @media (max-width: 767px) {
                body .admin-content.streaming .video-filters .top ul.view-type li:nth-child(1), body .user-content.streaming .video-filters .top ul.view-type li:nth-child(1) {
                  text-align: right !important;
                  padding-right: 5vw; } }
              @media (max-width: 767px) {
                body .admin-content.streaming .video-filters .top ul.view-type li:nth-child(2), body .user-content.streaming .video-filters .top ul.view-type li:nth-child(2) {
                  text-align: left !important;
                  padding-left: 5vw; } }
              @media (max-width: 767px) {
                body .admin-content.streaming .video-filters .top ul.view-type li::after, body .user-content.streaming .video-filters .top ul.view-type li::after {
                  width: 89% !important; } }
          body .admin-content.streaming .video-filters .top ul li, body .user-content.streaming .video-filters .top ul li {
            float: left;
            position: relative;
            margin-right: 5vw;
            margin-bottom: 1vw; }
            @media (max-width: 767px) {
              body .admin-content.streaming .video-filters .top ul li, body .user-content.streaming .video-filters .top ul li {
                margin-right: 0;
                width: calc(100% / 3); } }
            @media (max-width: 767px) {
              body .admin-content.streaming .video-filters .top ul li:nth-child(1), body .user-content.streaming .video-filters .top ul li:nth-child(1) {
                text-align: left; } }
            @media (max-width: 767px) {
              body .admin-content.streaming .video-filters .top ul li:nth-child(2), body .user-content.streaming .video-filters .top ul li:nth-child(2) {
                text-align: center; } }
            @media (max-width: 767px) {
              body .admin-content.streaming .video-filters .top ul li:nth-child(3), body .user-content.streaming .video-filters .top ul li:nth-child(3) {
                text-align: right; } }
            body .admin-content.streaming .video-filters .top ul li.active::after, body .user-content.streaming .video-filters .top ul li.active::after {
              content: "";
              width: 100%;
              height: 1px;
              background: #B3A26C;
              display: block;
              position: absolute;
              bottom: calc(-1vw - 1px); }
            body .admin-content.streaming .video-filters .top ul li.active a, body .user-content.streaming .video-filters .top ul li.active a {
              color: #B3A26C; }
            body .admin-content.streaming .video-filters .top ul li a, body .user-content.streaming .video-filters .top ul li a {
              font-size: 0.7vw;
              color: #A7A7A7;
              font-weight: 500;
              text-transform: uppercase;
              letter-spacing: 1px; }
              @media (max-width: 767px) {
                body .admin-content.streaming .video-filters .top ul li a, body .user-content.streaming .video-filters .top ul li a {
                  font-size: 2.3vw; } }
              body .admin-content.streaming .video-filters .top ul li a:hover, body .admin-content.streaming .video-filters .top ul li a:focus, body .user-content.streaming .video-filters .top ul li a:hover, body .user-content.streaming .video-filters .top ul li a:focus {
                text-decoration: none;
                color: #B3A26C; }
      body .admin-content.streaming .video-filters .bottom, body .user-content.streaming .video-filters .bottom {
        float: left;
        position: relative;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 2vw;
        margin-bottom: 2.5vw;
        margin-top: .7vw; }
        body .admin-content.streaming .video-filters .bottom .control-frame, body .user-content.streaming .video-filters .bottom .control-frame {
          display: block;
          float: right;
          box-sizing: border-box;
          border-bottom: 1px solid #D2D2D2;
          min-height: 60px;
          text-align: left; }
          body .admin-content.streaming .video-filters .bottom .control-frame select:focus, body .user-content.streaming .video-filters .bottom .control-frame select:focus {
            outline: none; }
          body .admin-content.streaming .video-filters .bottom .control-frame .headline, body .user-content.streaming .video-filters .bottom .control-frame .headline {
            color: #3A3A3B;
            font-size: .65vw;
            font-weight: bold;
            display: block;
            clear: both; }
          body .admin-content.streaming .video-filters .bottom .control-frame input, body .user-content.streaming .video-filters .bottom .control-frame input {
            display: block;
            position: relative;
            bottom: -15px;
            width: 100%;
            padding: 0;
            margin: 0;
            border: none;
            background: transparent;
            color: #B3A26C;
            font-size: 14px; }
            body .admin-content.streaming .video-filters .bottom .control-frame input:focus, body .user-content.streaming .video-filters .bottom .control-frame input:focus {
              outline: none; }
          body .admin-content.streaming .video-filters .bottom .control-frame .search-classes, body .user-content.streaming .video-filters .bottom .control-frame .search-classes {
            position: absolute;
            right: 0;
            z-index: 999; }
    body .admin-content.streaming .stream-context, body .user-content.streaming .stream-context {
      float: left;
      position: relative;
      width: 100%;
      display: none;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 3vw;
      grid-row-gap: 2vw;
      margin-bottom: 2.5vw;
      margin-top: 0.7vw;
      margin-bottom: 10vw; }
      @media (max-width: 767px) {
        body .admin-content.streaming .stream-context, body .user-content.streaming .stream-context {
          width: 86%;
          margin-left: 7%;
          grid-template-columns: repeat(1, 1fr); } }
      body .admin-content.streaming .stream-context.active, body .user-content.streaming .stream-context.active {
        display: grid; }
      body .admin-content.streaming .stream-context .load-more-streams, body .user-content.streaming .stream-context .load-more-streams {
        width: 20%;
        position: absolute;
        bottom: -9vw;
        text-align: center;
        margin-bottom: 3vw;
        background: #b3a26c;
        color: #fff;
        margin-left: 40%;
        padding: .8vw 2vw;
        font-weight: 400;
        font-size: .8vw; }
        @media (max-width: 767px) {
          body .admin-content.streaming .stream-context .load-more-streams, body .user-content.streaming .stream-context .load-more-streams {
            font-size: 4vw;
            width: 100%;
            margin-left: 0;
            padding: 15px 0;
            float: left;
            display: block;
            margin-bottom: 5vw; } }
        body .admin-content.streaming .stream-context .load-more-streams:hover, body .admin-content.streaming .stream-context .load-more-streams:focus, body .user-content.streaming .stream-context .load-more-streams:hover, body .user-content.streaming .stream-context .load-more-streams:focus {
          text-decoration: none;
          color: #fff; }
      body .admin-content.streaming .stream-context .streaming-box, body .user-content.streaming .stream-context .streaming-box {
        position: relative;
        display: none; }
        @media (max-width: 767px) {
          body .admin-content.streaming .stream-context .streaming-box, body .user-content.streaming .stream-context .streaming-box {
            float: left;
            position: relative;
            width: 100%;
            margin-bottom: 10vw; } }
        body .admin-content.streaming .stream-context .streaming-box[data-position="1"], body .admin-content.streaming .stream-context .streaming-box[data-position="2"], body .user-content.streaming .stream-context .streaming-box[data-position="1"], body .user-content.streaming .stream-context .streaming-box[data-position="2"] {
          display: block; }
        body .admin-content.streaming .stream-context .streaming-box .live-label, body .user-content.streaming .stream-context .streaming-box .live-label {
          position: absolute;
          background: #EA4E3C;
          color: #fff;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 8px 12px;
          font-weight: 400;
          font-size: .7vw; }
          @media (max-width: 767px) {
            body .admin-content.streaming .stream-context .streaming-box .live-label, body .user-content.streaming .stream-context .streaming-box .live-label {
              padding: 10px 12px;
              font-size: 2.5vw; } }
        body .admin-content.streaming .stream-context .streaming-box .top-content, body .user-content.streaming .stream-context .streaming-box .top-content {
          float: left;
          position: relative;
          width: 100%;
          margin-bottom: 1vw;
          cursor: pointer; }
          body .admin-content.streaming .stream-context .streaming-box .top-content img.event-photo, body .user-content.streaming .stream-context .streaming-box .top-content img.event-photo {
            width: 100%;
            height: 11vw;
            object-fit: cover; }
            @media (max-width: 767px) {
              body .admin-content.streaming .stream-context .streaming-box .top-content img.event-photo, body .user-content.streaming .stream-context .streaming-box .top-content img.event-photo {
                height: 50vw; } }
          body .admin-content.streaming .stream-context .streaming-box .top-content img.play-ico, body .user-content.streaming .stream-context .streaming-box .top-content img.play-ico {
            position: absolute;
            right: 1vw;
            bottom: 1vw;
            width: 24px; }
            @media (max-width: 767px) {
              body .admin-content.streaming .stream-context .streaming-box .top-content img.play-ico, body .user-content.streaming .stream-context .streaming-box .top-content img.play-ico {
                right: 4vw;
                bottom: 3vw; } }
          body .admin-content.streaming .stream-context .streaming-box .top-content .box-overlay, body .user-content.streaming .stream-context .streaming-box .top-content .box-overlay {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.67); }
          body .admin-content.streaming .stream-context .streaming-box .top-content .box-counter, body .user-content.streaming .stream-context .streaming-box .top-content .box-counter {
            color: #fff;
            position: absolute;
            width: 100%;
            text-align: center;
            font-size: 1vw;
            top: 5vw;
            letter-spacing: 1px; }
            @media (max-width: 767px) {
              body .admin-content.streaming .stream-context .streaming-box .top-content .box-counter, body .user-content.streaming .stream-context .streaming-box .top-content .box-counter {
                font-size: 5vw;
                margin-top: 17vw; } }
          body .admin-content.streaming .stream-context .streaming-box .top-content .box-remind, body .user-content.streaming .stream-context .streaming-box .top-content .box-remind {
            position: absolute;
            right: 1vw;
            bottom: 1vw;
            color: #B3A26C;
            font-weight: 500;
            font-size: .75vw; }
            @media (max-width: 767px) {
              body .admin-content.streaming .stream-context .streaming-box .top-content .box-remind, body .user-content.streaming .stream-context .streaming-box .top-content .box-remind {
                right: 3vw;
                bottom: 3vw;
                font-size: 3vw; } }
            body .admin-content.streaming .stream-context .streaming-box .top-content .box-remind:hover, body .admin-content.streaming .stream-context .streaming-box .top-content .box-remind:focus, body .user-content.streaming .stream-context .streaming-box .top-content .box-remind:hover, body .user-content.streaming .stream-context .streaming-box .top-content .box-remind:focus {
              text-decoration: none;
              color: #B3A26C; }
            body .admin-content.streaming .stream-context .streaming-box .top-content .box-remind img, body .user-content.streaming .stream-context .streaming-box .top-content .box-remind img {
              width: 18px;
              margin-left: 10px; }
        @media (max-width: 767px) {
          body .admin-content.streaming .stream-context .streaming-box .main-content, body .user-content.streaming .stream-context .streaming-box .main-content {
            float: left;
            margin-top: 3vw; } }
        body .admin-content.streaming .stream-context .streaming-box .main-content a, body .user-content.streaming .stream-context .streaming-box .main-content a {
          font-size: 1vw;
          font-weight: 700;
          color: #3A3A3B; }
          @media (max-width: 767px) {
            body .admin-content.streaming .stream-context .streaming-box .main-content a, body .user-content.streaming .stream-context .streaming-box .main-content a {
              font-size: 5vw; } }
          body .admin-content.streaming .stream-context .streaming-box .main-content a:hover, body .admin-content.streaming .stream-context .streaming-box .main-content a:focus, body .user-content.streaming .stream-context .streaming-box .main-content a:hover, body .user-content.streaming .stream-context .streaming-box .main-content a:focus {
            text-decoration: none;
            color: #3A3A3B; }
        body .admin-content.streaming .stream-context .streaming-box .main-content p.description, body .user-content.streaming .stream-context .streaming-box .main-content p.description {
          font-size: .8vw;
          color: #3A3A3B;
          height: 4.5vw; }
          @media (max-width: 767px) {
            body .admin-content.streaming .stream-context .streaming-box .main-content p.description, body .user-content.streaming .stream-context .streaming-box .main-content p.description {
              font-size: 3.5vw;
              height: auto; } }
        @media (max-width: 767px) {
          body .admin-content.streaming .stream-context .streaming-box .bottom-content, body .user-content.streaming .stream-context .streaming-box .bottom-content {
            float: left;
            width: 100%;
            margin-top: 4vw; } }
        body .admin-content.streaming .stream-context .streaming-box .bottom-content p.views, body .user-content.streaming .stream-context .streaming-box .bottom-content p.views {
          color: #A7A7A7;
          float: left;
          font-size: .7vw;
          font-weight: 400; }
          @media (max-width: 767px) {
            body .admin-content.streaming .stream-context .streaming-box .bottom-content p.views, body .user-content.streaming .stream-context .streaming-box .bottom-content p.views {
              font-size: 3.5vw; } }
        body .admin-content.streaming .stream-context .streaming-box .bottom-content p.stream-info, body .user-content.streaming .stream-context .streaming-box .bottom-content p.stream-info {
          color: #A7A7A7;
          float: right;
          font-size: .7vw;
          font-weight: 400; }
          @media (max-width: 767px) {
            body .admin-content.streaming .stream-context .streaming-box .bottom-content p.stream-info, body .user-content.streaming .stream-context .streaming-box .bottom-content p.stream-info {
              font-size: 3.5vw; } }
    body .admin-content > .left, body .user-content > .left {
      float: left;
      position: relative;
      width: 50%; }
      @media (max-width: 767px) {
        body .admin-content > .left, body .user-content > .left {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .admin-content > .left, body .user-content > .left {
          width: 100%; } }
      body .admin-content > .left h2, body .user-content > .left h2 {
        font-size: 3vw;
        color: #B3A26C; }
        @media (max-width: 767px) {
          body .admin-content > .left h2, body .user-content > .left h2 {
            font-size: 7vw;
            margin-bottom: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .admin-content > .left h2, body .user-content > .left h2 {
            font-size: 7vw;
            margin-bottom: 4vw; } }
    body .admin-content > .right, body .user-content > .right {
      float: left;
      position: relative;
      width: 50%; }
      @media (max-width: 767px) {
        body .admin-content > .right, body .user-content > .right {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .admin-content > .right, body .user-content > .right {
          width: 100%; } }
    body .admin-content > .left-v2, body .user-content > .left-v2 {
      float: left;
      position: relative;
      width: 25%; }
      @media (max-width: 767px) {
        body .admin-content > .left-v2, body .user-content > .left-v2 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
      body .admin-content > .left-v2 h2, body .user-content > .left-v2 h2 {
        font-size: 3vw;
        color: #B3A26C; }
        @media (max-width: 767px) {
          body .admin-content > .left-v2 h2, body .user-content > .left-v2 h2 {
            font-size: 8vw; } }
    body .admin-content > .right-v2, body .user-content > .right-v2 {
      float: left;
      position: relative;
      width: 75%; }
      @media (max-width: 767px) {
        body .admin-content > .right-v2, body .user-content > .right-v2 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
    body .admin-content > .left-v3, body .user-content > .left-v3 {
      float: left;
      position: relative;
      width: 60%; }
      @media (max-width: 767px) {
        body .admin-content > .left-v3, body .user-content > .left-v3 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
      body .admin-content > .left-v3 h2, body .user-content > .left-v3 h2 {
        float: left;
        position: relative;
        font-size: 2vw;
        color: #B3A26C; }
        @media (max-width: 767px) {
          body .admin-content > .left-v3 h2, body .user-content > .left-v3 h2 {
            display: none; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .admin-content > .left-v3 h2, body .user-content > .left-v3 h2 {
            display: none; } }
      body .admin-content > .left-v3 h3, body .user-content > .left-v3 h3 {
        float: left;
        position: relative;
        font-size: 1.2vw;
        color: #B3A26C;
        margin-top: 1.7vw;
        margin-left: 1.7vw; }
        @media (max-width: 767px) {
          body .admin-content > .left-v3 h3, body .user-content > .left-v3 h3 {
            font-size: 8vw;
            margin-left: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .admin-content > .left-v3 h3, body .user-content > .left-v3 h3 {
            font-size: 8vw;
            margin-left: 0; } }
        body .admin-content > .left-v3 h3::before, body .user-content > .left-v3 h3::before {
          content: "";
          width: 18px;
          height: 10px;
          display: inline-block;
          background: url(/assets/img/arrow.svg);
          transform: rotate(-90deg);
          background-size: cover;
          float: left;
          margin-right: 1.2vw;
          margin-top: .3vw; }
          @media (max-width: 767px) {
            body .admin-content > .left-v3 h3::before, body .user-content > .left-v3 h3::before {
              display: none; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .admin-content > .left-v3 h3::before, body .user-content > .left-v3 h3::before {
              display: none; } }
    body .admin-content > .right-v3, body .user-content > .right-v3 {
      float: left;
      position: relative;
      width: 40%; }
      @media (max-width: 767px) {
        body .admin-content > .right-v3, body .user-content > .right-v3 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
    body .admin-content > .left-v4, body .user-content > .left-v4 {
      float: left;
      position: relative;
      width: 45%; }
      @media (max-width: 767px) {
        body .admin-content > .left-v4, body .user-content > .left-v4 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
      body .admin-content > .left-v4 h2, body .user-content > .left-v4 h2 {
        float: left;
        position: relative;
        font-size: 2vw;
        color: #B3A26C; }
        @media (max-width: 767px) {
          body .admin-content > .left-v4 h2, body .user-content > .left-v4 h2 {
            font-size: 8vw; } }
      body .admin-content > .left-v4 h3, body .user-content > .left-v4 h3 {
        float: left;
        position: relative;
        font-size: 1.2vw;
        color: #B3A26C;
        margin-top: 1.7vw;
        margin-left: 1.7vw; }
        @media (max-width: 767px) {
          body .admin-content > .left-v4 h3, body .user-content > .left-v4 h3 {
            font-size: 8vw; } }
        body .admin-content > .left-v4 h3::before, body .user-content > .left-v4 h3::before {
          content: "";
          width: 18px;
          height: 10px;
          display: inline-block;
          background: url(/assets/img/arrow.svg);
          transform: rotate(-90deg);
          background-size: cover;
          float: left;
          margin-right: 1.2vw;
          margin-top: .3vw; }
      body .admin-content > .left-v4 .navigate-links, body .user-content > .left-v4 .navigate-links {
        float: left;
        position: relative;
        margin-left: 2.5vw;
        margin-top: 2vw; }
        body .admin-content > .left-v4 .navigate-links a, body .user-content > .left-v4 .navigate-links a {
          font-weight: 700;
          font-size: .7vw;
          margin-right: 4vw;
          color: #b2a16b;
          text-decoration: underline; }
          body .admin-content > .left-v4 .navigate-links a.active, body .user-content > .left-v4 .navigate-links a.active {
            pointer-events: none;
            color: #000;
            text-decoration: none; }
          body .admin-content > .left-v4 .navigate-links a.att::after, body .user-content > .left-v4 .navigate-links a.att::after {
            content: attr(data-booked);
            color: #BBBBBB;
            margin-left: 0.5vw;
            position: absolute; }
    body .admin-content > .right-v4, body .user-content > .right-v4 {
      float: left;
      position: relative;
      width: 55%; }
      @media (max-width: 767px) {
        body .admin-content > .right-v4, body .user-content > .right-v4 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
      body .admin-content > .right-v4 .ba, body .user-content > .right-v4 .ba {
        float: right;
        width: 23%;
        margin-right: 2vw;
        margin-top: 2vw; }
        @media (max-width: 767px) {
          body .admin-content > .right-v4 .ba, body .user-content > .right-v4 .ba {
            width: 68%;
            float: left;
            margin-top: 7vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .admin-content > .right-v4 .ba, body .user-content > .right-v4 .ba {
            width: 68%;
            float: left;
            margin-top: 7vw; } }
        body .admin-content > .right-v4 .ba p, body .user-content > .right-v4 .ba p {
          color: #BBBBBB;
          font-weight: 500; }
    body .admin-content > .left-v5, body .user-content > .left-v5 {
      float: left;
      position: relative;
      width: 39%; }
      @media (max-width: 767px) {
        body .admin-content > .left-v5, body .user-content > .left-v5 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
      body .admin-content > .left-v5 h2, body .user-content > .left-v5 h2 {
        float: left;
        position: relative;
        font-size: 2vw;
        color: #B3A26C; }
        @media (max-width: 767px) {
          body .admin-content > .left-v5 h2, body .user-content > .left-v5 h2 {
            font-size: 8vw;
            margin-top: 0; } }
      body .admin-content > .left-v5 h3, body .user-content > .left-v5 h3 {
        float: left;
        position: relative;
        font-size: 1.2vw;
        color: #B3A26C;
        margin-top: 1.7vw;
        margin-left: 1.7vw; }
        @media (max-width: 767px) {
          body .admin-content > .left-v5 h3, body .user-content > .left-v5 h3 {
            font-size: 8vw; } }
        body .admin-content > .left-v5 h3::before, body .user-content > .left-v5 h3::before {
          content: "";
          width: 18px;
          height: 10px;
          display: inline-block;
          background: url(/assets/img/arrow.svg);
          transform: rotate(-90deg);
          background-size: cover;
          float: left;
          margin-right: 1.2vw;
          margin-top: .3vw; }
      body .admin-content > .left-v5 .navigate-links, body .user-content > .left-v5 .navigate-links {
        float: left;
        position: relative;
        margin-left: 2.5vw;
        margin-top: 2vw; }
        @media (max-width: 767px) {
          body .admin-content > .left-v5 .navigate-links, body .user-content > .left-v5 .navigate-links {
            float: left;
            position: relative;
            top: auto;
            left: 0;
            margin-top: 4vw;
            margin-bottom: 4vw;
            z-index: 1;
            right: auto;
            width: 100%;
            text-align: left; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .admin-content > .left-v5 .navigate-links, body .user-content > .left-v5 .navigate-links {
            float: left;
            position: relative;
            top: auto;
            left: 0;
            margin-top: 4vw;
            margin-bottom: 4vw;
            z-index: 1;
            right: auto;
            width: 100%;
            text-align: left; } }
        body .admin-content > .left-v5 .navigate-links a, body .user-content > .left-v5 .navigate-links a {
          font-weight: 700;
          font-size: .7vw;
          margin-right: 3vw;
          color: #b2a16b;
          text-decoration: underline; }
          @media (max-width: 767px) {
            body .admin-content > .left-v5 .navigate-links a, body .user-content > .left-v5 .navigate-links a {
              font-size: 3.5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .admin-content > .left-v5 .navigate-links a, body .user-content > .left-v5 .navigate-links a {
              font-size: 3.5vw; } }
          body .admin-content > .left-v5 .navigate-links a.active, body .user-content > .left-v5 .navigate-links a.active {
            pointer-events: none;
            color: #000;
            text-decoration: none; }
          body .admin-content > .left-v5 .navigate-links a.att::after, body .user-content > .left-v5 .navigate-links a.att::after {
            content: attr(data-booked);
            color: #BBBBBB;
            margin-left: 0.5vw;
            position: absolute; }
    body .admin-content > .right-v5, body .user-content > .right-v5 {
      float: left;
      position: relative;
      width: 61%; }
      @media (max-width: 767px) {
        body .admin-content > .right-v5, body .user-content > .right-v5 {
          width: 100%;
          text-align: center;
          padding: 0 5vw; } }
      body .admin-content > .right-v5 .ba, body .user-content > .right-v5 .ba {
        float: right;
        width: 23%;
        margin-right: 2vw;
        margin-top: 2vw; }
        @media (max-width: 767px) {
          body .admin-content > .right-v5 .ba, body .user-content > .right-v5 .ba {
            width: 68%;
            float: left;
            margin-top: 9vw;
            margin-right: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body .admin-content > .right-v5 .ba, body .user-content > .right-v5 .ba {
            width: 68%;
            float: left;
            margin-top: 9vw;
            margin-right: 0; } }
        body .admin-content > .right-v5 .ba p, body .user-content > .right-v5 .ba p {
          color: #BBBBBB;
          font-weight: 500; }
      @media (max-width: 767px) {
        body .admin-content > .right-v5 .admin-pure-link:not(.spl), body .user-content > .right-v5 .admin-pure-link:not(.spl) {
          position: absolute;
          top: -26vw;
          right: 5vw;
          font-size: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .admin-content > .right-v5 .admin-pure-link:not(.spl), body .user-content > .right-v5 .admin-pure-link:not(.spl) {
          position: absolute;
          top: -26vw;
          right: 5vw;
          font-size: 0; } }
      @media (max-width: 767px) {
        body .admin-content > .right-v5 .admin-pure-link.spl, body .user-content > .right-v5 .admin-pure-link.spl {
          font-size: 3.5vw;
          text-align: left;
          float: left;
          margin-bottom: 2vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .admin-content > .right-v5 .admin-pure-link.spl, body .user-content > .right-v5 .admin-pure-link.spl {
          font-size: 3.5vw;
          text-align: left;
          float: left;
          margin-bottom: 2vw; } }
    body .admin-content .table-content, body .user-content .table-content {
      float: left;
      position: relative;
      width: 100%;
      margin-top: 3vw; }
      @media (max-width: 767px) {
        body .admin-content .table-content, body .user-content .table-content {
          margin-top: 7vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .admin-content .table-content, body .user-content .table-content {
          margin-top: 7vw; } }
      body .admin-content .table-content .table-tabs, body .user-content .table-content .table-tabs {
        float: left;
        position: relative;
        width: 100%;
        list-style: none;
        padding: 0;
        border-bottom: 1px solid #D9D9D9;
        padding-bottom: .5vw; }
        body .admin-content .table-content .table-tabs li, body .user-content .table-content .table-tabs li {
          float: left;
          margin-right: 4vw;
          text-align: center; }
          @media (max-width: 767px) {
            body .admin-content .table-content .table-tabs li, body .user-content .table-content .table-tabs li {
              width: 100%;
              margin-right: 0;
              margin-bottom: 4vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body .admin-content .table-content .table-tabs li, body .user-content .table-content .table-tabs li {
              width: 100%;
              margin-right: 0;
              margin-bottom: 4vw; } }
          body .admin-content .table-content .table-tabs li:hover,
          body .admin-content .table-content .table-tabs li a, body .user-content .table-content .table-tabs li:hover,
          body .user-content .table-content .table-tabs li a {
            color: #343434;
            font-size: 0.9vw;
            font-family: 'Lato';
            font-weight: normal;
            font-style: normal;
            text-transform: uppercase; }
            @media (max-width: 767px) {
              body .admin-content .table-content .table-tabs li:hover,
              body .admin-content .table-content .table-tabs li a, body .user-content .table-content .table-tabs li:hover,
              body .user-content .table-content .table-tabs li a {
                font-size: 3.5vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .admin-content .table-content .table-tabs li:hover,
              body .admin-content .table-content .table-tabs li a, body .user-content .table-content .table-tabs li:hover,
              body .user-content .table-content .table-tabs li a {
                font-size: 3.5vw; } }
            body .admin-content .table-content .table-tabs li:hover:hover, body .admin-content .table-content .table-tabs li:hover:focus,
            body .admin-content .table-content .table-tabs li a:hover,
            body .admin-content .table-content .table-tabs li a:focus, body .user-content .table-content .table-tabs li:hover:hover, body .user-content .table-content .table-tabs li:hover:focus,
            body .user-content .table-content .table-tabs li a:hover,
            body .user-content .table-content .table-tabs li a:focus {
              text-decoration: none;
              color: #B3A26C; }
            body .admin-content .table-content .table-tabs li:hover span,
            body .admin-content .table-content .table-tabs li a span, body .user-content .table-content .table-tabs li:hover span,
            body .user-content .table-content .table-tabs li a span {
              color: #BBBBBB;
              font-size: .7vw; }
          body .admin-content .table-content .table-tabs li.active, body .user-content .table-content .table-tabs li.active {
            position: relative; }
            body .admin-content .table-content .table-tabs li.active a, body .user-content .table-content .table-tabs li.active a {
              color: #B3A26C; }
              body .admin-content .table-content .table-tabs li.active a::after, body .user-content .table-content .table-tabs li.active a::after {
                content: "";
                width: 100%;
                height: 7px;
                background: #B3A26C;
                position: absolute;
                left: 0;
                bottom: -.5vw; }
      body .admin-content .table-content .tabs-content, body .user-content .table-content .tabs-content {
        float: left;
        position: relative;
        width: 100%; }
        body .admin-content .table-content .tabs-content .tab-content, body .user-content .table-content .tabs-content .tab-content {
          float: left;
          position: relative;
          width: 100%;
          display: none; }
          body .admin-content .table-content .tabs-content .tab-content.active, body .user-content .table-content .tabs-content .tab-content.active {
            display: block; }
          body .admin-content .table-content .tabs-content .tab-content .ftable tr:hover, body .user-content .table-content .tabs-content .tab-content .ftable tr:hover {
            background: #fbfbfb; }
          body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link {
            cursor: pointer; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status .point, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status .point {
              float: left;
              position: relative;
              width: 1vw;
              height: 1vw;
              border-radius: 50%;
              margin-right: .5vw; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.deleted .point, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.deleted .point {
              background: #CF7070; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.deleted p, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.deleted p {
              color: #CF7070; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.unpublished .point, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.unpublished .point {
              background: #BBBBBB; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.unpublished p, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.unpublished p {
              color: #BBBBBB; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.published .point, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.published .point {
              background: #85BB67; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.published p, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.published p {
              color: #85BB67; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.canceled .point, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.canceled .point {
              background: #cf7070; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.canceled p, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.canceled p {
              color: #cf7070; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.planned .point, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.planned .point {
              background: #b3a26c; }
            body .admin-content .table-content .tabs-content .tab-content .ftable tr td.link .status.planned p, body .user-content .table-content .tabs-content .tab-content .ftable tr td.link .status.planned p {
              color: #b3a26c; }
          body .admin-content .table-content .tabs-content .tab-content .ftable .table_btn, body .user-content .table-content .tabs-content .tab-content .ftable .table_btn {
            margin-left: 1vw; }
            body .admin-content .table-content .tabs-content .tab-content .ftable .table_btn:hover, body .admin-content .table-content .tabs-content .tab-content .ftable .table_btn:focus, body .user-content .table-content .tabs-content .tab-content .ftable .table_btn:hover, body .user-content .table-content .tabs-content .tab-content .ftable .table_btn:focus {
              text-decoration: none; }
            body .admin-content .table-content .tabs-content .tab-content .ftable .table_btn.unavaible, body .user-content .table-content .tabs-content .tab-content .ftable .table_btn.unavaible {
              opacity: .35;
              cursor: default;
              pointer-events: none; }
          body .admin-content .table-content .tabs-content .tab-content .ftable .like-ico, body .user-content .table-content .tabs-content .tab-content .ftable .like-ico {
            float: left;
            margin-top: 0.2vw;
            margin-right: .4vw; }
          body .admin-content .table-content .tabs-content .tab-content .ftable .post-title img.post-image, body .user-content .table-content .tabs-content .tab-content .ftable .post-title img.post-image {
            float: left;
            width: 80px;
            height: 80px;
            object-fit: cover;
            margin-right: 1vw; }
          body .admin-content .table-content .tabs-content .tab-content .ftable .post-title span, body .user-content .table-content .tabs-content .tab-content .ftable .post-title span {
            float: left;
            width: calc(100% - 120px);
            font-family: 'Lato';
            font-weight: 700;
            font-style: normal;
            color: #343434;
            font-size: 0.8vw; }
          body .admin-content .table-content .tabs-content .tab-content .ftable img.type_ico, body .user-content .table-content .tabs-content .tab-content .ftable img.type_ico {
            -webkit-box-shadow: 0px 29px 28px -9px rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 0px 29px 28px -9px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 29px 28px -9px rgba(0, 0, 0, 0.08);
            float: left;
            width: 27%; }
          body .admin-content .table-content .tabs-content .tab-content .ftable td p, body .user-content .table-content .tabs-content .tab-content .ftable td p {
            font-size: .8vw; }
            @media (max-width: 767px) {
              body .admin-content .table-content .tabs-content .tab-content .ftable td p, body .user-content .table-content .tabs-content .tab-content .ftable td p {
                font-size: 3vw; } }
            @media (min-width: 768px) and (max-width: 991px) {
              body .admin-content .table-content .tabs-content .tab-content .ftable td p, body .user-content .table-content .tabs-content .tab-content .ftable td p {
                font-size: 3vw; } }
  body .post-detail {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 1vw;
    padding-top: 1vw;
    border-top: 1px solid #D9D9D9; }
    @media (max-width: 767px) {
      body .post-detail {
        padding: 5vw;
        margin-top: 5vw; } }
    body .post-detail .sp-s-box {
      display: none; }
    body .post-detail .content-box {
      width: 100%;
      background: #fff;
      border: 1px solid #D9D9D9;
      margin-bottom: 30px;
      padding: 15px;
      position: relative;
      float: left;
      border-radius: 7px; }
      body .post-detail .content-box.smaller {
        padding: .54vw; }
      body .post-detail .content-box.new-tag-box {
        margin-top: calc(-1.5vw - 1px); }
      body .post-detail .content-box.streaming-section {
        margin-left: 1%;
        width: 94%; }
      body .post-detail .content-box p.box-label {
        position: absolute;
        top: -23px;
        font-size: .7vw;
        font-family: 'Lato';
        font-weight: 400;
        font-style: normal;
        color: #B3A26C;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          body .post-detail .content-box p.box-label {
            font-size: 3.5vw; } }
      body .post-detail .content-box .load-photo {
        float: right;
        border: 1px solid #B3A26C;
        color: #B3A26C;
        text-transform: uppercase;
        font-size: .6vw;
        padding: 3px 10px;
        font-weight: 400; }
        @media (max-width: 767px) {
          body .post-detail .content-box .load-photo {
            float: none;
            width: 100%;
            display: block;
            margin-top: 10vw;
            font-size: 3.5vw;
            text-align: center;
            padding: 3vw; } }
        body .post-detail .content-box .load-photo:hover, body .post-detail .content-box .load-photo:focus {
          text-decoration: none;
          color: #B3A26C; }
      body .post-detail .content-box .selected-file {
        float: left;
        width: 70%;
        margin: 0; }
      body .post-detail .content-box #post-photo {
        display: none; }
      body .post-detail .content-box select {
        width: 100%;
        height: 22px;
        -webkit-appearance: none;
        border-radius: 0;
        border: none;
        background: #fff;
        background: url(/assets/img/arrow.svg);
        background-repeat: no-repeat;
        background-position: 95% 55%; }
        body .post-detail .content-box select:focus {
          outline: none; }
        body .post-detail .content-box select#user-language {
          height: 60px;
          background: transparent; }
      body .post-detail .content-box input {
        width: 100%;
        border: none; }
        body .post-detail .content-box input#post-start-datetime, body .post-detail .content-box input#post-end-datetime {
          background: url(/assets/img/calendar.svg);
          background-repeat: no-repeat;
          background-position: right;
          background-size: contain; }
        body .post-detail .content-box input#post-headline {
          font-weight: 600; }
        body .post-detail .content-box input:focus {
          outline: none; }
      body .post-detail .content-box textarea {
        width: 100%;
        border: none;
        resize: none; }
        body .post-detail .content-box textarea#post-perex {
          height: 6.3vw; }
        body .post-detail .content-box textarea#post-content {
          height: 7vw; }
        body .post-detail .content-box textarea:focus {
          outline: none; }
    body .post-detail #new-tag {
      border: 1px solid #d9d9d9; }
    body .post-detail .save-new-tag {
      position: absolute;
      width: 18%;
      right: 15px;
      border: 1px solid #B3A26C;
      text-align: center;
      color: #B3A26C;
      padding: 1px 2px; }
      body .post-detail .save-new-tag:hover, body .post-detail .save-new-tag:focus {
        text-decoration: none;
        color: #B3A26C; }
    body .post-detail .tags-controll {
      width: 100%;
      border: none;
      padding: 0.5vw 1vw 0;
      font-family: "Lato";
      font-weight: normal;
      font-style: normal;
      float: left;
      margin-right: 1vw;
      height: 2.5vw;
      position: relative; }
      @media (max-width: 767px) {
        body .post-detail .tags-controll {
          width: 100%;
          margin-top: 4vw;
          height: 10vw; } }
      body .post-detail .tags-controll > p {
        float: left;
        color: #B3A26C;
        padding-right: 1vw;
        border-right: 1px solid #B3A26C;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: .7vw; }
        @media (max-width: 767px) {
          body .post-detail .tags-controll > p {
            font-size: 3.5vw;
            margin-top: 1.3vw;
            padding-left: 4vw;
            padding-right: 3vw; } }
      body .post-detail .tags-controll .selected-tags {
        float: left;
        position: relative;
        width: 98%;
        height: 1.3vw;
        cursor: pointer; }
        @media (max-width: 767px) {
          body .post-detail .tags-controll .selected-tags {
            width: 71%;
            margin-left: 5%;
            height: 7.3vw;
            margin-top: 1vw; } }
        body .post-detail .tags-controll .selected-tags::after {
          -webkit-transition: background-image .5s;
          -moz-transition: background-image .5s;
          -o-transition: background-image .5s;
          transition: background-image .5s;
          transition-property: transform, opacity;
          content: "";
          background: url(/assets/img/arrow.svg);
          width: 12px;
          height: 7px;
          position: absolute;
          right: 0;
          top: .5vw; }
          @media (max-width: 767px) {
            body .post-detail .tags-controll .selected-tags::after {
              top: 2.2vw; } }
        body .post-detail .tags-controll .selected-tags.open::after {
          transform: rotate(180deg); }
        body .post-detail .tags-controll .selected-tags .vals {
          float: left;
          padding-left: 10px;
          font-size: .7vw;
          color: #333333;
          padding-top: 3px; }
          @media (max-width: 767px) {
            body .post-detail .tags-controll .selected-tags .vals {
              font-size: 3vw;
              padding-left: 0; } }
        body .post-detail .tags-controll .selected-tags .infotext {
          float: right;
          padding-right: 13%;
          padding-top: 5px;
          font-size: .6vw;
          color: #C4C4C4;
          display: none; }
          @media (max-width: 767px) {
            body .post-detail .tags-controll .selected-tags .infotext {
              display: none !important; } }
      body .post-detail .tags-controll ul#tags-container {
        background: #fff;
        position: relative;
        z-index: 99;
        left: -7.2%;
        top: 4.3vw;
        width: 114.2%;
        list-style: none;
        padding: 15px;
        height: 7vw;
        overflow: scroll;
        display: none;
        border: 1px solid #d9d9d9; }
        body .post-detail .tags-controll ul#tags-container.privileges {
          top: 1.5vw;
          height: 11vw; }
        body .post-detail .tags-controll ul#tags-container li {
          float: left;
          position: relative;
          width: 100%; }
          body .post-detail .tags-controll ul#tags-container li:hover p {
            color: #B3A26C; }
          body .post-detail .tags-controll ul#tags-container li img {
            float: left;
            cursor: pointer;
            margin-right: 0.5vw;
            width: .9vw;
            height: .9vw; }
            @media (max-width: 767px) {
              body .post-detail .tags-controll ul#tags-container li img {
                width: 5vw;
                height: 5vw;
                margin-right: 2.5vw; } }
          body .post-detail .tags-controll ul#tags-container li p {
            float: left;
            cursor: pointer;
            font-size: 0.8vw;
            margin-top: -2px; }
            @media (max-width: 767px) {
              body .post-detail .tags-controll ul#tags-container li p {
                font-size: 4vw; } }
    body .post-detail .left {
      float: left;
      position: relative;
      width: 40%;
      padding-right: 1%;
      padding-top: 1vw; }
      @media (max-width: 767px) {
        body .post-detail .left {
          width: 100%;
          margin-top: 15vw; } }
    body .post-detail .middle {
      float: left;
      position: relative;
      width: 40%;
      padding-left: 1%;
      padding-right: 1%;
      padding-top: 1vw; }
      @media (max-width: 767px) {
        body .post-detail .middle {
          width: 100%; } }
    body .post-detail .right {
      float: left;
      position: relative;
      width: 20%;
      padding-left: 1%;
      padding-top: 15px; }
      @media (max-width: 767px) {
        body .post-detail .right {
          width: 100%; } }
      body .post-detail .right .event-view {
        float: left;
        position: relative;
        width: 100%;
        float: left;
        position: relative;
        width: 100%;
        background: #fff;
        padding: 10px;
        box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.1); }
        body .post-detail .right .event-view .head {
          float: left;
          position: relative;
          width: 100%; }
          body .post-detail .right .event-view .head a img {
            width: 100%; }
        body .post-detail .right .event-view .middle {
          float: left;
          position: relative;
          width: 100%; }
          body .post-detail .right .event-view .middle h4.event-title {
            font-size: 1.3vw;
            margin-bottom: 5px; }
          body .post-detail .right .event-view .middle p.event-date {
            font-size: .9vw;
            margin: 0 0 5px;
            font-weight: 400; }
          body .post-detail .right .event-view .middle p.event-place {
            font-size: .9vw;
            margin: 0 0 5px;
            font-weight: 400; }
        body .post-detail .right .event-view .bottom {
          float: left;
          position: relative;
          width: 100%;
          border-top: 1px solid rgba(112, 112, 112, 0.21);
          margin-top: 10px;
          padding-top: 10px; }
          body .post-detail .right .event-view .bottom p.trainer {
            font-size: .9vw;
            margin: 0 0 5px;
            font-weight: 400; }
          body .post-detail .right .event-view .bottom p.capacity {
            font-size: .9vw;
            margin: 0 0 5px;
            font-weight: 400; }
          body .post-detail .right .event-view .bottom p.level {
            font-size: .9vw;
            margin: 0 0 5px;
            font-weight: 400; }
      body .post-detail .right .post {
        -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid #B3A26C;
        background: #fff;
        margin-bottom: 2vw;
        float: left;
        position: relative;
        width: 100%; }
        body .post-detail .right .post .head {
          padding: 5px;
          position: relative; }
          @media (max-width: 767px) {
            body .post-detail .right .post .head {
              padding: 0; } }
          body .post-detail .right .post .head img.post_media {
            -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
            width: 100%;
            margin-top: -1.5vw; }
            @media (max-width: 767px) {
              body .post-detail .right .post .head img.post_media {
                margin-top: 0; } }
          body .post-detail .right .post .head img.type_ico {
            -webkit-box-shadow: 0px 29px 28px -9px rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 0px 29px 28px -9px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 29px 28px -9px rgba(0, 0, 0, 0.08);
            position: absolute;
            right: 6%;
            bottom: -0.5vw;
            width: 12%; }
            @media (max-width: 767px) {
              body .post-detail .right .post .head img.type_ico {
                bottom: -4.5vw;
                width: 17%; } }
        body .post-detail .right .post .main-content {
          padding: 0 15px;
          margin-top: 17px; }
          body .post-detail .right .post .main-content a {
            font-size: 1.1vw;
            color: #000;
            font-weight: 600; }
            @media (max-width: 767px) {
              body .post-detail .right .post .main-content a {
                font-size: 4vw;
                margin-bottom: 3vw;
                float: left; } }
            body .post-detail .right .post .main-content a:hover {
              text-decoration: underline; }
          body .post-detail .right .post .main-content p {
            font-family: 'Lato';
            font-weight: normal;
            font-style: normal;
            margin-top: 1vw;
            font-size: .75vw; }
            @media (max-width: 767px) {
              body .post-detail .right .post .main-content p {
                font-size: 3.5vw; } }
        body .post-detail .right .post .share-place {
          float: left;
          position: relative;
          width: calc(100% - 30px);
          margin-top: 1vw;
          border-top: 1px solid #B3A26C;
          margin-left: 15px;
          padding-top: 15px; }
          @media (max-width: 767px) {
            body .post-detail .right .post .share-place {
              display: none; } }
          body .post-detail .right .post .share-place .left {
            float: left;
            position: relative;
            width: 25%; }
            body .post-detail .right .post .share-place .left img.like-ico {
              float: left;
              margin-top: 2px;
              cursor: pointer;
              width: .75vw; }
            body .post-detail .right .post .share-place .left p {
              float: left;
              margin-left: 7px;
              font-size: .6vw;
              margin-top: 0; }
          body .post-detail .right .post .share-place .right {
            float: left;
            position: relative;
            width: 75%;
            padding-top: 1vw !important; }
            body .post-detail .right .post .share-place .right img.share-ico {
              float: right;
              margin-top: 0px;
              opacity: 0.21;
              margin-left: 15px;
              height: .7vw; }
            body .post-detail .right .post .share-place .right p {
              float: right;
              margin-left: 7px;
              font-size: .6vw;
              margin-top: 0; }
  body .admin_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #000000a6;
    z-index: 9999;
    text-align: center;
    padding-top: 17vw;
    display: none; }
    body .admin_overlay h2 {
      font-size: 7vw;
      color: #fff;
      pointer-events: none; }
  body .modal_overlay, body .modal_overlay_2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #4040406b;
    z-index: 999;
    text-align: center;
    padding-top: 17vw;
    display: none; }
    @media (max-width: 991px) {
      body .modal_overlay, body .modal_overlay_2 {
        padding-top: 50vw; } }
    body .modal_overlay .cancel-modal, body .modal_overlay_2 .cancel-modal {
      width: 30vw;
      min-height: 10vw;
      background: #fff;
      padding: 2.5vw;
      margin-left: 35vw;
      float: left; }
      @media (max-width: 991px) {
        body .modal_overlay .cancel-modal, body .modal_overlay_2 .cancel-modal {
          width: 90vw;
          margin-left: 5vw;
          padding: 5vw; } }
      body .modal_overlay .cancel-modal p, body .modal_overlay_2 .cancel-modal p {
        font-size: .8vw;
        font-weight: 500; }
        @media (max-width: 991px) {
          body .modal_overlay .cancel-modal p, body .modal_overlay_2 .cancel-modal p {
            font-size: 3.5vw;
            font-weight: 500;
            margin-bottom: 4vw; } }
    @media (min-width: 992px) {
      body .modal_overlay .admin-transparent-btn, body .modal_overlay_2 .admin-transparent-btn {
        margin-right: 1vw; } }
  body .modal_overlay .buttons, body .modal_overlay_2 .buttons {
    display: block;
    margin-top: 2.5vw; }
    body .modal_overlay .buttons .stop-cancel, body .modal_overlay_2 .buttons .stop-cancel {
      float: none;
      margin-left: .5vw; }
    body .modal_overlay .buttons .confirm-cancel-waitlist, body .modal_overlay .buttons .confirm-cancel, body .modal_overlay_2 .buttons .confirm-cancel-waitlist, body .modal_overlay_2 .buttons .confirm-cancel {
      float: none;
      margin-right: .5vw; }
  body .user-photo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
    margin-right: 15px; }
  body .blank-photo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    background: #eee; }
  body .image-col {
    float: left;
    position: relative;
    width: 20%;
    padding-right: 5%; }
    @media (max-width: 767px) {
      body .image-col {
        width: 100%; } }
    body .image-col .photo_media {
      width: 7vw;
      height: 7vw;
      object-fit: cover;
      border-radius: 50%; }
      @media (max-width: 767px) {
        body .image-col .photo_media {
          width: 50vw;
          height: 50vw;
          margin-left: 20vw; } }
  body .admin-delimer {
    float: left;
    position: relative;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
    margin-top: 1vw;
    margin-bottom: 3vw; }
  body .shpsw {
    position: absolute;
    right: 5%;
    top: 33%;
    cursor: pointer;
    z-index: 10; }
  body .profile {
    margin-top: 0 !important;
    color: #343434 !important; }

.dataTable:not(.templates-table) thead tr th {
  text-transform: uppercase; }
.dataTable:not(.templates-table) thead tr th:nth-child(1) {
  width: 20% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(2) {
  width: 10% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(3) {
  width: 12% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(4) {
  width: 12% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(5) {
  width: 15% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(6) {
  width: 7% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(7) {
  width: 12% !important; }
.dataTable:not(.templates-table) thead tr th:nth-child(8) {
  width: 15% !important; }

.dataTables_length {
  display: none; }

.dataTables_filter {
  margin-top: -3.5vw !important;
  padding-bottom: 2.5vw !important; }

table.dataTable tbody td {
  vertical-align: middle; }

table.dataTable.no-footer {
  width: 100% !important; }
  @media (max-width: 767px) {
    table.dataTable.no-footer {
      margin-top: 8vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    table.dataTable.no-footer {
      margin-top: 8vw; } }

input[type="search"] {
  -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  border: none;
  height: 40px;
  padding: 0 15px;
  position: relative;
  background: url(/assets/img/search.svg);
  background-repeat: no-repeat;
  background-position: 90%; }
  input[type="search"]:focus {
    outline: none; }

.modal-place, .modal-place-2 {
  display: none; }

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); }

.later-modal {
  position: fixed;
  z-index: 11;
  width: 32vw;
  height: 20.5vw;
  background: #fff;
  left: 34vw;
  top: 21vw;
  padding: 15px 30px; }
  .later-modal h2 {
    font-size: 2.5vw;
    color: #B3A26C;
    text-align: center;
    margin-bottom: 40px; }
  .later-modal .content-box {
    width: 100%;
    background: #fff;
    border: 1px solid #D9D9D9;
    margin-bottom: 30px;
    padding: 15px;
    position: relative;
    float: left; }
    .later-modal .content-box.new-tag-box {
      margin-top: calc(-1.5vw - 1px); }
    .later-modal .content-box p.box-label {
      position: absolute;
      top: -23px;
      font-size: .7vw;
      font-family: 'Lato';
      font-weight: 400;
      font-style: normal;
      color: #B3A26C;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .later-modal .content-box p.box-label {
          font-size: 3.5vw; } }
    .later-modal .content-box input {
      width: 100%;
      border: none; }
      .later-modal .content-box input#post-start-datetime, .later-modal .content-box input#post-end-datetime {
        background: url(/assets/img/calendar.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain; }
      .later-modal .content-box input#post-headline {
        font-weight: 600; }
      .later-modal .content-box input:focus {
        outline: none; }
  .later-modal .save-later-publish-event {
    background: #b3a26c;
    color: #fff;
    padding: 13px 20px;
    width: 40%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9vw;
    margin-left: 30%;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5); }
    .later-modal .save-later-publish-event:hover, .later-modal .save-later-publish-event:focus {
      text-decoration: none; }

.delete-template-modal {
  position: fixed;
  z-index: 11;
  width: 28vw;
  height: 14vw;
  background: #fff;
  left: 36vw;
  top: 16vw;
  padding: 15px 30px; }
  @media (max-width: 767px) {
    .delete-template-modal {
      width: 90vw;
      left: 5vw;
      height: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .delete-template-modal {
      width: 90vw;
      left: 5vw;
      height: auto; } }
  .delete-template-modal h2 {
    font-size: 2.5vw;
    color: #B3A26C;
    text-align: center;
    margin-bottom: 1vw; }
    @media (max-width: 767px) {
      .delete-template-modal h2 {
        font-size: 5vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .delete-template-modal h2 {
        font-size: 5vw; } }
  .delete-template-modal p {
    text-align: center;
    font-size: 1vw;
    margin-bottom: 2vw; }
    @media (max-width: 767px) {
      .delete-template-modal p {
        font-size: 3.5vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .delete-template-modal p {
        font-size: 3.5vw; } }
  .delete-template-modal .cancel-templete-delete {
    border: 1px solid #cecece;
    color: #b3a26c;
    padding: 13px 20px;
    width: 40%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9vw;
    margin-left: 7%;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5);
    margin-right: 5%;
    border-radius: 7px; }
    @media (max-width: 767px) {
      .delete-template-modal .cancel-templete-delete {
        font-size: 3vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .delete-template-modal .cancel-templete-delete {
        font-size: 3vw; } }
    .delete-template-modal .cancel-templete-delete:hover, .delete-template-modal .cancel-templete-delete:focus {
      text-decoration: none; }
  .delete-template-modal .confirm-template-delete {
    background: #b3a26c;
    color: #fff;
    padding: 13px 20px;
    width: 40%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9vw;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5);
    border: 1px solid #b3a26c;
    border-radius: 7px; }
    @media (max-width: 767px) {
      .delete-template-modal .confirm-template-delete {
        font-size: 3vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .delete-template-modal .confirm-template-delete {
        font-size: 3vw; } }
    .delete-template-modal .confirm-template-delete:hover, .delete-template-modal .confirm-template-delete:focus {
      text-decoration: none; }

.hide-template-modal {
  position: fixed;
  z-index: 11;
  width: 28vw;
  height: 14vw;
  background: #fff;
  left: 36vw;
  top: 16vw;
  padding: 15px 30px; }
  .hide-template-modal h2 {
    font-size: 2.5vw;
    color: #B3A26C;
    text-align: center;
    margin-bottom: 1vw; }
  .hide-template-modal p {
    text-align: center;
    font-size: 1vw;
    margin-bottom: 2vw; }
  .hide-template-modal .cancel-templete-hide {
    border: 1px solid #cecece;
    color: #b3a26c;
    padding: 13px 20px;
    width: 40%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9vw;
    margin-left: 7%;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5);
    margin-right: 5%;
    border-radius: 7px; }
    .hide-template-modal .cancel-templete-hide:hover, .hide-template-modal .cancel-templete-hide:focus {
      text-decoration: none; }
  .hide-template-modal .confirm-template-hide {
    background: #b3a26c;
    color: #fff;
    padding: 13px 20px;
    width: 40%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9vw;
    box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5);
    border: 1px solid #b3a26c;
    border-radius: 7px; }
    .hide-template-modal .confirm-template-hide:hover, .hide-template-modal .confirm-template-hide:focus {
      text-decoration: none; }

.close-modal {
  position: absolute;
  right: 4%;
  top: 4%;
  box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.5);
  border-radius: 50%;
  width: 7%; }
  .close-modal img {
    width: 100%; }

.overlay-event-detail {
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 5vw;
  height: 57%; }
  @media (max-width: 991px) {
    .overlay-event-detail {
      position: absolute;
      top: 0; } }
  .overlay-event-detail a.register-me {
    font-size: .9vw;
    color: #fff;
    background-color: #b3a26c;
    background-image: url(/assets/img/right_white.svg);
    width: 40%;
    display: block;
    padding: 10px 20px;
    background-repeat: no-repeat;
    background-position: 90%;
    font-weight: 300;
    margin-top: 1.5vw;
    position: absolute;
    right: 4%;
    bottom: 17%; }
    @media (max-width: 767px) {
      .overlay-event-detail a.register-me {
        width: 100%;
        font-size: 4vw;
        margin: 10vw 0; } }
    .overlay-event-detail a.register-me:hover, .overlay-event-detail a.register-me:focus {
      text-decoration: none; }
  .overlay-event-detail a.register-me-mobile {
    font-size: .9vw;
    color: #fff;
    background-color: #b3a26c;
    background-image: url(/assets/img/right_white.svg);
    width: 40%;
    display: block;
    padding: 10px 20px;
    background-repeat: no-repeat;
    background-position: 90%;
    font-weight: 300;
    margin-top: 1.5vw; }
    @media (max-width: 767px) {
      .overlay-event-detail a.register-me-mobile {
        width: 100%;
        font-size: 4vw;
        margin: 10vw 0; } }
    .overlay-event-detail a.register-me-mobile:hover, .overlay-event-detail a.register-me-mobile:focus {
      text-decoration: none; }
    .overlay-event-detail a.register-me-mobile.zoom {
      pointer-events: none;
      filter: grayscale(50%);
      opacity: 0; }
  .overlay-event-detail a.add-me-to-waitlist {
    font-size: .9vw;
    color: #f00;
    background-color: #fff;
    border: 2px solid #f00;
    background-image: url(/assets/img/right_white.svg);
    width: 40%;
    display: block;
    padding: 10px 20px;
    background-repeat: no-repeat;
    background-position: 90%;
    text-align: center;
    font-weight: 500;
    margin-top: 1vw; }
    @media (max-width: 767px) {
      .overlay-event-detail a.add-me-to-waitlist {
        width: 100%;
        font-size: 4vw;
        margin: 10vw 0; } }
    .overlay-event-detail a.add-me-to-waitlist:hover, .overlay-event-detail a.add-me-to-waitlist:focus {
      text-decoration: none; }
  .overlay-event-detail .waitlist-info {
    color: #f00;
    font-weight: bold;
    font-size: 1vw;
    margin-bottom: 0;
    margin-top: 3vw; }
    @media (max-width: 767px) {
      .overlay-event-detail .waitlist-info {
        font-size: 3.5vw;
        margin-top: 4vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .overlay-event-detail .waitlist-info {
        font-size: 3.5vw;
        margin-top: 4vw; } }
  .overlay-event-detail .left {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden; }
    @media (max-width: 767px) {
      .overlay-event-detail .left {
        width: 100%;
        min-height: 80vw; } }
    .overlay-event-detail .left img {
      float: left;
      position: relative;
      min-width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1; }
      @media (min-width: 992px) {
        .overlay-event-detail .left img {
          height: 100% !important; } }
  .overlay-event-detail .right {
    float: left;
    position: relative;
    width: 50%;
    padding: 1.5vw 3vw;
    min-height: 30vw; }
    @media (max-width: 767px) {
      .overlay-event-detail .right {
        width: 100%;
        padding: 0 5vw;
        min-height: auto; } }
    @media (min-width: 1025px) and (max-width: 1280px) {
      .overlay-event-detail .right {
        overflow-y: scroll;
        padding-bottom: 13vw;
        height: 85%; } }
    @media (min-width: 1281px) and (max-width: 1366px) {
      .overlay-event-detail .right {
        overflow-y: scroll;
        padding-bottom: 13vw;
        height: 85%; } }
    @media (min-width: 1367px) and (max-width: 1440px) {
      .overlay-event-detail .right {
        overflow-y: scroll;
        padding-bottom: 12vw;
        height: 85%; } }
    .overlay-event-detail .right h5 {
      font-size: 0.8vw;
      text-transform: uppercase;
      color: #b3a26c;
      width: fit-content;
      margin-bottom: 1.5vw; }
      @media (max-width: 767px) {
        .overlay-event-detail .right h5 {
          font-size: 4vw;
          margin-top: 5vw;
          margin-bottom: 8vw; } }
      .overlay-event-detail .right h5::after {
        content: "";
        width: 3vw;
        height: 1px;
        background: #b3a26c;
        display: block;
        margin-left: 115%;
        margin-top: -.5vw; }
        @media (max-width: 767px) {
          .overlay-event-detail .right h5::after {
            width: 17vw;
            margin-top: -2.2vw; } }
    .overlay-event-detail .right h2 {
      padding-bottom: 3vh;
      margin-bottom: 3vh;
      border-bottom: 1px solid #e7e7e7; }
      @media (max-width: 767px) {
        .overlay-event-detail .right h2 {
          font-size: 7vw; } }
    .overlay-event-detail .right h3 {
      font-size: .9vw;
      font-weight: 600;
      border-top: 1px solid rgba(112, 112, 112, 0.15);
      padding-top: 1.5vw;
      margin-top: 1.5vw;
      padding-bottom: 0.5vw; }
      @media (max-width: 767px) {
        .overlay-event-detail .right h3 {
          font-size: 4vw;
          margin-top: 4vw;
          padding-top: 4vw;
          font-weight: 400; } }
  .overlay-event-detail p a {
    color: #b3a26c;
    font-weight: 400;
    text-decoration: underline; }
  .overlay-event-detail .bottom-info {
    position: absolute;
    width: 85%;
    left: 7.5%;
    bottom: -3vw;
    background: #fff;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 0fr;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    z-index: 2; }
    @media (max-width: 767px) {
      .overlay-event-detail .bottom-info {
        position: relative;
        left: 5%;
        display: block;
        float: left;
        width: 90%;
        bottom: 0;
        margin-bottom: 10vw; } }
    .overlay-event-detail .bottom-info .item {
      text-align: center;
      padding: 1vw 0;
      border-right: 1px solid rgba(112, 112, 112, 0.16); }
      @media (max-width: 767px) {
        .overlay-event-detail .bottom-info .item {
          float: left;
          position: relative;
          width: 100%;
          padding: 0 5vw;
          border-bottom: 1px solid rgba(112, 112, 112, 0.17); } }
      .overlay-event-detail .bottom-info .item:last-of-type {
        border-right: none; }
      .overlay-event-detail .bottom-info .item > img {
        height: 2vw;
        width: auto; }
        @media (max-width: 767px) {
          .overlay-event-detail .bottom-info .item > img {
            display: none; } }
      .overlay-event-detail .bottom-info .item .stars {
        width: 100%; }
        @media (max-width: 767px) {
          .overlay-event-detail .bottom-info .item .stars {
            width: 37%;
            float: right;
            margin-top: 3vw; } }
        .overlay-event-detail .bottom-info .item .stars .star {
          width: 1vw;
          height: 1vw;
          margin-right: .2vw; }
          @media (max-width: 767px) {
            .overlay-event-detail .bottom-info .item .stars .star {
              width: 4vw;
              height: 4vw;
              margin-right: 2vw; } }
          .overlay-event-detail .bottom-info .item .stars .star:last-of-type {
            margin-right: 0; }
      .overlay-event-detail .bottom-info .item .title {
        font-weight: 500;
        text-transform: capitalize;
        font-size: .8vw;
        padding: 10px 0 0; }
        @media (max-width: 767px) {
          .overlay-event-detail .bottom-info .item .title {
            font-size: 4vw;
            float: left; } }
      .overlay-event-detail .bottom-info .item .data {
        margin-top: 0;
        color: #b3a26c;
        font-weight: 400; }
        @media (max-width: 767px) {
          .overlay-event-detail .bottom-info .item .data {
            font-size: 4vw;
            float: right;
            margin-top: 3vw; } }
      .overlay-event-detail .bottom-info .item .add-data {
        width: 17px;
        height: auto;
        margin-left: 5px;
        margin-right: 5px; }
        @media (max-width: 767px) {
          .overlay-event-detail .bottom-info .item .add-data {
            width: 17px;
            height: auto;
            float: right;
            margin-top: 3vw;
            margin-right: 2vw;
            display: inline-block !important; } }
  .overlay-event-detail .close-event-detail {
    position: absolute;
    top: 1vw;
    right: 1vw;
    z-index: 99; }
    .overlay-event-detail .close-event-detail img {
      -webkit-box-shadow: 0px 6px 30px -6px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: px 6px 30px -6px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 6px 30px -6px rgba(0, 0, 0, 0.2);
      border-radius: 50%; }
  .overlay-event-detail p.registered {
    font-size: .9vw;
    width: 100%;
    line-height: 125%;
    margin-top: 0vw;
    right: 1vw;
    background-color: #ffffff;
    padding: 12px 40px;
    font-weight: 700;
    color: #b3a26c;
    position: relative;
    left: 0;
    top: auto;
    bottom: auto;
    padding-left: 0; }
    @media (max-width: 767px) {
      .overlay-event-detail p.registered {
        text-align: center;
        font-size: 6vw;
        margin-top: 10vw;
        margin-bottom: 10vw;
        position: relative;
        width: 100%;
        left: 0;
        padding: 15px; } }

.my-events {
  float: left;
  position: relative;
  width: 100%; }

.mobile-search {
  width: 22px;
  margin-right: 15px; }

.mobile-search-content {
  position: absolute;
  width: 100%;
  background: #fff;
  top: 50px;
  padding: 10px;
  z-index: 1;
  display: none; }
  .mobile-search-content .msearch {
    width: 100%;
    height: 35px;
    border-radius: 0;
    border: none;
    background: #fbfbfb; }
    .mobile-search-content .msearch:focus {
      outline: none;
      -webkit-appearance: none;
      border-bottom: 1px solid #a7adb6; }

.mobile-menu-content {
  position: absolute;
  width: 100%;
  background: #fff;
  top: 50px;
  padding: 10px;
  z-index: 99999;
  display: none; }
  .mobile-menu-content ul {
    list-style: none;
    padding: 0;
    margin-top: 5vw; }
    .mobile-menu-content ul li {
      text-align: center;
      margin-bottom: 30px; }
      .mobile-menu-content ul li a {
        color: #343434;
        font-size: 6vw;
        font-weight: 400; }
        .mobile-menu-content ul li a img {
          width: 9vw;
          margin-right: 2vw; }
      .mobile-menu-content ul li:last-child a {
        font-size: 4vw; }

ul.mobile-my-events {
  list-style: none;
  padding: 0;
  margin-top: 6vw; }
  ul.mobile-my-events li {
    margin-bottom: 15px;
    position: relative; }
    ul.mobile-my-events li p.name {
      font-weight: 600;
      margin-bottom: 0; }
    ul.mobile-my-events li p.date {
      font-size: 4vw; }
    ul.mobile-my-events li .cancel-registration-mobile, ul.mobile-my-events li .cancel-waitlist-mobile {
      margin-right: 10px;
      float: right;
      position: absolute;
      top: 20%;
      right: 0; }

.cancel-registration, .cancel-waitlist {
  font-size: .9vw;
  background: #B3A26C;
  color: #fff;
  padding: 7px 15px; }
  .cancel-registration:hover, .cancel-registration:focus, .cancel-waitlist:hover, .cancel-waitlist:focus {
    text-decoration: none;
    color: #fff; }

.top-club {
  float: left;
  color: #9DA4AF; }
  @media (max-width: 767px) {
    .top-club {
      margin-top: 2vw;
      font-size: 3vw;
      text-align: right;
      float: right;
      margin-right: -2vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .top-club {
      margin-top: 2vw;
      font-size: 3vw;
      text-align: right;
      float: right;
      margin-right: -2vw; } }
  .top-club.has-menu {
    text-decoration: underline;
    cursor: pointer; }
  .top-club.open {
    text-decoration: none; }
    .top-club.open img {
      transform: rotate(180deg);
      margin-top: 0 !important; }

@media (max-width: 767px) {
  .mobile-events-btn {
    background: #b3a26c;
    color: #fff;
    width: 80%;
    display: block;
    text-align: center;
    font-weight: 400;
    margin-left: 10%;
    margin-top: 10vw;
    padding: 4vw;
    margin-bottom: 10vh;
    -webkit-box-shadow: 0px 17px 36px -5px rgba(179, 162, 108, 0.83);
    -moz-box-shadow: 0px 17px 36px -5px rgba(179, 162, 108, 0.83);
    box-shadow: 0px 17px 36px -5px rgba(179, 162, 108, 0.83); } }
@media (max-width: 767px) {
  .mobile-events-btn:hover, .mobile-events-btn:focus {
    text-decoration: none;
    color: #fff; } }

.club-timeline-item {
  display: none; }
  @media (max-width: 767px) {
    .club-timeline-item {
      text-align: center;
      display: block;
      margin-bottom: 2vw;
      font-weight: 400;
      color: #ad9c68;
      width: 98vw; } }

.error-message {
  background: #b3a26b;
  position: absolute;
  z-index: 1;
  margin-top: -1.5vw;
  padding: 30px;
  width: 100%;
  display: none; }
  .error-message .info-icon {
    float: left;
    position: relative;
    width: 10%; }
  .error-message p.error {
    float: left;
    position: relative;
    width: 73%;
    margin-left: 6%;
    color: #fff; }
    .error-message p.error a {
      color: #fff;
      text-decoration: underline;
      font-weight: bold; }
  .error-message .close-error {
    position: absolute;
    cursor: pointer;
    top: 15px;
    right: 15px; }

.event-infobox {
  position: absolute;
  bottom: 7vw;
  width: 80%;
  left: 10%;
  padding: 1vw; }

.splitted {
  float: left;
  position: relative;
  width: 48%;
  padding-left: 1%;
  padding-right: 1%; }

.splitted-no-no-padding {
  float: left;
  position: relative;
  width: 50%; }

.ml-1 {
  margin-left: -1px; }

.days-controll {
  width: 100%;
  border: none;
  padding: 0.5vw 1vw 0;
  font-family: "Lato";
  font-weight: normal;
  font-style: normal;
  float: left;
  margin-right: 1vw;
  height: 2.5vw;
  position: relative; }
  @media (max-width: 767px) {
    .days-controll {
      width: 100%;
      margin-top: 4vw;
      height: 10vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .days-controll {
      width: 100%;
      margin-top: 4vw;
      height: 10vw; } }
  .days-controll > p {
    float: left;
    color: #B3A26C;
    padding-right: 1vw;
    border-right: 1px solid #B3A26C;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: .7vw; }
    @media (max-width: 767px) {
      .days-controll > p {
        font-size: 3.5vw;
        margin-top: 1.3vw;
        padding-left: 4vw;
        padding-right: 3vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .days-controll > p {
        font-size: 3.5vw;
        margin-top: 1.3vw;
        padding-left: 4vw;
        padding-right: 3vw; } }
  .days-controll .post-repeat-days {
    float: left;
    position: relative;
    width: 98%;
    height: 1.3vw;
    cursor: pointer; }
    @media (max-width: 767px) {
      .days-controll .post-repeat-days {
        width: 71%;
        margin-left: 5%;
        height: 7.3vw;
        margin-top: -1vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .days-controll .post-repeat-days {
        width: 71%;
        margin-left: 5%;
        height: 7.3vw;
        margin-top: -1vw; } }
    .days-controll .post-repeat-days::after {
      -webkit-transition: background-image .5s;
      -moz-transition: background-image .5s;
      -o-transition: background-image .5s;
      transition: background-image .5s;
      transition-property: transform, opacity;
      content: "";
      background: url(/assets/img/arrow.svg);
      width: 12px;
      height: 7px;
      position: absolute;
      right: 0;
      top: .5vw; }
      @media (max-width: 767px) {
        .days-controll .post-repeat-days::after {
          top: 2.2vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .days-controll .post-repeat-days::after {
          top: 2.2vw; } }
    .days-controll .post-repeat-days.open::after {
      transform: rotate(180deg); }
    .days-controll .post-repeat-days .vals {
      float: left;
      padding-left: 10px;
      font-size: .7vw;
      color: #333333;
      padding-top: 3px; }
      @media (max-width: 767px) {
        .days-controll .post-repeat-days .vals {
          font-size: 3vw;
          padding-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .days-controll .post-repeat-days .vals {
          font-size: 3vw;
          padding-left: 0; } }
    .days-controll .post-repeat-days .infotext {
      float: right;
      padding-right: 13%;
      padding-top: 5px;
      font-size: .6vw;
      color: #C4C4C4;
      display: none; }
      @media (max-width: 767px) {
        .days-controll .post-repeat-days .infotext {
          display: none !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .days-controll .post-repeat-days .infotext {
          display: none !important; } }
  .days-controll ul#days-container {
    background: #fff;
    position: relative;
    z-index: 99;
    left: -20.5%;
    top: 0.8vw;
    width: 142.2%;
    list-style: none;
    padding: 15px;
    height: 12vw;
    overflow: scroll;
    display: none;
    border: 1px solid #d9d9d9; }
    @media (max-width: 767px) {
      .days-controll ul#days-container {
        height: auto; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .days-controll ul#days-container {
        height: auto; } }
    .days-controll ul#days-container.privileges {
      top: 1.5vw;
      height: 11vw; }
    .days-controll ul#days-container li {
      float: left;
      position: relative;
      width: 100%; }
      .days-controll ul#days-container li:hover p {
        color: #B3A26C; }
      .days-controll ul#days-container li img {
        float: left;
        cursor: pointer;
        margin-right: 0.5vw;
        width: .9vw;
        height: .9vw; }
        @media (max-width: 767px) {
          .days-controll ul#days-container li img {
            width: 5vw;
            height: 5vw;
            margin-right: 2.5vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .days-controll ul#days-container li img {
            width: 5vw;
            height: 5vw;
            margin-right: 2.5vw; } }
      .days-controll ul#days-container li p {
        float: left;
        cursor: pointer;
        font-size: 0.7vw;
        margin-top: -2px; }
        @media (max-width: 767px) {
          .days-controll ul#days-container li p {
            font-size: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .days-controll ul#days-container li p {
            font-size: 4vw; } }

.sp-days {
  padding: 2px !important;
  height: 54px; }

.password-title {
  margin-top: -2vw;
  color: #b3a26c;
  font-size: 2vw;
  font-weight: 300;
  margin-bottom: 2vw; }
  @media (max-width: 767px) {
    .password-title {
      font-size: 7vw; } }

.password-info {
  font-size: .9vw;
  margin-bottom: 2vw; }
  @media (max-width: 767px) {
    .password-info {
      font-size: 4vw;
      margin-top: 3vw;
      margin-bottom: 6vw; } }

.forgot-psw, .back-to-login {
  color: #C4C4C4;
  margin-left: 1vw;
  font-size: 0.8vw; }
  @media (max-width: 767px) {
    .forgot-psw, .back-to-login {
      font-size: 5vw;
      text-align: center;
      width: 100%;
      display: block;
      margin: 2vw 0; } }
  .forgot-psw:hover, .forgot-psw:focus, .back-to-login:hover, .back-to-login:focus {
    color: #000;
    text-decoration: none; }

.change-btn {
  position: absolute;
  top: 45%;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  width: 70%;
  margin-left: 15%;
  text-transform: uppercase;
  padding: 4px;
  font-size: .9vw; }

#post-date, #post-repeat-until {
  background: url(/assets/img/cal_ico.svg);
  background-repeat: no-repeat;
  background-position: 95% 55%;
  background-size: 15px; }

#post-time-start, #post-time-end {
  background: url(/assets/img/times_ico.svg);
  background-repeat: no-repeat;
  background-position: 95% 55%;
  background-size: 15px; }

.not-allowed {
  background-color: #c3c3c3 !important;
  pointer-events: none; }

.print {
  text-decoration: none; }
  @media (max-width: 767px) {
    .print {
      display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .print {
      display: none; } }

.guidelines a, .streaming-header a, .print-header a {
  text-decoration: none !important;
  margin-top: 7px !important;
  text-transform: uppercase; }
  .guidelines a.active::after, .streaming-header a.active::after, .print-header a.active::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #B3A26C;
    display: block;
    position: absolute;
    top: 2.8vw; }
  .guidelines a img, .streaming-header a img, .print-header a img {
    margin-top: -4px !important;
    margin-right: 7px !important; }

.guidelines-content .g-middle-content {
  float: left;
  position: relative;
  margin-top: 3vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 0fr;
  grid-column-gap: 5vw;
  grid-row-gap: 0vw;
  border-top: 1px solid #E6E6E6;
  padding: 2vw 0;
  background: #fff; }
  @media (max-width: 991px) {
    .guidelines-content .g-middle-content {
      grid-template-columns: repeat(1, 1fr);
      margin-left: 7%;
      width: 86%; } }
  .guidelines-content .g-middle-content .g-infocol img {
    display: none; }
    @media (max-width: 991px) {
      .guidelines-content .g-middle-content .g-infocol img {
        display: block;
        float: left;
        position: relative;
        width: 11%;
        margin-top: 8%;
        margin-right: 9%; } }
  .guidelines-content .g-middle-content .g-infocol h3 {
    float: left;
    position: relative;
    width: 20%;
    font-size: 2.5vw;
    color: #B3A26C;
    margin-top: 6%; }
    @media (max-width: 991px) {
      .guidelines-content .g-middle-content .g-infocol h3 {
        font-size: 9.5vw; } }
    .guidelines-content .g-middle-content .g-infocol h3::after {
      content: "";
      background: url(/assets/img/cross.svg);
      width: 25px;
      height: 25px;
      display: block;
      background-repeat: no-repeat;
      position: absolute;
      top: 42%;
      left: 50%; }
      @media (max-width: 991px) {
        .guidelines-content .g-middle-content .g-infocol h3::after {
          width: 11px;
          height: 11px;
          background-size: cover; } }
  .guidelines-content .g-middle-content .g-infocol p {
    float: left;
    position: relative;
    width: 80%;
    font-size: .95vw;
    margin-top: 7%;
    color: #828282; }
    @media (max-width: 991px) {
      .guidelines-content .g-middle-content .g-infocol p {
        font-size: 4vw; } }
    .guidelines-content .g-middle-content .g-infocol p strong {
      color: #000; }
.guidelines-content .g-bottom-content {
  float: left;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 0fr;
  grid-column-gap: 3vw;
  grid-row-gap: 0vw;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 2vw 0;
  background: #fff; }
  @media (max-width: 991px) {
    .guidelines-content .g-bottom-content {
      grid-template-columns: repeat(1, 1fr);
      width: 86%;
      margin-left: 7%;
      margin-top: 5vw; } }
  .guidelines-content .g-bottom-content .g-infocol h4 {
    color: #B3A26C;
    font-size: 1.1vw;
    margin-bottom: 2vw; }
    @media (max-width: 991px) {
      .guidelines-content .g-bottom-content .g-infocol h4 {
        font-size: 6vw;
        margin-top: 6vw;
        margin-bottom: 7vw; } }
  .guidelines-content .g-bottom-content .g-infocol p {
    float: left;
    position: relative;
    width: 80%;
    font-size: .85vw;
    margin-top: 7%;
    color: #000;
    font-weight: 300; }
    @media (max-width: 991px) {
      .guidelines-content .g-bottom-content .g-infocol p {
        font-size: 4vw; } }
    .guidelines-content .g-bottom-content .g-infocol p:first-of-type {
      margin-top: 0; }
    .guidelines-content .g-bottom-content .g-infocol p strong {
      color: #000; }
  .guidelines-content .g-bottom-content .g-infocol .pointer {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 1vw; }
    .guidelines-content .g-bottom-content .g-infocol .pointer .point {
      float: left;
      position: relative;
      width: 7px;
      height: 7px;
      background: #E6E6E6;
      border-radius: 50%;
      margin-top: 2%;
      margin-right: 20px; }
  .guidelines-content .g-bottom-content .g-infocol .sp-point {
    float: left;
    position: relative;
    width: 100%;
    height: 4vw; }
    @media (max-width: 991px) {
      .guidelines-content .g-bottom-content .g-infocol .sp-point {
        height: auto !important; } }
    .guidelines-content .g-bottom-content .g-infocol .sp-point .color {
      float: left;
      position: relative;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      display: block; }
      .guidelines-content .g-bottom-content .g-infocol .sp-point .color.gold {
        background: #B3A26C; }
      .guidelines-content .g-bottom-content .g-infocol .sp-point .color.gray {
        background: #CFCFCF; }
      .guidelines-content .g-bottom-content .g-infocol .sp-point .color.black {
        background: #000; }
    .guidelines-content .g-bottom-content .g-infocol .sp-point .g-content {
      float: left;
      position: relative;
      width: 80%;
      padding-left: 13%;
      font-size: .85vw;
      color: #828282; }
      @media (max-width: 991px) {
        .guidelines-content .g-bottom-content .g-infocol .sp-point .g-content {
          font-size: 4vw;
          padding-left: 7vw; } }
      .guidelines-content .g-bottom-content .g-infocol .sp-point .g-content strong {
        color: #000; }
.guidelines-content .g-infoplace {
  float: left;
  position: relative;
  width: 100%;
  background: url(/assets/img/guidelines_bottom.svg);
  background-repeat: no-repeat;
  background-position: 77% 109%;
  background-size: 27%;
  margin-top: 5%; }
  @media (max-width: 991px) {
    .guidelines-content .g-infoplace {
      margin-left: 7%;
      width: 86%; } }
  .guidelines-content .g-infoplace .div-content {
    float: left;
    position: relative;
    width: 40%;
    padding-bottom: 3vw; }
    @media (max-width: 991px) {
      .guidelines-content .g-infoplace .div-content {
        width: 100%; } }
    .guidelines-content .g-infoplace .div-content .alert-ico {
      float: left;
      position: relative;
      width: 15%; }
      @media (max-width: 991px) {
        .guidelines-content .g-infoplace .div-content .alert-ico {
          margin-top: 3vw; } }
    .guidelines-content .g-infoplace .div-content .g-content {
      float: left;
      position: relative;
      width: 85%; }
      @media (max-width: 991px) {
        .guidelines-content .g-infoplace .div-content .g-content {
          width: 100%;
          margin-top: 7vw; } }
      .guidelines-content .g-infoplace .div-content .g-content p {
        float: left;
        position: relative;
        font-size: .8vw;
        color: #828282; }
        @media (max-width: 991px) {
          .guidelines-content .g-infoplace .div-content .g-content p {
            font-size: 4vw; } }
        .guidelines-content .g-infoplace .div-content .g-content p strong {
          color: #000; }

.streaming-event-control {
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid #EDEDED;
  margin-top: 1vw;
  padding-top: 1vw; }
  @media (max-width: 767px) {
    .streaming-event-control {
      margin-top: 0vw;
      padding-top: 5vw; } }
  .streaming-event-control .left-side {
    float: left;
    position: relative;
    width: 50%; }
    .streaming-event-control .left-side.long {
      width: 60%; }
    .streaming-event-control .left-side .ltop {
      float: left;
      position: relative;
      width: 100%; }
      .streaming-event-control .left-side .ltop .event_stream_ico {
        float: left;
        margin-right: .7vw; }
      .streaming-event-control .left-side .ltop p {
        font-size: .8vw;
        font-weight: 600;
        color: #3A3A3B; }
        @media (max-width: 767px) {
          .streaming-event-control .left-side .ltop p {
            font-size: 3vw;
            width: 80%;
            margin-left: 15%; } }
        .streaming-event-control .left-side .ltop p span {
          color: #B3A26C; }
    .streaming-event-control .left-side .lbottom {
      float: left;
      position: relative;
      width: 100%; }
      .streaming-event-control .left-side .lbottom a.watch-live-btn {
        background: #EA4E3C;
        color: #fff;
        padding: 11px 20px;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: .5vw;
        float: left;
        transition: all .4s; }
        @media (max-width: 767px) {
          .streaming-event-control .left-side .lbottom a.watch-live-btn {
            margin-bottom: 5vw; } }
        .streaming-event-control .left-side .lbottom a.watch-live-btn:hover, .streaming-event-control .left-side .lbottom a.watch-live-btn:focus {
          text-decoration: none;
          opacity: .8; }
      .streaming-event-control .left-side .lbottom a.watch-past-btn {
        background: #B3A26C;
        color: #fff;
        padding: 11px 20px;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: .5vw;
        float: left;
        transition: all .4s; }
        .streaming-event-control .left-side .lbottom a.watch-past-btn:hover, .streaming-event-control .left-side .lbottom a.watch-past-btn:focus {
          text-decoration: none;
          opacity: .8; }
      .streaming-event-control .left-side .lbottom a.watch {
        background: transparent;
        color: #D2D2D2;
        padding: 11px 20px;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: .5vw;
        float: left;
        border: 1px solid #D2D2D2;
        pointer-events: none; }
      .streaming-event-control .left-side .lbottom .counter {
        float: left;
        position: relative;
        margin-left: 5%;
        width: 64%; }
        @media (max-width: 767px) {
          .streaming-event-control .left-side .lbottom .counter {
            width: 100%;
            margin-left: 0;
            margin-top: 3vw;
            margin-bottom: 3vw; } }
        .streaming-event-control .left-side .lbottom .counter .clabel {
          float: left;
          position: relative;
          color: #A7A7A7;
          font-weight: 400;
          font-size: .75vw;
          margin-top: 1vw; }
          @media (max-width: 767px) {
            .streaming-event-control .left-side .lbottom .counter .clabel {
              font-size: 3.5vw; } }
        .streaming-event-control .left-side .lbottom .counter .cdate {
          float: left;
          position: relative;
          color: #B3A26C;
          font-weight: 400;
          font-size: .75vw;
          margin-top: 1vw;
          margin-left: 0.3vw; }
          @media (max-width: 767px) {
            .streaming-event-control .left-side .lbottom .counter .cdate {
              font-size: 3.5vw !important; } }
  .streaming-event-control .right-side {
    float: left;
    position: relative;
    width: 40%;
    border-left: 1px solid #D9D9D9;
    height: 4vw;
    padding-left: 3%; }
    .streaming-event-control .right-side .remind-place {
      float: left;
      position: relative;
      width: 100%; }
      .streaming-event-control .right-side .remind-place.booked {
        background: transparent !important; }
        .streaming-event-control .right-side .remind-place.booked .remind-me {
          filter: grayscale(0) !important;
          opacity: 1 !important; }
      .streaming-event-control .right-side .remind-place .remind-me {
        float: left;
        cursor: pointer;
        filter: grayscale(1);
        opacity: .5;
        transition: all .4s; }
      .streaming-event-control .right-side .remind-place p {
        float: left;
        margin-left: 8px;
        font-size: .8vw;
        color: #B3A26C;
        font-weight: 500; }
        @media (max-width: 767px) {
          .streaming-event-control .right-side .remind-place p {
            font-size: 4vw; } }
    .streaming-event-control .right-side > p {
      width: 80%;
      font-size: .7vw;
      color: #A7A7A7;
      font-weight: 400; }
      @media (max-width: 767px) {
        .streaming-event-control .right-side > p {
          font-size: 3vw; } }

.news-modal {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.2);
  -moz-box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.2);
  box-shadow: 0px 8px 30px rgba(109, 109, 109, 0.2);
  padding: 1vw;
  border-left: 4px solid #F44336;
  width: 25%;
  margin-left: 35%;
  top: .5vw;
  z-index: 99;
  display: none; }
  @media (max-width: 991px) {
    .news-modal {
      width: 90%;
      margin-left: 6%;
      margin-top: 14vw;
      padding: 5vw; } }
  .news-modal p.type {
    font-size: .65vw;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    color: #828282; }
    @media (max-width: 991px) {
      .news-modal p.type {
        font-size: 3vw; } }
  .news-modal p.content {
    margin-bottom: 0;
    font-size: 0.8vw;
    font-weight: 500; }
    @media (max-width: 991px) {
      .news-modal p.content {
        font-size: 3.5vw; } }
  .news-modal h4.title {
    color: #F44336;
    font-size: .9vw;
    margin-top: 0; }
    @media (max-width: 991px) {
      .news-modal h4.title {
        font-size: 4vw; } }
  .news-modal a {
    color: #B3A26C;
    font-size: 0.8vw;
    font-weight: 500;
    text-decoration: underline; }
    @media (max-width: 991px) {
      .news-modal a {
        font-size: 3.5vw; } }
    .news-modal a.close-news {
      float: right;
      opacity: .39;
      transition: all .4s; }
      .news-modal a.close-news:hover, .news-modal a.close-news:focus {
        opacity: 1; }

.covid-info {
  float: left;
  position: relative;
  width: 80%;
  margin-left: 10%;
  text-align: center; }
  @media (max-width: 767px) {
    .covid-info {
      width: 80%;
      margin-left: 10%; } }
  .covid-info img {
    width: 8%;
    margin-top: 2vw;
    margin-bottom: 1vw;
    display: block;
    margin-left: 46%; }
    @media (max-width: 767px) {
      .covid-info img {
        width: 20%;
        margin-top: 12vw;
        margin-bottom: 5vw;
        margin-left: 0;
        display: inline-block; } }
  .covid-info h3 {
    font-size: 1.7vw;
    line-height: 2vw;
    color: #B3A26C; }
    @media (max-width: 767px) {
      .covid-info h3 {
        font-size: 6vw;
        line-height: 7vw; } }
    .covid-info h3 small {
      margin-top: 1.5vw;
      display: block;
      font-size: 1.1vw;
      width: 70%;
      margin-left: 15%;
      line-height: 1.5vw; }
      @media (max-width: 767px) {
        .covid-info h3 small {
          font-size: 4.5vw;
          line-height: 5vw;
          width: 100%;
          margin-left: 0;
          margin-top: 7vw; } }
  .covid-info h4 {
    font-size: 1.2vw;
    line-height: 1.5vw; }
    @media (max-width: 767px) {
      .covid-info h4 {
        font-size: 5vw;
        line-height: 6vw; } }
  .covid-info h5 {
    font-size: 1.2vw;
    line-height: 1.5vw;
    margin-top: 1.4vw; }
    @media (max-width: 767px) {
      .covid-info h5 {
        font-size: 4vw;
        line-height: 6vw;
        margin-top: 4vw; } }
  .covid-info a {
    color: #B3A26C;
    text-decoration: underline; }
    @media (max-width: 767px) {
      .covid-info a.long {
        margin-left: -4vw; } }
  .covid-info .left-side {
    float: left;
    position: relative;
    width: 50%;
    padding-right: 5%; }
    @media (max-width: 767px) {
      .covid-info .left-side {
        width: 100%;
        padding-right: 0; } }
  .covid-info .right-side {
    float: left;
    position: relative;
    width: 50%;
    padding-left: 5%; }
    @media (max-width: 767px) {
      .covid-info .right-side {
        width: 100%;
        padding-left: 0; } }

.calendar {
  float: left;
  position: relative;
  width: 100%;
  display: none; }
  .calendar.active {
    display: block; }
  .calendar .control-frame {
    display: none !important; }
  .calendar .year-month-frame {
    width: 40%;
    margin-left: 30%; }
    @media (max-width: 767px) {
      .calendar .year-month-frame {
        margin-left: 0 !important; } }
  @media (max-width: 767px) {
    .calendar .club-timeline-item {
      display: none !important; } }
  .calendar .control-btn-filter {
    display: none !important; }
  .calendar .mobile-filters {
    display: none; }
    @media (max-width: 767px) {
      .calendar .mobile-filters {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMjAtMDYtMDFUMTE6NTU6MDgrMDI6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAyMC0wNi0wMVQxMjowMzozOCswMjowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMjAtMDYtMDFUMTI6MDM6MzgrMDI6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6MTQxOTg2MmUtMzAwNS1jMjQ5LWE3YmMtY2E0OWIwYTBiYjUzPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjE0MTk4NjJlLTMwMDUtYzI0OS1hN2JjLWNhNDliMGEwYmI1MzwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjE0MTk4NjJlLTMwMDUtYzI0OS1hN2JjLWNhNDliMGEwYmI1MzwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoxNDE5ODYyZS0zMDA1LWMyNDktYTdiYy1jYTQ5YjBhMGJiNTM8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMjAtMDYtMDFUMTE6NTU6MDgrMDI6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+NTY8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+NTY8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PpO+7C0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABrlJREFUeNrcmn9sE+cZx7/P+c722Y7jhLm45DIBCT+UrQEGaShiQLY1Ywy1EyURXTuBhFgn1G2VoPuj2cIWLfwxhraVKdKG0JCQUi1JOzGx0UYUohTWbiZNg0QqElCZbFKc4p5rx79y53v3BzZLgp3YjhPsfP95z3fPPfd+/D7Pc++9dwSAcF+JNl2ltPd6vautVutOjuOWEZEDwGIiegyAI25ylzE2Gm89mqZ94vP5/ma3229Ncz2WYf9YopM5AfR6vattNlsjx3G7AVQhCzHGBmKxWKfP5+tMAps1IJftSAFANBr9niAIR4joCeRQjLE+RVGOGgyGs+mATNf5rAADgcBWi8XyWwDrMLe6Go1GXzMajRdzBTjtiPl8vrVWq/U4EW3FPIox9m4gEHituLi4L5MRzQhQUZQmnud/mUW+5oxTVdUjgiAczQYwZacvXbokbtmy5U8cx30feSBN09p7e3tfqqurC2dSZJICut3ux8vKyv4+D7mWqfrv3LnzjCRJn84EqEuVn36/f2NRUdFfASxBfmrk3r17z9rt9o9SFZuUgB0dHWJDQ8N7ANYiv9Xf2dm5pbGxMTwTIE2J8zeIaDcKQJqmdeh0uhdmClGaUC1/xvN8KwpIqqo2CYLwm2SA/ERDl8tVJUnSh9PkZr4q5vF41jkcjo+nhig/Zbj/QUT1KEAxxro5jvtuKkAKhULPiKLYhQJWKBTaaTabux8K0WPHjhkOHz48CODLKGwN7tix42vnz5+PJQCFeGF5tdAKyzQF55AgCCceAF69evVL69evvwGgCAtD/r6+vtUbNmy4RwCEYDBYbzKZzuXCc3jMi1BQhqA3wloiTX7S9wwDIFhLyiDoxbTOyVbBYPBbFoullwAIqqoe1+l0P86F46GBf2Lo2nmULq7EpvqfTjp27sz9SzxV/xMsWrwirXNmEabHBEFoIgB6xtg1AKsWEiCAG0RUTS6X6wlJkq7lymseAcLtdldTNBpt0uv1v16IgOPj4z8nVVU7dDpdw1wB+mU3rjvfmlBkEC8yJkgVT6K8YuOcAcZisU7SNO2dXE7NpnbW6xnG+92vJ7VdWf0drFyzY84AGWPdpGnaABFV58rp/ZL/OQS9CGuJBGU8DL/sTmprMpdCtCyaS8D/EGPsLoDFj/KuPFeAAP5LjLEIAMNsPblufYBwUH5ov2guQXnFxgcgIEL58ichWhbNB2CUGGM+AMWz9fSv7j/gc8/Nh/ZP7PR8V1EAX5CmaTeIaOVsPV13vokvZDfCY16EgzJ4wQhrqYTiEglfqXluWkDXrQ/guvXvSbY5ysEhUlW1V6fTff1R3gfn7BE/FnuPFEXp5Hl+90IEVFW1i8bHx08IgvDyowBM2CbTzh+cmHVfFEX5I/n9/gNFRUV/XoiAgUDgh3TlypWKTZs2DSNHL1TyaC7Kent7KwiASdO093M1m8kXwFgs5uR5fhsBMEUikRaDwXBoIQGGQqGjZrO5lQCYXC5XjSRJPQsJ0O12bysvL3cSAFP8pjiSixmN1zMM791hiJbSB1O0iSAAUF5RO2mqNt05Wc9giJYkVtVM8UWaQyaTqWUhLKmFQqFms9l8fCIg7d+/33Dy5MmP49+zFKwYY58dOHBg9alTpyIJQHP8GMmyvN9ms/2+kAF9Pt8rJSUlp3B/6Z5NAqysrOSGhoYGiGhpIcJpmja4atWqp27evKklBQSA0dHR3Xa7/S+FCOjxeJ53OByJBWz2UIgm2nA43GY0Gl8sJLhIJNIuiuKP8P939akBN2/ezF+8ePFNQRDqCgFOVdVLdXV1z12+fFlNCxAAmpqarC0tLW9zHPfVPM+7683Nzd9ubW31TwSbERAAdXV1Ldm1a9cFIirL01vCSFdX1zcaGxs/nQqWFiAAnDlz5vE9e/Z08DxfnWdh6Wxvb39x7969d5OBpQ0IgPbt2ye2tbW9LopiQz7ARaPRt7Zv3/5ST0+PkgosI8CEY1mWD9tstiY8uo/xYrIs/6K0tLRtYqTmDBAAnE7nujVr1hwRBGHbfJIpitIzMDDwq5qamv6pqThbQCTbPzg4uG3FihXNPM+vm+Nc6x8eHm6pqqrqSQGCbAFTbU9qXS7XLofD8TLP82tzPGL9brf7d8uXLz83w0il2k4+VZsJKJXd6dOnl9TX13/TZrM9bTQatxJRRh80MMZ8kUikR5blC2fPnr1w8ODB0UxGKoUde/C4lO6IpfFHJHK11uFwVFoslqV6vX6ZIAjLeJ5fGg+726qqfhKNRm+PjY3dHhkZuVFbW+ucASQTQJb4/b8BAJXEmdpvXlFeAAAAAElFTkSuQmCC") no-repeat center center;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        margin-left: 40px;
        background-size: contain;
        position: fixed;
        right: 15px;
        bottom: 10vw;
        z-index: 9999;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        border-radius: 30px;
        vertical-align: middle;
        margin-left: 0px;
        cursor: pointer; } }

.confirm {
  display: inline-block;
  cursor: pointer;
  float: left;
  width: 100%; }
  .confirm.active .control::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/assets/img/success-select.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 3px; }
  .confirm .control {
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    background: #fff;
    transition: all 0.5s;
    border-radius: 0;
    z-index: 10;
    margin-top: 4px;
    border-radius: 3px; }
    .confirm .control:hover {
      border: 1px solid #707070;
      background: #f5f5f5; }
  .confirm span {
    float: left;
    margin-left: 20px;
    font-size: 1vw;
    font-weight: 400;
    margin-top: 0px;
    width: calc(100% - 50px);
    color: #b3a26c; }
    @media (min-width: 992px) and (max-width: 1024px) and (max-height: 768px) {
      .confirm span {
        font-size: 1.1vw;
        width: 85%;
        margin-top: 0px; } }
    @media (max-width: 767px) {
      .confirm span {
        font-size: 4vw;
        padding-left: 2vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .confirm span {
        font-size: 2.5vw;
        padding-left: 2vw; } }
    @media (min-width: 1025px) and (max-width: 1366px) {
      .confirm span {
        width: 85%; } }

.streaming-settings-top {
  float: left;
  position: relative;
  margin-left: 1%;
  width: 94%;
  margin-top: 1vw;
  margin-bottom: 2.5vw;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: .5vw; }
  .streaming-settings-top .left-top {
    float: left;
    position: relative;
    width: 50%; }
  .streaming-settings-top .right-top {
    float: left;
    position: relative;
    width: 50%;
    display: none; }
    .streaming-settings-top .right-top .online-streaming-only p {
      color: #A7A7A7;
      font-size: .8vw;
      float: right;
      margin-right: 1vw; }

.switch {
  width: 42px;
  height: 20px;
  background: #a2a2a2;
  border-radius: 31px;
  float: right;
  position: relative;
  transition: all .4s;
  cursor: pointer; }
  .switch.active {
    background: #b3a26c; }
    .switch.active .handler {
      left: 24px; }
  .switch .handler {
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    background: #fff;
    border-radius: 50%;
    left: 6px;
    top: 4px;
    transition: all .4s; }

.no-allow {
  pointer-events: none !important; }

@media print {
  @page {
    size: landscape; }
  header {
    display: none; }

  .no-print {
    display: none; }

  .control-frame {
    display: none !important; }

  .control-btn {
    opacity: 0; }

  .year-month-frame {
    float: none !important;
    text-align: center !important;
    margin-top: -1vw;
    margin-bottom: 1vw; }

  .club-timeline-frame {
    display: block !important; }

  .club-timeline-item {
    display: block !important;
    font-size: 3vw !important;
    padding-bottom: 0; }

  .mobile-events-btn {
    display: none !important; } }
.mobile-filters-control {
  display: none; }
  @media (max-width: 991px) {
    .mobile-filters-control {
      position: fixed;
      bottom: 10vw;
      right: 6vw;
      z-index: 9999;
      display: block; } }

.mobile-filters {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 93vh;
  background: #fff;
  z-index: 9;
  padding: 0 30px 30px;
  display: none; }
  .mobile-filters h3 {
    text-align: left;
    color: #B3A26C;
    font-size: 26px;
    font-weight: bold; }
  .mobile-filters .separe {
    position: relative;
    float: left;
    width: 100%;
    height: 60vh;
    overflow: scroll; }
    .mobile-filters .separe .control-frame-mobile {
      min-width: 225px;
      box-sizing: border-box;
      border-bottom: 1px solid #D2D2D2;
      min-height: 60px;
      text-align: left;
      display: block !important;
      float: none;
      width: 100%;
      margin: 30px 0 25px 0; }
      .mobile-filters .separe .control-frame-mobile .headline {
        color: #3A3A3B;
        font-size: 11px;
        font-weight: bold;
        display: block;
        clear: both; }
      .mobile-filters .separe .control-frame-mobile select, .mobile-filters .separe .control-frame-mobile input {
        display: block;
        position: relative;
        bottom: -15px;
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
        color: #B3A26C;
        font-size: 14px; }
      .mobile-filters .separe .control-frame-mobile .search-classes {
        position: absolute;
        right: 0;
        pointer-events: none; }
  .mobile-filters .apply-mobile-filters {
    color: #FFF;
    background: #B3A26C;
    -webkit-box-shadow: 0px 17px 36px -5px rgba(179, 162, 108, 0.83);
    -moz-box-shadow: 0px 17px 36px -5px rgba(179, 162, 108, 0.83);
    box-shadow: 0px 17px 36px -5px rgba(179, 162, 108, 0.83);
    width: 100%;
    padding: 15px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    margin: 0 0 25px 0;
    display: block;
    float: left;
    margin-top: 6vw;
    text-align: center; }
  .mobile-filters .reset-mobile-filters {
    text-decoration: underline;
    color: #C2C2C2;
    font-size: 11px;
    text-align: center;
    display: block; }

.stream-container .calendar {
  margin-top: -4vw; }
  @media (max-width: 767px) {
    .stream-container .calendar {
      margin-top: -9vw; } }

.multiple-edit {
  float: left;
  position: relative;
  margin-left: 10px;
  width: 52%; }

.actual-stream {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 1vw;
  margin-bottom: 1vw;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all .5s; }
  .actual-stream.active {
    opacity: 1;
    margin-bottom: 1vw;
    height: auto;
    visibility: visible; }
  .actual-stream h3.no-live {
    color: #b3a26c;
    text-align: center; }
  .actual-stream .left-side {
    float: left;
    position: relative;
    width: 75%; }
    @media (max-width: 767px) {
      .actual-stream .left-side {
        width: 100%; } }
    .actual-stream .left-side .stream-iframe {
      float: left;
      position: relative;
      width: 100%; }
      .actual-stream .left-side .stream-iframe .live-label {
        position: absolute;
        background: #EA4E3C;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 8px 12px;
        font-weight: 400;
        font-size: .7vw; }
        @media (max-width: 767px) {
          .actual-stream .left-side .stream-iframe .live-label {
            padding: 10px 12px;
            font-size: 2.5vw; } }
      .actual-stream .left-side .stream-iframe iframe {
        width: 95%;
        height: 59%; }
        @media (max-width: 767px) {
          .actual-stream .left-side .stream-iframe iframe {
            width: 100%;
            height: 32%; } }
    .actual-stream .left-side .streaming-waiting {
      float: left;
      position: relative;
      width: 96%;
      margin-top: 1vw; }
      @media (max-width: 767px) {
        .actual-stream .left-side .streaming-waiting {
          width: 100%; } }
      .actual-stream .left-side .streaming-waiting .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.73); }
      .actual-stream .left-side .streaming-waiting .counter-to-start {
        position: absolute;
        top: 46%;
        text-align: center;
        color: #fff;
        width: 100%;
        font-size: 1.5vw; }
        @media (max-width: 767px) {
          .actual-stream .left-side .streaming-waiting .counter-to-start {
            font-size: 7vw; } }
      .actual-stream .left-side .streaming-waiting img {
        width: 100%;
        height: 60%;
        object-fit: cover; }
  .actual-stream .right-side {
    float: left;
    position: relative;
    width: 25%; }
    @media (max-width: 767px) {
      .actual-stream .right-side {
        width: 90%;
        margin-left: 5%;
        margin-top: -5vw;
        background: #fff;
        padding: 2vw 5vw; } }
    .actual-stream .right-side .views {
      float: left;
      position: relative;
      color: #A7A7A7;
      font-size: 0.75vw;
      font-weight: 400;
      margin-top: 1vw;
      margin-bottom: 2vw; }
      @media (max-width: 767px) {
        .actual-stream .right-side .views {
          font-size: 4vw;
          margin-top: 2vw;
          float: left;
          margin-bottom: 4vw; } }
    .actual-stream .right-side h2 {
      font-weight: 500;
      color: #B3A26C;
      margin-top: 3vw;
      float: left;
      width: 100%;
      font-size: 2vw;
      margin-bottom: 2vw; }
      @media (max-width: 767px) {
        .actual-stream .right-side h2 {
          font-size: 6vw; } }
    .actual-stream .right-side p.perex {
      font-size: .8vw;
      font-weight: 400;
      color: #3A3A3B; }
      @media (max-width: 767px) {
        .actual-stream .right-side p.perex {
          font-size: 4vw; } }
    .actual-stream .right-side p.stream-status {
      color: #A7A7A7;
      font-size: .75vw;
      font-weight: 400;
      margin-top: 1vw;
      margin-bottom: 1.2vw;
      float: left; }
      @media (max-width: 767px) {
        .actual-stream .right-side p.stream-status {
          font-size: 4vw;
          margin-bottom: 0;
          margin-top: 2vw; } }
      .actual-stream .right-side p.stream-status.with-views {
        margin-left: 2vw; }
        @media (max-width: 767px) {
          .actual-stream .right-side p.stream-status.with-views {
            margin-left: 5vw; } }

tr.waitlist, li.waitlist {
  background-color: #ff000040 !important;
  color: #000;
  padding: 2vw; }

.admin-pure-link {
  float: right;
  margin-left: 2vw;
  text-align: right;
  color: #B3A26C;
  position: relative;
  margin-top: 1.6vw;
  font-size: .75vw; }
  @media (max-width: 767px) {
    .admin-pure-link {
      position: absolute;
      right: 0;
      top: -17vw;
      font-size: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .admin-pure-link {
      position: absolute;
      right: 0;
      top: -17vw;
      font-size: 0; } }
  .admin-pure-link:hover {
    color: #B3A26C;
    text-decoration: none; }

.template-place, .post-manage-place {
  border-top: none !important; }
  @media (max-width: 767px) {
    .template-place, .post-manage-place {
      margin-top: 0 !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .template-place, .post-manage-place {
      margin-top: 0 !important; } }
  .template-place .main-image, .post-manage-place .main-image {
    float: left;
    position: relative;
    width: 100%;
    height: 14vw;
    background-color: rgba(0, 0, 0, 0.11);
    background: url(/assets/img/programs/wide/signature.jpg);
    background-size: cover;
    background-position: inherit;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1); }
    @media (max-width: 767px) {
      .template-place .main-image, .post-manage-place .main-image {
        height: 40vw;
        background-position-x: 50% !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .template-place .main-image, .post-manage-place .main-image {
        height: 40vw;
        background-position-x: 50% !important; } }
    .template-place .main-image .template-name-h2, .post-manage-place .main-image .template-name-h2 {
      position: absolute;
      right: 2vw;
      top: 3vw;
      color: #fff;
      font-size: 2.2vw;
      line-height: 3.5vw;
      width: 16vw;
      text-align: right; }
      @media (max-width: 767px) {
        .template-place .main-image .template-name-h2, .post-manage-place .main-image .template-name-h2 {
          position: relative;
          top: 0;
          margin-bottom: 9vw;
          width: 100%;
          right: 0;
          text-align: center;
          font-size: 5vw;
          line-height: 7vw;
          margin-top: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .main-image .template-name-h2, .post-manage-place .main-image .template-name-h2 {
          position: relative;
          top: 0;
          margin-bottom: 9vw;
          width: 100%;
          right: 0;
          text-align: center;
          font-size: 5vw;
          line-height: 7vw;
          margin-top: 0; } }
      .template-place .main-image .template-name-h2 small, .post-manage-place .main-image .template-name-h2 small {
        color: #fff;
        font-size: 1.2vw;
        width: 16vw;
        text-align: right; }
        @media (max-width: 767px) {
          .template-place .main-image .template-name-h2 small, .post-manage-place .main-image .template-name-h2 small {
            font-size: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .main-image .template-name-h2 small, .post-manage-place .main-image .template-name-h2 small {
            font-size: 4vw; } }
    .template-place .main-image .img-overlay, .post-manage-place .main-image .img-overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 14vw;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 8px; }
      @media (max-width: 767px) {
        .template-place .main-image .img-overlay, .post-manage-place .main-image .img-overlay {
          height: 40vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .main-image .img-overlay, .post-manage-place .main-image .img-overlay {
          height: 40vw; } }
    .template-place .main-image .sp-size, .post-manage-place .main-image .sp-size {
      width: 25%;
      margin-left: 3%;
      margin-top: 7vw; }
      @media (max-width: 767px) {
        .template-place .main-image .sp-size, .post-manage-place .main-image .sp-size {
          width: 90%;
          margin-left: 5%;
          text-align: center;
          z-index: 1;
          margin-top: 9vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .main-image .sp-size, .post-manage-place .main-image .sp-size {
          width: 90%;
          margin-left: 5%;
          text-align: center;
          z-index: 1;
          margin-top: 9vw; } }
      .template-place .main-image .sp-size .box-label, .post-manage-place .main-image .sp-size .box-label {
        color: #fff; }
    .template-place .main-image .change-image, .post-manage-place .main-image .change-image {
      position: absolute;
      left: calc(50% - 1.5vw);
      top: 6.5vw; }
      @media (max-width: 767px) {
        .template-place .main-image .change-image, .post-manage-place .main-image .change-image {
          top: 27vw;
          left: calc(50% - 3.5vw); } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .main-image .change-image, .post-manage-place .main-image .change-image {
          top: 27vw;
          left: calc(50% - 3.5vw); } }
      .template-place .main-image .change-image img, .post-manage-place .main-image .change-image img {
        width: 3vw; }
        @media (max-width: 767px) {
          .template-place .main-image .change-image img, .post-manage-place .main-image .change-image img {
            width: 7vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .main-image .change-image img, .post-manage-place .main-image .change-image img {
            width: 7vw; } }
  .template-place .desc-place, .post-manage-place .desc-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 5vw;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    padding: 4vw 3vw 1.5vw 3vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 4vw; }
    @media (max-width: 767px) {
      .template-place .desc-place, .post-manage-place .desc-place {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 12vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .template-place .desc-place, .post-manage-place .desc-place {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 12vw; } }
    .template-place .desc-place.event-desc, .post-manage-place .desc-place.event-desc {
      margin-top: 2vw; }
      @media (max-width: 767px) {
        .template-place .desc-place.event-desc, .post-manage-place .desc-place.event-desc {
          grid-template-columns: repeat(1, 1fr);
          padding-top: 12vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .desc-place.event-desc, .post-manage-place .desc-place.event-desc {
          grid-template-columns: repeat(1, 1fr);
          padding-top: 12vw; } }
    .template-place .desc-place .data-place, .post-manage-place .desc-place .data-place {
      position: relative; }
      .template-place .desc-place .data-place::before, .post-manage-place .desc-place .data-place::before {
        content: "";
        width: 1vw;
        height: 1vw;
        display: block;
        position: absolute;
        left: calc(50% - .5vw);
        top: -7vw; }
        @media (max-width: 767px) {
          .template-place .desc-place .data-place::before, .post-manage-place .desc-place .data-place::before {
            width: 4vw;
            height: 4vw;
            left: calc(50% - 2vw); } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .desc-place .data-place::before, .post-manage-place .desc-place .data-place::before {
            width: 4vw;
            height: 4vw;
            left: calc(50% - 2vw); } }
      .template-place .desc-place .data-place:nth-child(1)::before, .post-manage-place .desc-place .data-place:nth-child(1)::before {
        background: url(/assets/img/langs/en.png);
        background-repeat: no-repeat;
        background-size: cover; }
      .template-place .desc-place .data-place:nth-child(2)::before, .post-manage-place .desc-place .data-place:nth-child(2)::before {
        background: url(/assets/img/langs/de.png);
        background-repeat: no-repeat;
        background-size: cover; }
      .template-place .desc-place .data-place:nth-child(3)::before, .post-manage-place .desc-place .data-place:nth-child(3)::before {
        background: url(/assets/img/langs/fr.png);
        background-repeat: no-repeat;
        background-size: cover; }
      .template-place .desc-place .data-place .dsc, .post-manage-place .desc-place .data-place .dsc {
        margin-top: 1.5vw; }
        .template-place .desc-place .data-place .dsc textarea, .post-manage-place .desc-place .data-place .dsc textarea {
          height: 9vw; }
          @media (max-width: 767px) {
            .template-place .desc-place .data-place .dsc textarea, .post-manage-place .desc-place .data-place .dsc textarea {
              height: 40vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .template-place .desc-place .data-place .dsc textarea, .post-manage-place .desc-place .data-place .dsc textarea {
              height: 40vw; } }
  .template-place .properties-place, .post-manage-place .properties-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 7vw;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    margin-bottom: 3vw; }
    @media (max-width: 767px) {
      .template-place .properties-place, .post-manage-place .properties-place {
        grid-template-columns: repeat(1, 1fr); } }
    @media (min-width: 768px) and (max-width: 991px) {
      .template-place .properties-place, .post-manage-place .properties-place {
        grid-template-columns: repeat(1, 1fr); } }
    .template-place .properties-place .left-data, .post-manage-place .properties-place .left-data {
      float: left;
      position: relative;
      width: 100%;
      padding: 2.5vw 0 1.5vw 2.5vw; }
      .template-place .properties-place .left-data .default_ico, .post-manage-place .properties-place .left-data .default_ico {
        float: left;
        width: 3vw; }
      .template-place .properties-place .left-data .data-title, .post-manage-place .properties-place .left-data .data-title {
        float: left;
        position: relative;
        margin-left: 1vw;
        width: calc(100% - 4vw);
        padding-left: 1vw; }
        .template-place .properties-place .left-data .data-title h3, .post-manage-place .properties-place .left-data .data-title h3 {
          margin-top: 0.4vw;
          color: #B3A26C;
          font-weight: 500;
          font-size: 1.2vw; }
          @media (max-width: 767px) {
            .template-place .properties-place .left-data .data-title h3, .post-manage-place .properties-place .left-data .data-title h3 {
              font-size: 3vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .template-place .properties-place .left-data .data-title h3, .post-manage-place .properties-place .left-data .data-title h3 {
              font-size: 3vw; } }
        .template-place .properties-place .left-data .data-title h4, .post-manage-place .properties-place .left-data .data-title h4 {
          color: #BBBBBB;
          font-weight: 300; }
    .template-place .properties-place .center-data, .post-manage-place .properties-place .center-data {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 1vw;
      grid-row-gap: 4vw;
      float: left;
      position: relative;
      width: 100%;
      border-left: 1px solid rgba(217, 217, 217, 0.39);
      padding: 3vw 0vw 1.5vw 3.5vw; }
      @media (max-width: 767px) {
        .template-place .properties-place .center-data, .post-manage-place .properties-place .center-data {
          grid-template-columns: repeat(1, 1fr);
          padding: 3vw 3.5vw 1.5vw 3.5vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .properties-place .center-data, .post-manage-place .properties-place .center-data {
          grid-template-columns: repeat(1, 1fr);
          padding: 3vw 3.5vw 1.5vw 3.5vw; } }
      .template-place .properties-place .center-data div::before, .post-manage-place .properties-place .center-data div::before {
        content: "";
        width: 1.525vw;
        height: 1.74vw;
        display: block;
        position: absolute;
        left: calc(50% - .85vw);
        top: -6.9vw; }
      .template-place .properties-place .center-data div:nth-child(1)::before, .post-manage-place .properties-place .center-data div:nth-child(1)::before {
        background: url(/assets/img/t_duration_ico.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
      .template-place .properties-place .center-data div:nth-child(2)::before, .post-manage-place .properties-place .center-data div:nth-child(2)::before {
        background: url(/assets/img/t_level_ico.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
      .template-place .properties-place .center-data div:nth-child(3)::before, .post-manage-place .properties-place .center-data div:nth-child(3)::before {
        background: url(/assets/img/t_capacity_ico.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
    .template-place .properties-place .right-data, .post-manage-place .properties-place .right-data {
      float: left;
      position: relative;
      width: 100%;
      padding: 4vw 7vw 1.5vw 6vw;
      border-left: 1px solid rgba(217, 217, 217, 0.39); }
      .template-place .properties-place .right-data p, .post-manage-place .properties-place .right-data p {
        color: #BBBBBB;
        font-weight: 500;
        font-size: .75vw; }
        @media (max-width: 767px) {
          .template-place .properties-place .right-data p, .post-manage-place .properties-place .right-data p {
            font-size: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .properties-place .right-data p, .post-manage-place .properties-place .right-data p {
            font-size: 4vw; } }
  .template-place .date-place, .post-manage-place .date-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 7vw;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 3vw; }
    .template-place .date-place .left-data, .post-manage-place .date-place .left-data {
      float: left;
      position: relative;
      padding: 2.5vw 0 1.5vw 2.5vw;
      width: 22%; }
      @media (max-width: 767px) {
        .template-place .date-place .left-data, .post-manage-place .date-place .left-data {
          width: 100%;
          padding: 2.5vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .date-place .left-data, .post-manage-place .date-place .left-data {
          width: 100%;
          padding: 2.5vw; } }
      .template-place .date-place .left-data::before, .post-manage-place .date-place .left-data::before {
        content: "";
        width: 1.9vw;
        height: 2vw;
        display: block;
        position: absolute;
        left: 52%;
        top: -3.9vw;
        background: url(/assets/img/t_date_ico.svg);
        background-repeat: no-repeat;
        background-size: 100%; }
      .template-place .date-place .left-data .double-label, .post-manage-place .date-place .left-data .double-label {
        position: absolute;
        top: 25px;
        font-size: 0.7vw;
        font-family: "Lato";
        font-weight: 400;
        font-style: normal;
        color: #B3A26C;
        text-transform: uppercase;
        width: 85%;
        text-align: center; }
      .template-place .date-place .left-data .content-box, .post-manage-place .date-place .left-data .content-box {
        width: 50%;
        margin-top: .55vw; }
        .template-place .date-place .left-data .content-box:first-of-type, .post-manage-place .date-place .left-data .content-box:first-of-type {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
        .template-place .date-place .left-data .content-box:last-of-type, .post-manage-place .date-place .left-data .content-box:last-of-type {
          width: 50%;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border-left: none; }
    .template-place .date-place .center-data, .post-manage-place .date-place .center-data {
      float: left;
      position: relative;
      width: 78%;
      padding: 3vw 0vw 1.5vw 1.5vw; }
      @media (max-width: 767px) {
        .template-place .date-place .center-data, .post-manage-place .date-place .center-data {
          width: 100%;
          padding: 2.5vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .template-place .date-place .center-data, .post-manage-place .date-place .center-data {
          width: 100%;
          padding: 2.5vw; } }
      .template-place .date-place .center-data .b-place, .post-manage-place .date-place .center-data .b-place {
        width: 16%; }
        @media (max-width: 767px) {
          .template-place .date-place .center-data .b-place, .post-manage-place .date-place .center-data .b-place {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .date-place .center-data .b-place, .post-manage-place .date-place .center-data .b-place {
            width: 100%; } }
        .template-place .date-place .center-data .b-place::before, .post-manage-place .date-place .center-data .b-place::before {
          background: url(/assets/img/t_place_ico.svg);
          background-repeat: no-repeat;
          background-size: 100%;
          width: 1.2vw;
          height: 1.74vw;
          left: calc(50% - .6vw); }
      .template-place .date-place .center-data .content-box .box-label, .post-manage-place .date-place .center-data .content-box .box-label {
        width: 100%;
        left: 0;
        top: -33px;
        text-align: center; }
      .template-place .date-place .center-data .b-trainer, .post-manage-place .date-place .center-data .b-trainer {
        width: 16%;
        margin-left: 2%; }
        @media (max-width: 767px) {
          .template-place .date-place .center-data .b-trainer, .post-manage-place .date-place .center-data .b-trainer {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .date-place .center-data .b-trainer, .post-manage-place .date-place .center-data .b-trainer {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        .template-place .date-place .center-data .b-trainer::before, .post-manage-place .date-place .center-data .b-trainer::before {
          background: url(/assets/img/t_trainer_ico.svg);
          background-repeat: no-repeat;
          background-size: 100%;
          width: 1vw;
          height: 2vw;
          left: calc(50% - .6vw);
          top: -7vw; }
      .template-place .date-place .center-data .t-duration, .post-manage-place .date-place .center-data .t-duration {
        width: 9%;
        margin-left: 2%; }
        @media (max-width: 767px) {
          .template-place .date-place .center-data .t-duration, .post-manage-place .date-place .center-data .t-duration {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .date-place .center-data .t-duration, .post-manage-place .date-place .center-data .t-duration {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        .template-place .date-place .center-data .t-duration::before, .post-manage-place .date-place .center-data .t-duration::before {
          background: url(/assets/img/t_duration_ico.svg);
          background-repeat: no-repeat;
          background-size: 100%; }
      .template-place .date-place .center-data .t-level, .post-manage-place .date-place .center-data .t-level {
        width: 9%;
        margin-left: 2%; }
        @media (max-width: 767px) {
          .template-place .date-place .center-data .t-level, .post-manage-place .date-place .center-data .t-level {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .date-place .center-data .t-level, .post-manage-place .date-place .center-data .t-level {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        .template-place .date-place .center-data .t-level::before, .post-manage-place .date-place .center-data .t-level::before {
          background: url(/assets/img/t_level_ico.svg);
          background-repeat: no-repeat;
          background-size: 100%; }
      .template-place .date-place .center-data .t-capacity, .post-manage-place .date-place .center-data .t-capacity {
        width: 9%;
        margin-left: 2%; }
        @media (max-width: 767px) {
          .template-place .date-place .center-data .t-capacity, .post-manage-place .date-place .center-data .t-capacity {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .date-place .center-data .t-capacity, .post-manage-place .date-place .center-data .t-capacity {
            width: 100%;
            margin-left: 0;
            margin-top: 4vw; } }
        .template-place .date-place .center-data .t-capacity::before, .post-manage-place .date-place .center-data .t-capacity::before {
          background: url(/assets/img/t_capacity_ico.svg);
          background-repeat: no-repeat;
          background-size: 100%; }
      .template-place .date-place .center-data .repeat-place, .post-manage-place .date-place .center-data .repeat-place {
        width: 27%;
        margin-left: 2%;
        float: left;
        position: relative; }
        @media (max-width: 767px) {
          .template-place .date-place .center-data .repeat-place, .post-manage-place .date-place .center-data .repeat-place {
            width: 100%;
            margin-left: 0;
            margin-top: 3vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .template-place .date-place .center-data .repeat-place, .post-manage-place .date-place .center-data .repeat-place {
            width: 100%;
            margin-left: 0;
            margin-top: 3vw; } }
        .template-place .date-place .center-data .repeat-place.edit-rc, .post-manage-place .date-place .center-data .repeat-place.edit-rc {
          margin-top: 2.5vw; }
          .template-place .date-place .center-data .repeat-place.edit-rc::before, .post-manage-place .date-place .center-data .repeat-place.edit-rc::before {
            top: -9.4vw; }
        .template-place .date-place .center-data .repeat-place::before, .post-manage-place .date-place .center-data .repeat-place::before {
          content: "";
          width: 1.9vw;
          height: 2vw;
          display: block;
          position: absolute;
          left: 52%;
          top: -6.9vw;
          background: url(/assets/img/t_repeat_ico.svg);
          background-repeat: no-repeat;
          background-size: 100%; }
        .template-place .date-place .center-data .repeat-place .double-label, .post-manage-place .date-place .center-data .repeat-place .double-label {
          position: absolute;
          top: -31px;
          font-size: 0.7vw;
          font-family: "Lato";
          font-weight: 400;
          font-style: normal;
          color: #B3A26C;
          text-transform: uppercase;
          width: 98%;
          text-align: center; }
          @media (max-width: 767px) {
            .template-place .date-place .center-data .repeat-place .double-label, .post-manage-place .date-place .center-data .repeat-place .double-label {
              font-size: 3.5vw; } }
          @media (min-width: 768px) and (max-width: 991px) {
            .template-place .date-place .center-data .repeat-place .double-label, .post-manage-place .date-place .center-data .repeat-place .double-label {
              font-size: 3.5vw; } }
        .template-place .date-place .center-data .repeat-place .rc, .post-manage-place .date-place .center-data .repeat-place .rc {
          position: absolute;
          right: 3%;
          top: -31px; }
        .template-place .date-place .center-data .repeat-place .repeat-content-all, .post-manage-place .date-place .center-data .repeat-place .repeat-content-all {
          pointer-events: none;
          opacity: .4;
          transition: all .4s; }
          .template-place .date-place .center-data .repeat-place .repeat-content-all.active, .post-manage-place .date-place .center-data .repeat-place .repeat-content-all.active {
            pointer-events: all;
            opacity: 1; }
        .template-place .date-place .center-data .repeat-place .content-box, .post-manage-place .date-place .center-data .repeat-place .content-box {
          float: left;
          position: relative;
          width: 49%; }
          .template-place .date-place .center-data .repeat-place .content-box.t-repeat-days, .post-manage-place .date-place .center-data .repeat-place .content-box.t-repeat-days {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
          .template-place .date-place .center-data .repeat-place .content-box.t-repeat-date, .post-manage-place .date-place .center-data .repeat-place .content-box.t-repeat-date {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            margin-left: -1px; }
      .template-place .date-place .center-data div::before, .post-manage-place .date-place .center-data div::before {
        content: "";
        width: 1.525vw;
        height: 1.74vw;
        display: block;
        position: absolute;
        left: calc(50% - .85vw);
        top: -6.9vw; }
  .template-place .stram-content-place, .post-manage-place .stram-content-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 0;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 3vw; }
    .template-place .stram-content-place .left-data, .post-manage-place .stram-content-place .left-data {
      float: left;
      position: relative;
      padding: 2.5vw 0 1.5vw 2.5vw;
      width: 22%; }
      .template-place .stram-content-place .left-data .default_ico, .post-manage-place .stram-content-place .left-data .default_ico {
        float: left;
        width: 2vw; }
      .template-place .stram-content-place .left-data h3, .post-manage-place .stram-content-place .left-data h3 {
        float: left;
        position: relative;
        margin-left: 1vw;
        margin-top: .5vw;
        color: #b1a06b; }
      .template-place .stram-content-place .left-data .os, .post-manage-place .stram-content-place .left-data .os {
        float: left;
        width: 55%;
        margin-top: .5vw; }
      .template-place .stram-content-place .left-data .double-label, .post-manage-place .stram-content-place .left-data .double-label {
        position: absolute;
        top: 25px;
        font-size: 0.7vw;
        font-family: "Lato";
        font-weight: 400;
        font-style: normal;
        color: #B3A26C;
        text-transform: uppercase;
        width: 85%;
        text-align: center; }
      .template-place .stram-content-place .left-data .content-box, .post-manage-place .stram-content-place .left-data .content-box {
        width: 50%;
        margin-top: .55vw; }
        .template-place .stram-content-place .left-data .content-box:first-of-type, .post-manage-place .stram-content-place .left-data .content-box:first-of-type {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
        .template-place .stram-content-place .left-data .content-box:last-of-type, .post-manage-place .stram-content-place .left-data .content-box:last-of-type {
          width: 50%;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border-left: none; }
    .template-place .stram-content-place .stream-control, .post-manage-place .stram-content-place .stream-control {
      pointer-events: none;
      opacity: .4;
      transition: all .4s; }
      .template-place .stram-content-place .stream-control.active, .post-manage-place .stram-content-place .stream-control.active {
        pointer-events: all;
        opacity: 1; }
    .template-place .stram-content-place .center-data, .post-manage-place .stram-content-place .center-data {
      float: left;
      position: relative;
      width: 53%;
      padding: 3vw 0vw 1.5vw 1.5vw; }
      .template-place .stram-content-place .center-data .content-box .box-label, .post-manage-place .stram-content-place .center-data .content-box .box-label {
        width: 100%;
        left: 0;
        top: -33px;
        text-align: center; }
    .template-place .stram-content-place .right-data, .post-manage-place .stram-content-place .right-data {
      float: left;
      position: relative;
      width: 25%;
      padding: 4vw 3vw 0.5vw 2.5vw; }
      .template-place .stram-content-place .right-data .online-streaming-only p, .post-manage-place .stram-content-place .right-data .online-streaming-only p {
        font-size: 0.7vw;
        font-family: "Lato";
        font-weight: 400;
        font-style: normal;
        color: #B3A26C;
        text-transform: uppercase;
        width: 98%;
        text-align: center; }
  .template-place .bottom-t-place, .post-manage-place .bottom-t-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: .5vw;
    margin-bottom: 4vw; }
    .template-place .bottom-t-place a, .post-manage-place .bottom-t-place a {
      float: none; }

.another-search {
  position: absolute !important;
  left: 26vw !important;
  top: -2.5vw !important; }
  .another-search label {
    font-size: 0 !important; }
  @media (max-width: 767px) {
    .another-search input {
      width: 80vw !important;
      left: 0;
      margin-left: -21vw !important;
      margin-top: -4vw;
      font-size: 3vw !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .another-search input {
      width: 80vw !important;
      left: 0;
      margin-left: -21vw !important;
      margin-top: -4vw;
      font-size: 3vw !important; } }
  @media (min-width: 992px) {
    .another-search input {
      font-size: .7vw !important;
      width: 14vw !important; } }

.templates-table {
  border-spacing: 0 1vw !important;
  border-bottom: none !important; }
  .templates-table thead th {
    color: #b3a26c !important;
    border-bottom: none !important; }
  .templates-table tbody tr {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); }
    .templates-table tbody tr td {
      padding: .7vw;
      text-align: center; }
      .templates-table tbody tr td .colored {
        position: absolute;
        width: 2px;
        height: 1vw; }
        @media (max-width: 767px) {
          .templates-table tbody tr td .colored {
            height: 7vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .templates-table tbody tr td .colored {
            height: 7vw; } }
      .templates-table tbody tr td p {
        font-weight: 300; }
      .templates-table tbody tr td.link {
        cursor: pointer;
        border-right: 1px solid rgba(217, 217, 217, 0.31); }
  .templates-table .template-image {
    float: left;
    margin-right: 1vw;
    object-fit: cover;
    width: 3vw;
    height: 3vw; }
    @media (max-width: 767px) {
      .templates-table .template-image {
        display: none; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .templates-table .template-image {
        display: none; } }
  .templates-table .template-title {
    font-weight: 500 !important;
    font-size: .9vw;
    margin-top: .5vw; }
    @media (max-width: 767px) {
      .templates-table .template-title {
        font-size: 3.5vw;
        margin-left: 1vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .templates-table .template-title {
        font-size: 3.5vw;
        margin-left: 1vw; } }
  .templates-table .template_stars img {
    width: .8vw;
    margin-right: .2vw; }
    @media (max-width: 767px) {
      .templates-table .template_stars img {
        width: 2.8vw;
        margin-right: .5vw;
        margin-top: 2vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .templates-table .template_stars img {
        width: 2.8vw;
        margin-right: .5vw;
        margin-top: 2vw; } }
  .templates-table .edit-template {
    color: #b3a26c;
    border: 1px solid #b3a26c;
    padding: .5vw .6vw;
    border-radius: 7px;
    font-size: .7vw; }
    @media (max-width: 767px) {
      .templates-table .edit-template {
        font-size: 3.5vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .templates-table .edit-template {
        font-size: 3.5vw; } }
    .templates-table .edit-template:hover {
      text-decoration: none; }
    .templates-table .edit-template img {
      width: .7vw;
      margin-right: .5vw; }
      @media (max-width: 767px) {
        .templates-table .edit-template img {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .templates-table .edit-template img {
          display: none; } }
  .templates-table .hide-template {
    color: #D9D9D9;
    border: 1px solid #D9D9D9;
    padding: .5vw .6vw;
    border-radius: 7px;
    font-size: .7vw;
    margin-left: 1vw;
    margin-right: 1vw; }
    @media (max-width: 767px) {
      .templates-table .hide-template {
        font-size: 3.5vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .templates-table .hide-template {
        font-size: 3.5vw; } }
    .templates-table .hide-template:hover {
      text-decoration: none; }
    .templates-table .hide-template img {
      width: .7vw;
      margin-right: .5vw; }
      @media (max-width: 767px) {
        .templates-table .hide-template img {
          display: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .templates-table .hide-template img {
          display: none; } }

.att-place {
  margin-top: 5.88vw; }
  .att-place .sp-size {
    z-index: 999;
    position: relative; }
    @media (max-width: 767px) {
      .att-place .sp-size {
        margin-top: -1vw !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .att-place .sp-size {
        margin-top: -1vw !important; } }
    @media (min-width: 992px) {
      .att-place .sp-size {
        margin-top: 5vw !important; } }
    .att-place .sp-size h2 {
      color: #fff;
      font-size: 2vw; }
      @media (max-width: 767px) {
        .att-place .sp-size h2 {
          font-size: 5vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .att-place .sp-size h2 {
          font-size: 5vw; } }
    .att-place .sp-size a {
      float: left;
      margin-top: 1vw; }
      @media (max-width: 767px) {
        .att-place .sp-size a {
          position: absolute;
          top: 22vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .att-place .sp-size a {
          position: absolute;
          top: 22vw; } }

.att-users-data {
  position: absolute;
  background: #fff;
  padding: 1.5vw;
  width: 40%;
  left: 30%;
  top: 10vw;
  -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  border-radius: 7px; }
  @media (max-width: 767px) {
    .att-users-data {
      width: 90%;
      left: 5%;
      top: 84vw;
      padding: 4vw;
      padding-bottom: 32vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .att-users-data {
      width: 90%;
      left: 5%;
      top: 84vw;
      padding: 4vw;
      padding-bottom: 32vw; } }
  .att-users-data .attendance-table {
    width: 100%; }
    .att-users-data .attendance-table thead tr {
      border-bottom: 1px solid #BBBBBB; }
      .att-users-data .attendance-table thead tr th {
        padding: 0vw 0 .8vw 0;
        font-size: .8vw;
        color: #b3a26c; }
        @media (max-width: 767px) {
          .att-users-data .attendance-table thead tr th {
            font-size: 3vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .att-users-data .attendance-table thead tr th {
            font-size: 3vw; } }
    .att-users-data .attendance-table tbody tr {
      border-bottom: 1px solid #D9D9D9; }
      .att-users-data .attendance-table tbody tr td {
        padding: 0.8vw 0 0.3vw 0; }
        @media (max-width: 767px) {
          .att-users-data .attendance-table tbody tr td {
            font-size: 3vw;
            padding-top: 2vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .att-users-data .attendance-table tbody tr td {
            font-size: 3vw;
            padding-top: 2vw; } }
        .att-users-data .attendance-table tbody tr td:first-of-type p {
          color: #BBBBBB; }
      .att-users-data .attendance-table tbody tr:last-of-type {
        border-bottom: none; }
    .att-users-data .attendance-table tbody .new-visitor {
      width: 100%;
      background: #fff;
      border: 1px solid #D9D9D9;
      margin-bottom: 30px;
      padding: 12px 13px 15px;
      position: relative;
      float: left;
      border-radius: 7px; }
      @media (max-width: 767px) {
        .att-users-data .attendance-table tbody .new-visitor {
          margin-top: 1vw;
          padding: 2vw;
          margin-bottom: 3vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .att-users-data .attendance-table tbody .new-visitor {
          margin-top: 1vw;
          padding: 2vw;
          margin-bottom: 3vw; } }
      .att-users-data .attendance-table tbody .new-visitor:focus {
        outline: none;
        border: 1px solid #aaa; }
    .att-users-data .attendance-table tbody .add-visitor {
      color: #b3a26c;
      float: right;
      font-size: 1.5vw;
      margin-top: -2vw;
      margin-right: .35vw;
      pointer-events: none;
      filter: grayscale(100%);
      transition: all .3s; }
      @media (max-width: 767px) {
        .att-users-data .attendance-table tbody .add-visitor {
          font-size: 6vw;
          margin-top: -2.5vw;
          margin-right: 2vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .att-users-data .attendance-table tbody .add-visitor {
          font-size: 6vw;
          margin-top: -2.5vw;
          margin-right: 2vw; } }
      .att-users-data .attendance-table tbody .add-visitor.allow {
        pointer-events: all;
        filter: grayscale(0%); }
      .att-users-data .attendance-table tbody .add-visitor:hover, .att-users-data .attendance-table tbody .add-visitor:focus {
        text-decoration: none; }

.att-search-place {
  position: absolute;
  right: 5%;
  top: 1.4vw; }
  @media (max-width: 767px) {
    .att-search-place {
      top: 2.45vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .att-search-place {
      top: 2.45vw; } }
  .att-search-place p {
    float: left;
    font-size: 0.8vw;
    color: #b3a26c;
    margin-right: .5vw;
    font-weight: 400;
    text-transform: capitalize; }
    @media (max-width: 767px) {
      .att-search-place p {
        font-size: 3vw;
        margin-top: .7vw;
        margin-right: 2vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .att-search-place p {
        font-size: 3vw;
        margin-top: .7vw;
        margin-right: 2vw; } }
  .att-search-place input {
    border: none; }
    .att-search-place input:focus {
      outline: none; }
  .att-search-place img {
    position: absolute;
    right: 2%;
    top: 8%;
    width: 1vw; }
    @media (max-width: 767px) {
      .att-search-place img {
        width: 3vw;
        right: 6vw;
        top: 17%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .att-search-place img {
        width: 3vw;
        right: 6vw;
        top: 17%; } }

.set_all {
  width: 1.6vw;
  margin-right: 2.7vw;
  opacity: .3;
  float: right;
  cursor: pointer;
  transition: all .3s; }
  @media (max-width: 767px) {
    .set_all {
      width: 8vw;
      margin-right: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .set_all {
      width: 8vw;
      margin-right: 0; } }
  @media (max-width: 767px) {
    .set_all:not(.active):hover, .set_all:not(.active):focus {
      opacity: .3 !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .set_all:not(.active):hover, .set_all:not(.active):focus {
      opacity: .3 !important; } }
  .set_all.active {
    opacity: 1 !important; }

@media (max-width: 767px) {
  .presence {
    text-align: right; } }
@media (min-width: 768px) and (max-width: 991px) {
  .presence {
    text-align: right; } }

.a_set {
  cursor: pointer;
  opacity: .3;
  transition: all .3s; }
  .a_set:hover {
    opacity: 1 !important; }
  .a_set.active {
    opacity: 1 !important; }
  .a_set.set_ko {
    width: 1.2vw;
    margin-left: 4vw;
    opacity: .2; }
  .a_set.set_ok {
    width: 1.6vw;
    margin-left: 5.5vw; }
    @media (max-width: 767px) {
      .a_set.set_ok {
        width: 8vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .a_set.set_ok {
        width: 8vw; } }
    @media (max-width: 767px) {
      .a_set.set_ok:not(.active):hover, .a_set.set_ok:not(.active):focus {
        opacity: .3 !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .a_set.set_ok:not(.active):hover, .a_set.set_ok:not(.active):focus {
        opacity: .3 !important; } }
    .a_set.set_ok.disabled {
      pointer-events: none; }

.finish {
  text-align: center; }
  @media (max-width: 767px) {
    .finish {
      font-size: 4vw;
      padding: 2vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .finish {
      font-size: 4vw;
      padding: 2vw; } }

.spl {
  text-transform: uppercase;
  margin-top: 2vw; }

.remove_user_from_event, .remove_user_from_waitlist {
  float: right;
  margin-right: .5vw; }
  .remove_user_from_event img, .remove_user_from_waitlist img {
    opacity: .4;
    float: right;
    margin-left: .7vw;
    width: .6vw;
    margin-top: 0.1vw;
    transition: all .4s; }
    @media (max-width: 767px) {
      .remove_user_from_event img, .remove_user_from_waitlist img {
        width: 2vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .remove_user_from_event img, .remove_user_from_waitlist img {
        width: 2vw; } }
  .remove_user_from_event span, .remove_user_from_waitlist span {
    opacity: 0;
    margin-left: 10px;
    margin-top: 6px;
    font-size: .7vw;
    color: #B3A26C;
    transition: all .4s; }
    @media (max-width: 767px) {
      .remove_user_from_event span, .remove_user_from_waitlist span {
        font-size: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .remove_user_from_event span, .remove_user_from_waitlist span {
        font-size: 0; } }
  .remove_user_from_event:hover, .remove_user_from_waitlist:hover {
    text-decoration: none; }
    .remove_user_from_event:hover img, .remove_user_from_waitlist:hover img {
      opacity: 1; }
    .remove_user_from_event:hover span, .remove_user_from_waitlist:hover span {
      opacity: 1; }

.not-btn {
  text-align: left;
  text-transform: uppercase;
  position: relative;
  padding: 0.6vw 3vw 0.6vw 1vw; }
  .not-btn:focus, .not-btn:hover {
    color: #fff;
    text-decoration: none; }
  .not-btn::after {
    content: "";
    width: 0.6vw;
    height: .4vw;
    background: url(/assets/img/arrow_w.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 9%;
    top: 40%;
    transform: rotate(-90deg);
    transition: all 0.4s; }
    @media (max-width: 767px) {
      .not-btn::after {
        width: 3.6vw;
        height: 3.4vw;
        right: 4%;
        top: 35%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .not-btn::after {
        width: 3.6vw;
        height: 3.4vw;
        right: 4%;
        top: 35%; } }
  .not-btn.open::after {
    transform: rotate(0deg); }

.not-btn-list {
  position: relative;
  float: right; }
  @media (max-width: 767px) {
    .not-btn-list {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .not-btn-list {
      width: 100%; } }
  .not-btn-list .save_changes-s {
    width: 13vw; }
    @media (max-width: 767px) {
      .not-btn-list .save_changes-s {
        width: 100%;
        text-align: center;
        font-size: 3.5vw;
        padding: 3vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .not-btn-list .save_changes-s {
        width: 100%;
        text-align: center;
        font-size: 3.5vw;
        padding: 3vw; } }
    .not-btn-list .save_changes-s:hover {
      opacity: 1; }
  .not-btn-list .delete-s {
    width: 11vw; }
    @media (max-width: 767px) {
      .not-btn-list .delete-s {
        width: 100%;
        text-align: center;
        font-size: 3.5vw;
        padding: 3vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .not-btn-list .delete-s {
        width: 100%;
        text-align: center;
        font-size: 3.5vw;
        padding: 3vw; } }
    .not-btn-list .delete-s:hover {
      opacity: 1; }
  .not-btn-list .listed-links {
    position: absolute;
    background: #F9F9F9;
    list-style: none;
    padding: 0;
    left: 1vw;
    width: calc(100% - 1vw);
    top: 100%;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display: none; }
    .not-btn-list .listed-links[data-pair="delete-list"] {
      width: calc(100% - 2vw);
      left: 2vw; }
      .not-btn-list .listed-links[data-pair="delete-list"] li::after {
        content: "";
        width: 1vw;
        height: 1vw;
        background: url(/assets/img/cancel_black.svg);
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        right: .5vw;
        top: 35%;
        opacity: 0;
        transition: all 0.4s; }
      .not-btn-list .listed-links[data-pair="delete-list"] li:hover::after {
        opacity: .2; }
      .not-btn-list .listed-links[data-pair="delete-list"] li:hover a {
        color: #D55C5C; }
    .not-btn-list .listed-links li {
      padding: .5vw 1vw;
      background: #F9F9F9;
      border-bottom: 1px solid #D9D9D9;
      transition: all .4s;
      cursor: pointer;
      position: relative; }
      .not-btn-list .listed-links li::after {
        content: "";
        width: 0.8vw;
        height: 0.8vw;
        background: url(/assets/img/save_ico.svg);
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        right: 1vw;
        top: 35%;
        opacity: 0;
        transition: all .4s; }
      .not-btn-list .listed-links li:last-child {
        border-bottom: none;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px; }
      .not-btn-list .listed-links li:hover {
        background: #fff; }
        .not-btn-list .listed-links li:hover::after {
          opacity: 1; }
        .not-btn-list .listed-links li:hover a {
          color: #B3A26C; }
      .not-btn-list .listed-links li a {
        color: #000;
        font-weight: 400; }
        .not-btn-list .listed-links li a:hover {
          text-decoration: none; }

.p-link {
  font-size: 0.9vw;
  color: #B3A26C;
  background-color: #fff;
  border: 2px solid #B3A26C;
  background-image: url(/assets/img/right_white.svg);
  width: 40%;
  display: block;
  padding: 10px 20px;
  background-repeat: no-repeat;
  background-position: 90%;
  text-align: center;
  font-weight: 500;
  margin-top: 1vw; }
  @media (max-width: 767px) {
    .p-link {
      font-size: 4vw;
      width: 100%;
      margin-bottom: 5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .p-link {
      font-size: 4vw;
      width: 100%;
      margin-bottom: 5vw; } }
  .p-link:hover {
    text-decoration: none;
    color: #B3A26C; }

@media (max-width: 767px) {
  table.dataTable > tbody > tr.child ul.dtr-details > li {
    float: left;
    padding: 2vw !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  table.dataTable > tbody > tr.child ul.dtr-details > li {
    float: left;
    padding: 2vw !important; } }

@media (max-width: 767px) {
  .dtr-title {
    float: left !important;
    margin-right: 2vw; } }
@media (min-width: 768px) and (max-width: 991px) {
  .dtr-title {
    float: left !important;
    margin-right: 2vw; } }

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