/*LOGIN*/

.blocked-video .with-video-big:after{
	display: none;
}
.blocked-article-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
	left: 0;
	background-color: rgba(12, 3, 12, 0.77);
	text-align: center;
	font-family: 'Uni-Sans-Regular';
}
.blocked-article-wrap .center-content{
	width: 94%;
}
.blocked-article-wrap p i{
	display: block;
	margin: 0 auto 10px;
	width: 36px;
	height: 36px;
	background-color: #676767;
	text-align: center;
	padding-top: 7px;
	border-radius: 50%;
	opacity: 0.75;
}
.blocked-article-wrap p i:after{
	content: ' ';
	background: url(http://ahn.dev.mega.cl/website/templates/_static/consola/images/sprites-mega.png) no-repeat -140px -1px;
	display: inline-block;
	width: 17px;
	height: 20px;
}
.blocked-article-wrap .button{
	padding-top: 8px;
	padding-bottom: 9px;
	letter-spacing: 0.5px;
	display: inline-block!important;
	background-color: #693096;
	font-family: 'Uni-Sans-Bold';
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	font-size: 1.4em;
	text-transform: uppercase;
}
.blocked-article-wrap .button:hover {
	opacity: 0.8;
}
.blocked-article-wrap .register-button{
	background-color: #4f214e;
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	font-size: 1.4em;
	font-family: 'Uni-Sans-Bold';
	text-transform: uppercase;
}
.blocked-article-wrap .register-button:hover {
	opacity: 0.8;
}
.blocked-article-wrap .enter-button{
	margin-bottom: 15px;
}
.blocked-article-wrap p{
	display: block!important;
	font-size: 1.6em;
	font-weight: 300;
	color: #FFF;
	margin-bottom: 6px;
}


@media (min-width: 320px) and (max-width: 374px) {
.media-container{
	position: relative;
}
.blocked-article-wrap{
	background-color: #232323;
}
.blocked-article-wrap .center-content{
	width: 90%;
}
.blocked-article-wrap p{
	line-height: 1;
	font-size: 1.2em;
}
.blocked-article-wrap p i{
	display: none;
} 
.blocked-article-wrap .button {
    font-size: 1em;
}
    
}

@media (min-width: 375px) and (max-width: 413px) {
.media-container{
	position: relative;
}
.blocked-article-wrap{
	background-color: #232323;
}
.blocked-article-wrap .center-content{
	width: 90%;
}
.blocked-article-wrap p{
	line-height: 1;
	font-size: 1.2em;
}
.blocked-article-wrap p i{
	display: none;
}
.blocked-article-wrap .button {
    font-size: 1em;
}    
}

@media (min-width: 414px) and (max-width: 479px) {
.media-container{
	position: relative;
}
.blocked-article-wrap{
	background-color: #232323;
}
.blocked-article-wrap .center-content{
	width: 90%;
}
.blocked-article-wrap p{
	line-height: 1;
	font-size: 1.2em;
}
.blocked-article-wrap p i{
	display: none;
}
.blocked-article-wrap .button {
    font-size: 1em;
}
    
}



.vert-center{
	height: 100%;
	position: relative;
}
.vert-center:before{
	content: ' ';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.vert-center .center-content{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	z-index: 2;
    padding-top: 10%;
}


/*IFRAME*/

body.log-active{
	overflow: scroll;
}
.log-iframe-wrap{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	text-align: center;
	display: none;
}
body.log-active .log-iframe-wrap{
	display: block;
}
.log-iframe-wrap:after{
	content: ' ';
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	width: 1px;
}
.log-iframe-wrap .iframe-wrap{
	width: 580px;
	height: 555px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	opacity: 0;
	z-index: 1;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	transition: all 0.2s ease 0.2s;
	max-height: 98%;
}
body.log-show .log-iframe-wrap .iframe-wrap{
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
}
.log-iframe-wrap .iframe-wrap iframe{
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
.log-iframe-wrap .iframe-content{
	overflow: hidden;
	border-radius: 20px;
	height: 100%;
}
.log-iframe-wrap .close-button{
	position: absolute;
	right: 10px;
	top: 7px;
	cursor: pointer;
	background-color: #a9a9a9;
	color: #FFF;
	border-radius: 10px;
	padding: 5px 14px;
	font-size: 1.1em;
	line-height: 1;
	letter-spacing: 0.7px;
	font-weight: 300;
	z-index: 2;
	transition: background-color 0.2s ease;
}
.log-iframe-wrap .close-button:hover{
	background-color: #00CD70;
}
.close-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(15, 15, 21);
	opacity: 0;
	transition: opacity 0.2s ease;
}
body.log-show .close-bg{
	opacity: 0.8;
}
body.log-active.register .log-iframe-wrap .iframe-wrap{
	height: 530px;
    overflow: scroll;
}
@media only screen and (min-width: 1899px){
	.log-in-wrap {
		top: 34px;
	}
	body.main-nav-is-fixed .log-in-wrap {
		top: 22px;
	}
	.log-in-wrap img{
		height: 45px;
		width: 45px;
	}
}

@media only screen and (max-width: 1150px){
	.log-iframe-wrap .iframe-wrap{
		width: 100%;
		height: 100%;
		max-height: 100%;
	}
	.login-wrap{
		top: 4px;
		right: 2px;
	}
	.login-btn a{
		font-size: 1.2em!important;
		font-weight: 300;
	}
	.register-btn{
		display: none;
	}
	.log-iframe-wrap .iframe-content{
		border-radius: 0;
	}
	.close-bg{
		display: none;
	}
}
@media only screen and (max-width: 1300px){
	.mega-main-head .go-home{
		margin-top: 2px;
		padding-left: 4px;
	}
	.mega-main-head .mega-logo{
		width: 85px;
	}
	.mega-main-head .nav-wrap .nav-item{
		margin-left: 3px;
	}
	.toggle-search-wrap{
		left: 95px;
	}
	.mega-main-head .nav-link{
		font-size: 1.3em;
	}
}
@media only screen and (min-width: 1151px){
	.mega-main-head:hover {
		overflow: visible;
	}
	body.main-nav-is-fixed .mega-main-head:hover {
		box-shadow: 0 2px 15px rgba(0,0,0,.35);
	}
	.mega-main-head .nav-wrap {
		height: 100%!important;
	}
	body.main-nav-is-fixed .mega-main-head .nav-link{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	body.main-nav-is-fixed .mega-main-head .nav-wrap .nav-item{
		margin-top: 1px;
	}
	body.main-nav-is-fixed .mega-main-head .live-item.la-roja-item .nav-link:after{
		left: 6px;
		top: 6px;
	}
	body.main-nav-is-fixed .mega-main-head .live-item.la-roja-item .nav-link:before{
		width: 22px;
		height: 22px;
		left: 3px;
		top: 3px;
	}
	body.main-nav-is-fixed .login-wrap{
		top: 20px;
	}
}