:root {
  --booked-cell-color: #283d40; /* #6b3d13 */
  --header-cell-color: #dfebd8; /* #6b3d13 */
  --time-cell-color: #6ca388; /* #6b3d13 */
  --free-cell-hover-color: #aad4c1; /* #6b3d13 */
  --book-form-color: #d3a467;
  --texts-color: #6ba289;
}

@font-face {
    font-family: 'Micra';
    font-style: normal;
    font-weight: 400;
    src: local('Micra'), local('Micra-Normal'),
		url(../fonts/micra/micra.woff) format('woff'),
        url(../fonts/micra/micra.ttf) format('truetype');
}

.moving-texts {
	padding-top: 70px;
}

.the-experiment,
.the-experiment span {
    font-family: 'Micra', arial;
    font-size: 50px;
	text-align: center;
	white-space: nowrap;
	color:#fff;
	line-height: 1;
}

.sub-text {
	color:#fff;
	padding-top: 10px;
	padding-right: 15px;
}

.sub-text span.tada,
.the-experiment span.tada,
.left_elements li span.tada {
	display: inline-block;
	animation: tada 20s linear infinite;
}

.sub-text span.swing,
.the-experiment span.swing,
.left_elements li span.swing {
	display: inline-block;
	animation: swing 18s linear infinite;
}

.sub-text span.wobble,
.the-experiment span.wobble,
.left_elements li span.wobble {
	display: inline-block;
	animation: wobble 23s linear infinite;
}

.sub-text span.wobble1,
.the-experiment span.wobble1,
.left_elements li span.wobble1 {
	display: inline-block;
	animation: wobble 27s linear infinite;
    animation-delay: 5s;
}


.sub-text span.jello,
.the-experiment span.jello,
.left_elements li span.jello {
	display: inline-block;
	animation: jello 15s linear infinite;
}

.sub-text span.pulse,
.the-experiment span.pulse,
.left_elements li span.pulse {
	display: inline-block;
	animation: largesmall 20s linear infinite;
}

