html {
   
    min-height: 100%;
  
    
}
::-webkit-scrollbar {
    display: none;
}
body {
	    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;
/*overflow: overlay;
     bottom = footer height */
    font-family: 'Golos Text', sans-serif;
    color: white;
	background: black;
	margin: 0;
	overflow-x: hidden;
	width:100%;
	
}

#modalvid {
  display: flex;
  justify-content: center;
}

#modalvid iframe {
  width: 90%;       /* responsive width */
  
  aspect-ratio: 21/9;
}

.footer{
	z-index: 5;
	width:100%;
	padding: 20px;
	letter-spacing: 2px;
	font-family: 'Caveat', cursive;
	font-size: 1.3vw;
	/*font-family: Golos Text;*/
	color:#FFF;
	flex: 0 0 auto;
	display: flex;
	align-content: space-around;
	justify-content: space-around;
	flex-flow: row wrap;
	background: black;
}

.m_menu {
	color: DarkOrange	;
    /* bottom = footer height */
    font-family: Tahoma, sans-serif;	
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
	
}

.motto{
	display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;

	padding-top: 5vh;
	width: 100%;
}

.m_title{
	
	font-weight: bolder;
	/* bottom = footer height 
	-webkit-text-stroke: 2px black;*/
    font-size: 9vw;	
    letter-spacing: 0.5vw;
    padding-bottom: 4vh;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(../img/sparks2.jpg);

}

.m_line{
	width: 80vw;
}


.m_items{
	
	font-weight: bold;
	color: DarkOrange	;
	z-index:5;
	position: absolute;
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
	background: rgba(105, 105, 105, 0.6);
	text-align: center;
}



.m_item {
	width: 45%;
  display: inline-flex;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 2.2em;	
	
  letter-spacing: 1.5px;
  align-items: center;
  justify-content: center;

	filter: drop-shadow(1px 1px 0.3em black);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  
  font-family: Tahoma;
  color: hsla(33, 100%, 50%, 1);
  text-decoration: none;
  transition: all 1s;
}

.m_item:hover {
	color:rgba(62 66 74 / 98%);
	background: hsla(33, 100%, 50%, 1);
}

.m_item_reverse {
	border-radius: 40px 0 0 40px;
	
}

.m_item a {
padding: 2vh 0;
        width: 100%;
        height: 100%;

	display: block;
	text-decoration: none;
  	color: hsla(33, 100%, 50%, 1);
}
.m_item a:hover {

	color:rgba(62 66 74 / 98%);
}
.a2r{
  margin-left: auto;
  margin-right: 5vw;
	
}
.a2l{
  margin-left: 5vw;
  margin-right: auto;
	padding-right: 1vw;
}

/* Second Button */

#button-2 {

}

#button-2 a {
  position: relative;
  transition: all .35s ease-Out;
}

#slide {
  width: 0%;
  height: 100%;
  left: -200px;
  background: #BFC0C0;
  position: absolute;
  transition: all .35s ease-Out;
  bottom: 0;
}
#slide_r2l {
  width: 0%;
  height: 100%;
  right: -100%;
  background: #BFC0C0;
  position: absolute;
  transition: right .35s ease-Out;
  bottom: 0;
}

#button-2:hover #slide_r2l {
  right: 0;
  width: 100%;
  transition: right .35s ease-Out;
}

#button-2:hover #slide {
  left: 0;
  width: 100%;
  transition: all .35s ease-Out;
}

#button-2:hover a {
  color: #2D3142;
}


.extra_item{
	width: 100%;
	display: none;
	visibility: hidden;
	opacity: 0;	
	animation: fade 1s linear;
	    background-repeat: no-repeat;
    background-size: cover;
}

.d_active{
	display: flex;
	visibility: visible;
	opacity: 100;	
}

.extra_back_photo{
	min-height:40vw;
	max-height:90vh;
	min-width: 100%;
	position:absolute;
	z-index: -1;
}

@keyframes fade {
  0% { opacity: 0 }
  100% { opacity: 1 }
}



.to_right{
	margin-left: auto;
}

.to_center{
	margin-left: 25vw;
}


.grad_grey_back{
	 
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7987570028011204) 15%, rgba(0,0,0,0.8015581232492998) 100%);
 
 }
 
 .grad_grey_mid{
	 
background: linear-gradient(90deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.8505602924763656) 15%, rgba(0,0,0,0.8505602924763656) 50%, rgba(0,0,0,0.8505602924763656) 85%, rgba(0,0,0,0) 95%); 
 }

