/*S5-VIDEO =============================== */
/*S-FONTS --------------------------- */
#work .video_control_wrap span,
#work button.btn_case-study { font-family: 'Geologica', sans-serif; }
/*E-FONTS --------------------------- */

#work {  overflow: hidden; }




/*S-SUB-NAVIGATION --------------------------- */
#work button.btn_case-study { 
    left: 50%;
    position: absolute;
/*  bottom: 10%; */
	bottom: 30px;
    width: 200px;
    margin-left: -100px;
    padding: 5px 0;
    font-size: 24px;
	font-weight: 100;
    color: white;
    background: none;
    border: none;
}
#work button.btn_case-study:hover { cursor:pointer; opacity:0.8;}
/*------- */

#work .video_control_wrap { 
    position: absolute;
    border: 0px solid red;
/*  bottom: 30px;  */
	top:50%;
    left: 50%;
    margin-left: -100px;
    width: 200px;    
	height: 40px;
	display:flex;	
	justify-content: center;
}

#work .video_control_wrap i				{ position: static; font-size:38px; bottom: 6%; caret-color: transparent;}
#work .video_control_wrap i.ion-play	{ display:none; }

#work .video_control_wrap span 			{ position: absolute; 
											height: 32px;
											padding: 0 20px;
											border-radius: 20px;
											font-size:24px; 
											font-weight: 100;
											caret-color: transparent;
										 	color: white;
											background: #77777763;
											cursor:pointer;
										 }

#work .video_control_wrap span.play 	{ display:none; }


/*E-SUB-NAVIGATION --------------------------- */



/*S-VIDEO ============================================= */
#work video{
  position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
/* z-index: -1000; */ 
  overflow: hidden;
}

/*
	#work video { border: 0px solid red;
		position: absolute;
		
		width: 100%;
		left: 0;
		height: 100%;	
	}
/* MOBILE-FIRST * ------------ /
	#work video { top: 0; left: 0; width: 100%; height: 100%;}
 
 	
@media screen and (min-width: 600px) 	{
	#work video { top: 15%; left: 13%; width: 74%; }}	
@media screen and (min-width: 768px) 	{
	#work video { top: 34%; left: 8%; width: 84%; }}
@media screen and (min-width: 768px) and (orientation: landscape)	{
	#work video { top: 20%;  }}	
@media screen and (min-width: 1024px) 	{
	#work video { top: 28%; left: 18%; width: 65%; }}
@media screen and (min-width: 1280px) 	{
	#work video { top: 20%;  left: 50%;    margin-left: -450px;  width: 900px; }}
*/

/*S-MAX-HEIGHT ON-OFF ============================================ */
/* 
@media screen and (max-height: 500px) {
#work video { top: 10%; left: 15%; width: 70%; max-width:550px; }
}
*/
/*E-MAX-HEIGHT ON-OFF ============================================ */