@keyframes largesmall {
  from, 0%, to {
    -webkit-transform: none;
    transform: none;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes largesmall {
  from, 0%, to {
    -webkit-transform: none;
    transform: none;
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes jello {
  from, 0%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12deg) skewY(-12deg);
    transform: skewX(-12deg) skewY(-12deg);
  }

  33.3% {
    -webkit-transform: skewX(3deg) skewY(3deg);
    transform: skewX(3deg) skewY(3deg);
  }

  44.4% {
    -webkit-transform: skewX(-3deg) skewY(-3deg);
    transform: skewX(-3deg) skewY(-3deg);
  }

  55.5% {
    -webkit-transform: skewX(12deg) skewY(12deg);
    transform: skewX(12deg) skewY(12deg);
  }

  66.6% {
    -webkit-transform: skewX(-1.5deg) skewY(-1.5deg);
    transform: skewX(-1.5deg) skewY(-1.5deg);
  }

  77.7% {
    -webkit-transform: skewX(6deg) skewY(6deg);
    transform: skewX(6deg) skewY(6deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1deg) skewY(-0.1deg);
    transform: skewX(-0.1deg) skewY(-0.1deg);
  }
}

@keyframes jello {
  from, 0%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12deg) skewY(-12deg);
    transform: skewX(-12deg) skewY(-12deg);
  }

  33.3% {
    -webkit-transform: skewX(3deg) skewY(3deg);
    transform: skewX(3deg) skewY(3deg);
  }

  44.4% {
    -webkit-transform: skewX(-3deg) skewY(-3deg);
    transform: skewX(-3deg) skewY(-3deg);
  }

  55.5% {
    -webkit-transform: skewX(12deg) skewY(12deg);
    transform: skewX(12deg) skewY(12deg);
  }

  66.6% {
    -webkit-transform: skewX(-1.5deg) skewY(-1.5deg);
    transform: skewX(-1.5deg) skewY(-1.5deg);
  }

  77.7% {
    -webkit-transform: skewX(6deg) skewY(6deg);
    transform: skewX(6deg) skewY(6deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1deg) skewY(-0.1deg);
    transform: skewX(-0.1deg) skewY(-0.1deg);
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes swing {
    20% {
    -webkit-transform: rotate3d(0, 0, 1, 12deg);
    transform: rotate3d(0, 0, 1, 12deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -12deg);
    transform: rotate3d(0, 0, 1, -12deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 8deg);
    transform: rotate3d(0, 0, 1, 8deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -8deg);
    transform: rotate3d(0, 0, 1, -8deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
    20% {
    -webkit-transform: rotate3d(0, 0, 1, 12deg);
    transform: rotate3d(0, 0, 1, 12deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -12deg);
    transform: rotate3d(0, 0, 1, -12deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 8deg);
    transform: rotate3d(0, 0, 1, 8deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -8deg);
    transform: rotate3d(0, 0, 1, -8deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  30% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  30% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
   -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
   -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.video_holder_dejavu {
	height: 2000px;
}

.background-images-holders {
	width: 100%;
	position: absolute;
	transition: opacity 2s linear;
}

.background-images-holders.hidden {
	opacity: 0;
}

.background-images-holders::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1000;
}

.moving_background_holder img {
	width: 100%;
}

.moving-image-cage {
	margin-bottom: 0px;
	height: 270px;
}

.moving-image-cage img:first-child,
.moving-image-cage img {
	opacity: 0.1;
	transition: opacity 2s linear;
}

.moving-image-cage img.visible {
	opacity: 1;
}

.descr_dj {
	border-bottom: 1px solid var(--texts-color);
	
}

.descr_dj p {
	text-align: center;
	font-family: 'Micra', arial;
	font-size: 20px;
	letter-spacing: 2px;
	color: var(--texts-color);
}

.img_woman_dj {
	border: 1px solid var(--texts-color);
}

.text_descr_ready h2 {
	margin-left: -10px;
	padding-left: 0;
}

.text_descr_ready div {
	margin-left: -40px;
}

.text_descr_ready div p {
	color: var(--texts-color);
}

.text_descr_ready > div:last-of-type {
	color: #a3998d;
	font-size: 20px;
}

.block_book_dj * {
	color: var(--texts-color);
}

.block_book_dj li::before {
	background-color: var(--texts-color);
}

.colHeader {
	border: solid 2px var(--header-cell-color);
    color: var(--header-cell-color);
}

.timeCell {
	border: solid 2px var(--time-cell-color);
    color: var(--time-cell-color);
}

.timeCell.booked_time, 
.timeCell.passed {
	color: #000;
    border-color: var(--booked-cell-color);
}

.timeCell.booked_time:hover {
	border-color: var(--booked-cell-color);
}

.timeCell.free_time:hover {
	border: solid 2px var(--free-cell-hover-color);
    color: var(--free-cell-hover-color);
}

.price_dj div p {
	color: #9a9a9a;
}

.text_after_logo {
	padding-top: 17px;
}

.table_container {
	margin-top: 110px;
}

.butn_next .right_arrow, 
.butn_next .left_arrow {
	border-color: #d8e4eb;
	
}

.bookingFormWrapper .formBtn {
	background: var(--book-form-color) !important;
	color:#000 !important;
}

.bookingFormWrapper .clickButtons:hover, 
.bookingFormWrapper .clickButtons.selected {
    background: var(--book-form-color) !important;
    color: #f3f3f3;
}

input[type="radio"]:checked + span, 
input[type="checkbox"]:checked + span {
    background: var(--book-form-color) !important;
}

@media only screen and (max-width: 700px) {
	.video_holder_dejavu > div::after {
		content: '';
		position: absolute;
		inset: 0 0 -210px 0;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 1) 100%);
	}

	.text_descr_ready h2 {
		font-size: 16px;
	}	
	
	.descr_dj {
		border: none;
	}
	
	.the-experiment,
	.the-experiment span {
		font-size: 38px;
	}
}