
 .videoPlayerOverlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 1200;
	 background-color: rgba(0, 0, 0, 0.8);
	 transition-property: all;
	 -moz-transition-property: all;
	 -webkit-transition-property: all;
	 -o-transition-property: all;
	 -ms-transition-property: all;
	 transition-duration: 0.25s;
	 -webkit-transition-duration: 0.25s;
	 -ms-transition-duration: 0.25s;
	 -moz-transition-duration: 0.25s;
	 -o-transition-duration: 0.25s;
	 transition-timing-function: linear;
	 -webkit-transition-timing-function: linear;
	 -o-transition-timing-function: linear;
	 -ms-transition-timing-function: linear;
	 -moz-transition-timing-function: linear;
}
 .videoPlayerOverlay .closeIcon {
	 position: absolute;
	 right: 15px;
	 top: 15px;
	 width: 3rem;
	 z-index: 200;
	 padding: 10px;
	 border-radius: 50%;
	 border: 0;
	 background: #fff;
	 width: 30px;
	 height: 30px;
	 transition-property: transform;
	 -moz-transition-property: transform;
	 -webkit-transition-property: transform;
	 -o-transition-property: transform;
	 -ms-transition-property: transform;
	 transition-duration: 0.25s;
	 -webkit-transition-duration: 0.25s;
	 -ms-transition-duration: 0.25s;
	 -moz-transition-duration: 0.25s;
	 -o-transition-duration: 0.25s;
	 transition-timing-function: ease-in-out;
	 -webkit-transition-timing-function: ease-in-out;
	 -o-transition-timing-function: ease-in-out;
	 -ms-transition-timing-function: ease-in-out;
	 -moz-transition-timing-function: ease-in-out;
    display: flex;
}
.videoPlayerOverlay .closeIcon img {
  width: 100%;
  height: auto;
}
 .videoPlayerOverlay iframe {
	 max-width: 853px;
	 max-height: 480px;
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: auto;
	 top: 50%;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	 -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	 box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
 .videoPlayerOverlay.hiddenTransform {
	 opacity: 0;
	 visibility: hidden;
	 transform: translateY(50px);
	 -webkit-transform: translateY(50px);
}
 @media only screen and (min-width: 1200px) {
	 .videoPlayerOverlay .closeIcon:hover {
		 cursor: pointer;
		 /* background: rgba(0, 0, 0, 0.5); */
		 transform: rotate(360deg);
		 -webkit-transform: rotate(360deg);
	}
}
 