.grad_grey_back_rev{
	 
background: linear-gradient(90deg, rgba(0,0,0,0.804359243697479) 0%, rgba(0,0,0,0.7987570028011204) 85%, rgba(0,0,0,0) 100%);
}

.centred_back{
	    background-position: center;
}

.full_wid{
	width: 100%; 
}

.extra_text {
	padding:15vh;
	min-height:80vh;
	font-family: 'Caveat', cursive;
	font-size: 2.5em;
	width: 50vw;
}

.cast_item{
	animation: fade 2s ease-out;
	    align-items: center;
	    justify-content: space-between;
	width:90vw;
	display:flex;
	padding: 2vw;
	font-family: 'Caveat', cursive;
	font-size: 1.7vw;
		display: none;
	visibility: hidden;
	opacity: 0;
}

.fb_colwrap{
	flex-flow: column wrap;
}

.cast_list{
	height: 25vw;
	display: flex;
	width:100%;
	
	
}
.cast_list_item{
	width: 14%;
	object-fit: cover;
	clip-path: inset(0 0 15% 0);
	    -webkit-filter: sepia(85%);
       -moz-filter: sepia(85%);
         -o-filter: sepia(85%);
        -ms-filter: sepia(85%);
            filter: sepia(85%);
          animation: recolor 2s ease-out, wider 1s;
}

.wpr{
	text-align: center;
	width:unset !important;
	min-height: unset !important;
	padding: unset !important;
}

@keyframes unwider {
  100% { width: 16%; }
  0% { width: 14%; }
}

@keyframes wider {
	0% { width: 16%; }
  100% { width: 14%; }
  
}

@keyframes decolor {
  100% { 	    -webkit-filter: sepia(0%);
       -moz-filter: sepia(0%);
         -o-filter: sepia(0%);
        -ms-filter: sepia(0%);
            filter: sepia(0%); }
  0% { -webkit-filter: sepia(85%);
       -moz-filter: sepia(85%);
         -o-filter: sepia(85%);
        -ms-filter: sepia(85%);
            filter: sepia(85%); }
}
@keyframes recolor {
  0% { 	    -webkit-filter: sepia(0%);
       -moz-filter: sepia(0%);
         -o-filter: sepia(0%);
        -ms-filter: sepia(0%);
            filter: sepia(0%); }
  100% { -webkit-filter: sepia(85%);
       -moz-filter: sepia(85%);
         -o-filter: sepia(85%);
        -ms-filter: sepia(85%);
            filter: sepia(85%); }
}

.ci_list_active{
	width: 16%;
	animation: decolor 2s ease-out, unwider 1s;  
	    -webkit-filter: sepia(0%);
       -moz-filter: sepia(0%);
         -o-filter: sepia(0%);
        -ms-filter: sepia(0%);
            filter: sepia(0%);
}

.ci_active{
	display: flex;
	visibility: visible;
	opacity: 100;	
}

.ci_name{
	text-align: center;
	width:25vw;
	
	font-size: 6vw;
}
.ci_descript{
	
	width:25vw;
}

.ci_photo_container{
	    position: relative;
}

.ci_photo{
	background-size: cover;
	border: 5px solid lightslategrey;
	width:25vw;
border-radius: 41px;
	object-fit: cover;
	height: 35vw;
}

.ci_photo_container .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(86 255 243 / 60%);
    clip-path: polygon(65% 75%, 40% 65%, 40% 85%);
    -webkit-clip-path: polygon(65% 75%, 40% 65%, 40% 85%);
    transition: all 0.5s;
}
.ci_photo_container:hover .after {
	transform:scale(1.1);
    background: rgb(229, 165, 10);
}

.ci_photo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.8s;
  opacity: 0;
  background: url(../img/synop.jpg);
  background-size: 100% 100%;
}


