.modalVideo {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background-color: rgba(199,218,0,0.7);
	color: #fff;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
}

.modalVideo--is-playing .modalVideo__videoContInt {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.modalVideo__video {
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
}
.modalVideo__close {
	font-size: 1.5em;
	position: absolute;
	right: 1px;
	top: -25px;
}
.modalVideo__close{
	color: #06817c !important;
	transition: all ease 0.5s;
}
.modalVideo__close:hover {
	color: #fff !important;
}
.modalVideo__videoCont {
	display: table-cell;
	vertical-align: middle;
}
.modalVideo__videoContInt {
	background: url('../images/mx/lg-sala-junior.png') no-repeat center center;
	background-color: rgba(199,218,0,1);
	margin: 0 auto;
	opacity: 0;
	max-width: 295px;
	padding-top: 40.36%;
	position: relative;
	width: 100%;
}
.modalVideo__videoContInt iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

@-webkit-keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@media screen and (min-width: 414px) {
	.modalVideo__videoContInt {
		padding-top: 30.36%;
	}
}
@media screen and (min-width: 760px) {
	.modalVideo__videoContInt {
		max-width: 595px;
		padding-top: 38.36%;
	}
}
@media screen and (min-width: 1000px) {
	.modalVideo__videoContInt {
		max-width: 786px;
	}
}
@media screen and (min-width: 1300px) {
	.modalVideo__videoContInt {
		padding-top: 28.36%;
	}
}
@media screen and (min-width: 1600px) {
	.modalVideo__videoContInt {
		padding-top: 24.36%;
	}
}
