.video{
	width:100% !important; 
	height:auto !important; 
	border:1px solid #999 !important; 
	background-color:#fff !important;
}
.image{
	width:476px !important; 
	height:547px !important;
}
@media (max-width: 1549px) {
	.video{
		width:99.4% !important;
		height:auto !important;
	}
	.image{
		width:420px !important;
		height:466px !important;
	}
}
@media (max-width: 1349px) {
	.image{
		width:380px !important; 
		height:424px !important;
	}
}
@media (max-width: 1199px) {
	.image{
		width:330px !important; 
		height:366px !important;
	}
}
@media (max-width: 1049px) {
	.video{
		width:99.1% !important;
		height:auto !important;
	}
	.image{
		width:315px !important;
		height:345px !important;
	}
}
@media (max-width: 991px) {
	.video{
		width:100% !important;
		height:auto !important;
	}
	.image{
		width:240px !important;
		height:266px !important;
	}
}
a.custom {
	display:inline-block;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border:0px solid #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	text-decoration:none;
}
a.custom:hover {
	transition:all .3s;
	transform:scale(1.1);
}

.fx-fadeIn {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fx-fadeIn;
  animation-name: fx-fadeIn;
}
@-webkit-keyframes fx-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fx-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fx-fadeOut {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fx-fadeOut;
  animation-name: fx-fadeOut;
}
@-webkit-keyframes fx-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fx-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}