/** End Template Kit CSS: Theatre Company (css/customizer.css) **/

.sub-menu-toggle{display:none;}
.bdt-prime-slider-skin-coral .bdt-ps-thumbnav, .bdt-prime-slider-skin-coral .bdt-ps-dotnav, .bdt-prime-slider-skin-coral .bdt-navigation-arrows {display: none!important;}
.page-id-1515 header {background: #000 !important;}

 .elementor-posts--thumbnail-top .elementor-post .elementor-section .elementor-column .elementor-widget-wrap .elementor-widget.elementor-widget-image-box figure.elementor-image-box-img img{  height: 260px!important;
	object-fit: cover;
	 
 } 

.costom-box .elementor-widget-wrap>.elementor-element .elementor-column .box-img-text.elementor-widget.elementor-widget-icon-list {
	position: absolute;
}

.costom-box .elementor-widget-wrap>.elementor-element .elementor-column .box-img-text.elementor-widget.elementor-widget-icon-list .elementor-widget-container ul.elementor-icon-list-items {
	display: flex;
}
.costom-box .elementor-widget-wrap>.elementor-element .elementor-column .box-img-text.elementor-widget.elementor-widget-icon-list .elementor-widget-container ul.elementor-icon-list-items li.elementor-icon-list-item {
	font-family: Satoshi;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000;
	background: #dadada;
	text-transform: uppercase;
	padding: 4px 8px;
	border-radius: 6px;
	margin: 14px 0px 0 14px;
}
 

.page-template-template-event-new .conatiner.mt-5.my-event {
	overflow-x: hidden;
	margin-top: 0 !important;
}
.page-template-template-event-new .top-bg {
	width: 100%;
	margin-top: 0;
}
.page-template-template-event-new .top-bg .banner-content {
	position: absolute;
	bottom: 30px;
	padding-left: 5%;
}
.page-template-template-event-new .top-bg img {
	max-height: 400px;
	width: 100%;
	object-fit: cover;
	object-position: top;
}

.page-id-1515 .my-forms {margin-top: 65px;}
.new-menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.page-id-1667 .new-menu{ display:block;}
.page-id-1667 header.elementor-section { display: none; }
 /* The Overlay (background) */
.new-menu .overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.new-menu .overlay-content {
	position: relative;
	top: 10%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	display: flex;
}

/* The navigation links inside the overlay */
.new-menu .overlay a {
  padding: 8px;
  text-decoration: none;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.new-menu .overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.new-menu .overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.menu-left {
	text-align: left;
	flex: 0 0 25%;
}
.new-menu .overlay .menu-left a {
	color: #fff;
	font-weight: 100 !important;
}
.menu-right {
	flex: 0 0 75%;
	justify-content: center;
}
.hover-menu-box {
	display: none;
	position: absolute;
	right: 25%;
	top: 10%;
	transition: ease-in-ease-out 1s;
}
.hover-menu-box img {
	width: 300px;
	height: 300px;
	border-radius: 50%;
	object-fit: cover;
}
/*.menu-left a.c-menu-1:hover + .menu-right .hover-menu-box.hover-menu-1{ display: block; }
.menu-left a.c-menu-2:hover .menu-right .hover-menu-box.hover-menu-2{ display: block; }
.menu-left a.c-menu-3:hover .menu-right .hover-menu-box.hover-menu-3{ display: block; }
.menu-left a.c-menu-4:hover .menu-right .hover-menu-box.hover-menu-4{ display: block; }
.menu-left a.c-menu-5:hover .menu-right .hover-menu-box.hover-menu-5{ display: block; }
.menu-left a.c-menu-6:hover .menu-right .hover-menu-box.hover-menu-6{ display: block; }*/

.new-menu .menu-left ul {
	padding: 0;
}
.menu-left li:hover > .hover-menu-box {
	display: block;
}

.menu-left li{ display: block; }
.menu-left li a{
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	display: block;
	position: relative;
  color: #fff;
  font-weight: 100 !important;
  font-size: 24px;
  line-height: 30px;
}

.menu-left li a:hover::before, .menu-left li a:focus::before, .menu-left li a:active::before {
	right: 0;
}
.menu-left li a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #fff;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}


.menu-icon em{
  animation: blink 1s linear infinite;
  -webkit-animation: blink 1s linear infinite;
}

@keyframes zooming {
  0% {
	transform: scale(1);
  }
  100% {
	transform: scale(1.1);
  }
}
.zoom-content {
  animation-name: zooming;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
}
@keyframes blink{
0%{opacity: 0;}
100%{opacity: 1;}
}


@media (max-width: 767px){
  .page-template-template-event-new .top-bg { margin-top: 18vw; }
  .page-template-template-event-new .she-header-transparent-yes.header { background: #000 !important; }
}
@media (max-width: 480px){
  .page-template-template-event-new .top-bg { margin-top: 25vw; }
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .new-menu .overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 35px;
  }
} 

@media screen and (max-width: 667px)
{
.envato-kit-81-center-slides .elementor-slide-content{max-width: 100% !important;	text-align: center;}
.page-id-1515 #progressbar {padding: 0;}
.page-id-1515 .my-forms {margin: 60px 0;width: 100%;}
}

.goBack{
	padding: 25px 0 0;
}
.goBack a{
		font-size: 18px;
		line-height: 25px;
	font-weight: bold;
		color: #000;
	font-family: "Satoshi", Sans-serif;
}
.goBack a i{
	padding-right: 10px;
}


@media screen and (max-width: 1399px){
	.goBack{
		padding-left: 20px;
	}
}


.cast_creatives figure.image-box-img {
	width: 86px;
	height: 86px;
	line-height: 0px!important;
	border-radius: 50%;
	overflow: hidden;
	background-color: #f5f5f5;
	padding-top: 0px!important;
	flex: 0 0 86px;
	-webkit-flex: 0 0 86px;
}