.ci_photo_over {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.ci_photo:hover .ci_photo_over {
  opacity: 1;
}

.bs_container{
	    background: black;
	width:100%;
	display:flex;
}
.bs_m_item{
	container: bstM / inline-size;
	
	min-height:80vh;
	
	width:25%;
	background:black;
	display:flex;
	transition: width 1s ease-out;
}

.bs_m_item_act{
	width:15%;
}

.bs_m_item_act .bs_sign{
	color: steelblue;
	background:rgb(119, 118, 123);
}
.bs_m_item_pass{
	min-width: 7vw;
	width:7%;
}



.bs_m_item_pass .bs_m_txt{

   
    margin-right: 0vh;

}


@container  bstM (max-width: 3850px)
{
	.bs_sign{
		padding-top:20vh;
	align-items: center;
    
    flex-direction: column;
    display: flex;
	width: 100cqw;
	background:black;
	    color: darkkhaki;
	    transition: color 1s ease-out;
}
.bs_sign:hover{
	background:rgb(61, 56, 70);
	    color: steelblue;
}
.bs_m_img{
	padding-bottom: 8vh;
    font-size: 20cqw;
    transition: font-size 1s ease-out;
}

.bs_m_item_act .bs_m_img{
	font-size: 40cqw;
}

.bs_m_txt{
	font-family: 'Caveat', cursive;
    font-size: 20cqw;
    margin-right: 1vh;
    transition: font-size 1s ease-out;
        color: white;
}
.bs_m_item_act .bs_m_txt{
	font-size: 30cqw;
}
.bs_m_item_pass .bs_m_txt{
	font-size: 30cqw;
}
}



.bs_content{
			display: none;
	visibility: hidden;
	width:0%;
	background:grey;
}

.bs_r{
	background:black;
}
.two_col .bsbox_media{
	width:39%;
}
.three_col .bsbox_media{
	width:23%;
}

.bsbox_cb_container {
	display: none;
	width:100%;
}

.displayb{
	display: block;
}

.bs_content_box{
	padding:1vh;
	display: none;
	visibility: hidden;
	width:0%;
	background: rgb(36, 31, 49);
	opacity: 0;
	 animation: fadeInFromNone 1s ease-in-out;
}

.bs_fullscr {
	z-index: 10;
	position:fixed;
	display: none;
	visibility: hidden;	
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.9);
}

.bs_vis {
	display:flex !important; 
	visibility: visible;	
}
.bs_showbox{
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    animation:all 1s;
}


.bsb_act_img{
	position: relative;
	object-fit: cover;
	max-width: 70%;
    z-index: 4;
    border-radius: 15px;
    height: 90%;
    border: 5px solid lightslategrey;
    transition: max-width 1s linear;
    
}
.bsb_act_img:nth-child(odd){
	    position: absolute;
	z-index: -1;
	max-width: 20%;
	opacity: 0.3;
	height: fit-content;
	 transition: all 0.6s linear;
	     

}
.bsb_act_img:nth-child(1){
	
	left:10%;
}
.bsb_act_img:nth-child(3){	
	right:10%;
	
}


@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: flex;
    opacity: 1;
  }
}
@keyframes fadeOutToNone {
  0% {
     display: flex;
    opacity: 1;

  }

  99% {
    display: flex;
    opacity: 0;
  }

  100% {
       display: none;
    opacity: 0;
  }
}

@keyframes fadeInFromNonethree {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: flex;
    opacity: 0.3;
  }
}
.bs_content_box_act{
align-content: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
    visibility: visible;
    width: 100%;
    opacity: 1;
}

.bsbox_media{
padding-top: 1vh;
    /* padding: 1vh; */
    width: 19%;
    position: relative;
}

.bsbox_media .after {
    position: absolute;
    top: 0;
	left: 25%;
    width: 50%;
    height: 100%;
    display: block;
    background: rgb(86 255 243 / 60%);
    clip-path: polygon(65% 75%, 40% 65%, 40% 85%);
    -webkit-clip-path: polygon(65% 75%, 40% 65%, 40% 85%);
    transition: all 0.5s;
}
.bsbox_media:hover .after {
	
    background: rgb(229, 165, 10);
}

.bsbm_current{
	width: 80%;
}

.bsbm_current .bsb_img{
	height: 50vh;
}

.bsb_img{
	object-position: center;
    height: 29vh;
    object-fit: cover;
    /* max-height: 40vh; */
    width: 100%;
    
}
.bsb_img:hover{

   border: 5px solid lightslategrey;
    
}

.ex_placeholder{
	height: 90vh;
	width: 100%;
	background:black;
	display: block;
}

