/* .video_sec .two_col_inner { align-items: center; } */
.fancybox-slide--video .fancybox-content {
  overflow: initial !important;
}

.fancybox-close-small {
  top: -35px;
}
.video {
  width: 47%;
  height: 350px;
}

.video img {
  width: 100%;
}

.video_inner a {
  display: inline-block;
  border-radius: 24px;
  box-shadow: 0 0 12px 0 rgba(50,230,253,.78);
  border: 2px solid #38E6FD;position: relative; z-index: 0;
}
.video_inner a:after { content: ''; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  background-repeat: no-repeat; background-size: contain; background-position: center; 
  width: 89px; height: 89px; border-radius: 100%; transition: all 0.5s; }
.video_inner a:hover:after { transform: translate(-50%, -50%) scale(1.1); }

.two_col_inner { padding: 6em 0; }

.video_sec .two_col_con {
  width: 47.5%;
  margin-left: 30px; 
}
.video {
  width: 47%;
}

.video_inner img {
  width: 100%;
}

.video a {
  display: inline-block;
  border-radius: 24px;
  box-shadow: 0 0 12px 0 rgba(50,230,253,.78);
  border: 2px solid #38E6FD;
}

.video_sec .two_col_con {
  width: 47.5%;
}

.video_sec .common_btn a {
  font-size: 16px;
}

.video_sec .common_btn {
  padding-left: 24px;
  box-sizing: border-box;
}

.video_inner, .image_inner {
  border-radius: 24px;
  box-shadow: 0 0 12px 0 rgba(50,230,253,.78);
  border: 2px solid #38E6FD;
  overflow: hidden;
  cursor: pointer;
}

.cover {
  background-image: url('https://images.unsplash.com/photo-1486375680560-d2653bf9c829?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&s=4f2dcc9ba4133c23f906d19e10950976');
  background-size:100%;
  background-repeat:no-repeat; background-position: center; 
  width:100%;
  height: 100%;
  position: relative;
}
video {
  opacity:0;
  width:100%;
  transition: 1s;
  position:absolute;
  z-index:-1;
  height: 100%;

}
.video_inner { height: 100%; width: 100%; cursor: pointer;}
.image_inner {
  height: 100%;
}

.image_inner img {
  height: 100% !important;
  object-fit: cover;
}
iframe {     width: 100%;
  height: 100%;
  position: relative;}
div#cover img { height: 100%; object-fit: cover; }

.video_wrapper {
  width: 100%; height: 100%;
  margin: 0 auto;
  position: relative; cursor: pointer; 
}

.videoIframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image:url(https://static.vecteezy.com/system/resources/thumbnails/025/067/762/small_2x/4k-beautiful-colorful-abstract-wallpaper-photo.jpg);
  background-repeat: no-repeat; background-size: cover; background-position: center; 
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s; cursor: pointer;
}

.videoPoster:before, .cover:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;transform: translate(-50%, -50%);
  width: 62px;
  height: 62px;
  border-radius: 100%;background-repeat: no-repeat;
  background-size:contain; background-position: center; transition: all 0.5s; 
}
.videoPoster:hover:before, .cover:hover:before{transform: scale(1.2) translate(-50%, -50%); transition: all 0.5s;  } 
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
.two_col_sec { position: relative; z-index: 0;  }

@media(max-width: 1199px){
  .video { width: 46%; } 
  .video_sec .two_col_con { width: 50%; }
}
@media(max-width: 767px){
  .video { width: 100%; } 
  .video_sec .two_col_con { width: 100%; }
  .video_wrapper, .cover { padding-top: 56.25%; }
  .video_sec .two_col_con { margin-top: 20px; }
  .video_sec .common_btn { padding-left: 0; }
  .videoPoster:before, .cover:before { width; 40px; height: 40px; }
}