.rt-cont{
    font-size: xxx-large;
}

.nav_arr_left{
	top: 50%;
    position: fixed;
    font-size: xx-large;
    z-index: 5;
    left: 1vw;
}

.nav_arr_right{
	right: 1vw;
	top: 50%;
    position: fixed;
    font-size: xx-large;
    z-index: 5;
}
.image-shadow {
  filter: blur(10px) brightness(-100);
  -webkit-filter: blur(10px) brightness(-100);
  opacity: .5;
}

.v_film_border{
	display:flex;
	background-image: url(../img/crew_back.jpg);
	    background-size: cover;
    background-repeat: no-repeat;
	}

.h_array{
	background-image: url(../img/cin-e.png);
background-size: contain;
    width: 50%;
}
.center_h{
	
	background:rgb(0, 0, 0);
}
.hole{
	margin: 2vw;
	border-radius: 1.5vw;
    height: 3vw;
	padding: 4vw 3vw 0vw;    
    margin-top: 4vw;
	background:rgb(255, 255, 255);
    width: 5vw;
}

.crew_item{
border-radius: 7vw;
    background: white;
    margin-top: 2vw;
    display: flex;
    align-items: stretch;

    margin-bottom: 5vw;
}
.crew_item:nth-of-type(2n){

    background: orange;

}


	
.crew_txt_container{
	width:70%;
	font-size: 1.5vw;
	padding: 4vw;
	color: black;
	    flex-flow: column;
    display: flex;
        margin-bottom: 3vw;

}

.crew_pic{
	    object-position: top;
	    transform: scale(1.008);
order:1;
	object-fit: cover;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 33% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 33% 100%);
    width: 35%;
	border-radius: 0vw 7vw 7vw 0vw;
	transition: clip-path 1s;
}


.crew_item:nth-of-type(2n) .crew_pic {
	border-radius:  7vw 0vw 0vw 7vw ;
  	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  	-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  	transition: clip-path 1s;
  	order:0;
}

.crew_item:nth-of-type(2n) .crew_pic:hover {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.crew_pic:hover {
  	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.crew_txt_title{
	font-weight: bold;
    text-align: center;	
    font-size: 2vw;
        margin: 2vw;

}

.sb_container{
	align-items: center;
	min-height: 100vh;
	    width: 100%;
    justify-content: center;
    display: flex;
	background: rgba(0,0,0,0.5);
}

.sb_item{
	text-align: center;
	flex-direction: column;
	font-size: 5vw;
	padding: 0 10vh 0 10vh;
	visibility: hidden;
	display: none;
	animation: fade 1s linear;
}
.sb_cont_b{
    justify-content: center;

    width: 100%;
	display: flex;
}
.sb_item_b{
		visibility: hidden;
	display: none;
	animation: fade 1s linear;
height: 90VH;

    background-size: cover;
    background-position: TOP;
}

.sb_item_b_act{
			visibility: visible;
	display: flex;
}

.sb_subtext{

    font-size: 2vw;

}
.sb_act{
	visibility: visible;
	display: flex;
	
}
.sb_motto{

	padding: 5vh 0 5vh 0;
	text-shadow: 1px 1px 2px #ffdf00, 0 0 1em #3c3c3c, 0 0 0.2em black;
	font-family: 'Caveat', cursive;
}
.sb_img_cont{
	    justify-content: center;
	  align-items: stretch;
    display: flex;  
}
.sb_subim{
	           
            padding: 10px; 
            margin: 10px; 
}

.sb_subim .sb_img{
	width:100%;
	max-height: 50vh;
	    
}
.sb_img{
	
	max-height: 50vh;
	    
}

@keyframes slide {
    100% { left: 0; }
}

.m_sub{
	font-size: 2vw;	
    letter-spacing: 1vw;
    font-style: italic;
}

.main_body{
	display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    transition: all 1s;
}


.backvid{
	width: 99vw;
}

.divvid{
   background: green;

}

.video-wrapper:before{
	    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
	background: rgba(0, 0, 0, 0.1);
}


.halftone {
 	z-index:4;
  --stop1: 0.03rem;
  --stop2: 0.75rem;
}

.halftone::after {
	z-index:3;
  /* Cover our element */
  content: '';
  position: absolute;
  inset: 0;

  /* Dotted background */
  background-image: radial-gradient(
    circle ,
    black 0.03rem,
    transparent 0.75rem
  );

  background-image: -webkit-radial-gradient(
    circle ,
    black 0.03rem,
    transparent 0.75rem
  );
  background-size: 1.3rem 1.3rem;
  background-position: 0 0, 0.65rem 0.65rem;
}

.video-wrapper {

	
  position: relative;
  width: 99vw;
  
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.video4 {
	min-height: 500px;
  /** Simulationg background-size: cover */
  object-fit: cover;
  height: 100%;
  width: 100%;

  top: 0;
  left: 0;
}


#pixie {
  z-index:10;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
#container {
  overflow:hidden;
  position:relative;
  height: 100%;
  width: 100%;
  background:-o-linear-gradient(top, #000, #257eb7);
	background:-ms-linear-gradient(top, #000, #257eb7);
	background:-moz-linear-gradient(top, #000, #257eb7);
	background:-webkit-linear-gradient(top, #000, #021522);
 	background:linear-gradient(top, #000, #257eb7);	   
      filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#040429', EndColorStr='#257eb7');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#040429', EndColorStr='#257eb7')";
}

.button {
	background: green;
	width:12em;
	max-width: 45vw;
}

.glue_bottom {
	position: sticky;
	position: -webkit-sticky;
	z-index: 5;
  	bottom: 5%;
  	min-height: 2em;
  	
}

.maincontainer {
	width: 100%;
}

.laurels_cont{
    width: 100%;

    justify-content: space-around;
    top: 40vh;
    z-index: 5;
    position: absolute;
    display: flex;

}
@keyframes opa {
  from {
    opacity: 100%;

  }
  50% {
	opacity: 1%;
  }
  to {
	opacity: 100%;
  }
}
.laurel{
	  animation-name: opa;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out ; 
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(3deg) brightness(95%) contrast(80%) drop-shadow(1px 1px 10px rgba(255,255,255,1));
    margin: 10%;
    width: 30vw;
}

.glue_cont {
	display:flex;
	justify-content: space-evenly;
}

.quote_container {
	font-style:italic;
	max-width:90vw;
	width:80em;
	margin: 8em 0;
}

.f2s{
	font-style: normal;
	font-family: Golos Text;
}
.to_center{
	margin-left: auto;
    margin-right: auto;
}
.to_right{
	text-align: right;
}

.quote_text_container {
	font-family: 'Caveat', cursive;
	font-size: 2em;
	max-width:90vw;
	width: 35em;
}

.v_trailer{
	margin:3vw 10vw;
	width:80%;
}

.trailer{
	background:Sienna;
	padding-top: 3vw;
}

.tr_heading{
	text-align: center;
	font-size: 3em;
}

.centred_txt{
	text-align: center;
}

.popup{
	max-height: 85%;
	max-width: 85%;
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width:100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s; 
-o-transition: opacity .5s;
transition: opacity .5s;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
visibility: hidden;
display:none;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсора */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.error{
	align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100vh;
    background: grey;
    display: flex;
}
.absolute_backimage{
	    -webkit-text-stroke: 2px black;
    text-stroke: 2px black;
	text-shadow: rgb(102 61 23 / 52%) 0px 3px 3px;
	position:absolute;
	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.glowing_calmly{
  -webkit-animation: glow 10s ease-in-out both infinite;
          animation: glow 10s ease-in-out both infinite;
}

@-webkit-keyframes glow {
  0%, 100% {
    text-shadow: 0 -25px 50px Peru, -25px 25px 50px DarkOrange, 25px 25px 50px Peru;
  }
  33% {
    text-shadow: 0 -25px 50px PaleGoldenrod, -25px 25px 50px Peru, 25px 25px 50px PaleGoldenrod;
  }
  66% {
    text-shadow: 0 -25px 50px DarkOrange, -25px 25px 50px PaleGoldenrod, 25px 25px 50px DarkOrange;
  }
}

@keyframes glow {
  0%, 100% {
    text-shadow: 0 -25px 50px Peru, -25px 25px 50px DarkOrange, 25px 25px 50px Peru;
  }
  33% {
    text-shadow: 0 -25px 50px PaleGoldenrod, -25px 25px 50px Peru, 25px 25px 50px PaleGoldenrod;
  }
  66% {
    text-shadow: 0 -25px 50px DarkOrange, -25px 25px 50px PaleGoldenrod, 25px 25px 50px DarkOrange;
  }
}

.hidden {
	display: none;
}

.return_arrow {
top: 2vw;
    position: absolute;
    right: 2vw;
}

.return_arrow:hover {
	transform: rotateZ(180deg);

	transition: all 1s;

}

.crew_i{
	display:flex;
	
}

.crew_i_photo_container{
	width:10%;
}

.fixed {
	
	height: 100vh;
}


#wwa_over {
  position:absolute;
}

.crew_i_photo{
	height: 100vh;
}

.crew_i_description{
width:100%;
background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.9) 20%, rgba(0,0,0,1) 100%); 
	padding: 10% 10% 10% 30% ;
}
.link{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 111;
  }

.crew_i_title{
	background: #BFC0C0;
	border-radius: 22vw 0 0 22vw;

    padding: 2vw 5vw;
    font-size: 3em;
    width: 100%;
    position: absolute;
    top: 0;

}

.crew_i_name{

    font-size: 2em;
	padding: 1vw;
	padding-top: 2vw;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.crew_i_text{
	text-align: justify;
    font-size: 1.5em;
	padding: 1vw;

}



.huge{

    font-size: 4.5em;


}

.picker{

	padding: 2em 0em 2em;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	justify-content:space-around;
	align-items: center;
}

.p_item{
	cursor: pointer;
	color: white;
    text-decoration: none;
	-webkit-text-stroke: 1px orange;
	text-stroke: 1px orange;
	text-transform: uppercase;
	    text-shadow: #FC0 1px 0 10px;
	letter-spacing: 0.15em;
	    text-align: center;
	font-size: 1.5em;
	padding: 20px;
	transition: all 1s ease-Out;
	
	    -webkit-filter: grayscale(80%);
       -moz-filter: grayscale(80%);
         -o-filter: grayscale(80%);
        -ms-filter: grayscale(80%);
            filter: grayscale(80%);
}

.p_item a{
  	color: white;
  	text-decoration: none;
}

.p_item:hover{
	color: #fcff00;
		    -webkit-filter: grayscale(60%);
       -moz-filter: grayscale(60%);
         -o-filter: grayscale(60%);
        -ms-filter: grayscale(60%);
            filter: grayscale(60%);
}
.p_active > .glow_ex { animation-play-state: running; }
.p_item:hover > .glow_ex { animation-play-state: running; }

.p_active{
	color: rgb(249, 240, 107);
    -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
         -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
            filter: grayscale(0%);
            animation: pman 7s infinite; 
}

@keyframes pman {

    0% {
	-webkit-text-stroke: 1px orange;
	text-stroke: 1px orange;
     }
     33% {
	-webkit-text-stroke: 1px orangered;
	text-stroke: 1px orangered;	
	}
     66% {
	-webkit-text-stroke: 1px ivory;
	text-stroke: 1px ivory;
     }
     100% {
	-webkit-text-stroke: 1px orange;
	text-stroke: 1px orange;
     }
}

@-webkit-keyframes rotate_scale {

    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: scale(1);
     }
     50% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: scale(1);
     }
     100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
        transform: scale(2);
     }
}
@keyframes rotate_scale {

    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: scale(1);
     }
     50% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        transform: scale(1);
     }
     100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
        transform: scale(2);
     }
}


@media only screen and (max-width: 1200px) {
	.huge {

    font-size: 3.5em;
}

.crew_i_photo{
  margin-left: auto;
  margin-right: auto;	
	width: 100vw;
	height: 100%;
}
.crew_i_description{

	padding: 10% ;
}
.crew_i{

	flex-wrap: wrap-reverse;
}
.crew_i_photo_container {


    width: 100vw;
}
.glowing-btn {
	font-size: 1em !important;
}
.m_item {
	font-size: 1.5em ;
	}
	.video-wrapper {
		height:40vw;
	}
	.quote_container {
		margin: 8em auto 2em auto;
	}
		.footer {
		font-size: 1.2em;
	}
	.p_item {
		width: 25%;
		font-size: 1em;
		}
	.extra_text {
    padding: 10%;

    font-size: 1.7em;
    width: 100%;
}
.grad_grey_mid {
    background:  rgba(0,0,0,0.8) ;
}
.grad_grey_back_rev {
background:  rgba(0,0,0,0.8) ;
}
.sb_item_b {
    width: 100vw;
    
    height: unset;

}
}


@media only screen and (max-width: 600px) {
	.huge {
    padding-bottom: 3vh;
    font-size: 2.5em;
}

.laurels_cont{
	flex-flow: column;
        top: 20vh;
        align-items: center;

}
.laurel{
	        width: 65%;

}
	
	.m_items{
    	-webkit-text-stroke: 0px black;
  	}
	
  	.m_item{
    	font-size: 0.9em !important;
  	}
  	.m_sub{
    	font-size: 0.6em;
  	}
  	.m_title{
    	-webkit-text-stroke: 1px black;
    	padding-bottom: 2vh;
  	}
  	
  	.quote_text_container{
		font-size: 1.5em;
	}
	
	.crew_item {
    width: 80vw;
    flex-direction: column-reverse;

    align-items: center;

}
.crew_pic {
    height: 45vh;
	clip-path: unset;
    width: 100%;
	border-radius: 7vw;
    transition: clip-path 1s;
}	
.crew_txt_container {
    width: unset;
    font-size: 1.2em;
    padding: 2em;
   
    margin-bottom: unset;
}
.crew_txt_title {
 
    font-size: 1.5em;
    margin-bottom: 1em;
}

.crew_item:nth-of-type(2n) .crew_pic:hover {
    clip-path: unset;
}

.crew_item:nth-of-type(2n) .crew_pic {
    border-radius: 7vw;
    clip-path: unset; 
    transition: unset; 
    order: 1; 
}

.cast_list {
    justify-content: space-between;
    flex-wrap: wrap;
    height: unset; 

}

.cast_list_item {
    width: 25%;

    animation: recolor 2s ease-out;
}

.ci_list_active {
 	width: 25%;
}

.cast_item {
    flex-direction: column;

}

.ci_name {
    padding: 10%;
    text-align: center;
    width: 90%;
    font-size: 5em;
}
.ci_photo {
    object-position: top;
    
    width: 70vw;

    height: 80vw;
}
.bs_container {
    flex-direction: column;
   
    width: 100%;

}
.bs_m_item {
    height: 4em;

    min-height: unset; 
    width: 100%;

}

.bs_m_item_act {
    width: unset;
}

.bs_m_item_pass {
    width: unset;
}

.bs_content_box {
    order: 4;

}

@container  bstM (max-width: 600px){
	
.bs_m_item_act .bs_m_txt {
    font-size: 4cqh;
}

.bs_m_item_act .bs_m_img {
    font-size: 3cqh;
}
.bs_m_img{
	padding-right: 6cqw;
    padding-bottom: unset;
    font-size: 2cqh;

}
.bs_m_item_pass .bs_m_txt {
    font-size: 4cqh;
}


}
.bs_sign {
    
	flex-direction: unset; 
	padding-top: unset;
    width: 100%;
	justify-content: center;
}





.bs_m_txt {

    font-size: 2em;
    margin-right: 1vh;

}

.bs_m_item_pass .bs_m_txt {
    
    margin-right: 0vh;
}

.bsbox_media .after {

    left: 0;
    width: 100%;

}
.p_item {
	width: 50%;
    font-size: 1em;
}

.displayb {
    order: 5;

}
	@-webkit-keyframes glow {
  0%, 100% {
    text-shadow: 0 -5px 10px Peru, -5px 5px 10px DarkOrange, 5px 5px 10px Peru;
  }
  33% {
    text-shadow: 0 -5px 10px PaleGoldenrod, -5px 5px 10px Peru, 5px 5px 10px PaleGoldenrod;
  }
  66% {
    text-shadow: 0 -5px 10px DarkOrange, -5px 5px 10px PaleGoldenrod, 5px 5px 10px DarkOrange;
  }
}

@keyframes glow {
  0%, 100% {
    text-shadow: 0 -5px 10px Peru, -5px 5px 10px DarkOrange, 5px 5px 10px Peru;
  }
  33% {
    text-shadow: 0 -5px 10px PaleGoldenrod, -5px 5px 10px Peru, 5px 5px 10px PaleGoldenrod;
  }
  66% {
    text-shadow: 0 -5px 10px DarkOrange, -5px 5px 10px PaleGoldenrod, 5px 5px 10px DarkOrange;
  }
}


}