/*para el iframe*/
body.log-active{
  overflow: hidden;
}
.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: 583px;
}
@media only screen and (max-width: 1150px){
  .log-iframe-wrap .iframe-wrap{
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
  .log-iframe-wrap .iframe-content{
    border-radius: 0;
  }
  .close-bg{
    display: none;
  }
}

/*bloqueo de multimedia en articulo*/
.blocked-video .with-video-big:after{
  display: none;
}
.blocked-article-wrap,
.blocked-article-wrap-update{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  background-color: rgba(12, 3, 12, 0.92);
  text-align: center;
  font-family: 'Antartida', 'Roboto Condensed', sans-serif;
}
.blocked-article-wrap .center-content,
.blocked-article-wrap-update .center-content{
  width: 94%;
}
.blocked-article-wrap .button,
.blocked-article-wrap-update .button{
    display: inline-block!important;
    background-color: #FF3C79;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    padding-top: 8px;
    padding-bottom: 9px;
    letter-spacing: 0.5px;
    font-size: 1.4em;
    text-transform: uppercase;
}
.blocked-article-wrap-update .button{
    background-color: #00bd67;
    padding: 12px 20px;
}
.blocked-article-wrap .register-button{
  background-color: #0095ff;
}
.blocked-article-wrap .enter-button{
  margin-bottom: 15px;
}
.blocked-article-wrap p,
.blocked-article-wrap-update p{
  display: block!important;
  font-size: 1.6em;
  font-weight: 300;
  color: #FFF;
  margin-bottom: 6px;
}
.blocked-article-wrap-update p{
    line-height: 1.3;
    margin-bottom: 20px;
    width: 80%;
    margin: 0 auto 20px;
}
.blocked-article-wrap .center-content,
.blocked-article-wrap-update .center-content{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.blocked-article-wrap.vert-center:before,
.blocked-article-wrap-update.vert-center:before{
  content: ' ';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.is-mobile .media-container{
  position: relative;
}
.is-mobile .blocked-article-wrap,
.is-mobile .blocked-article-wrap-update{
  background-color: #232323;
}
.is-mobile .blocked-article-wrap .center-content
.is-mobile .blocked-article-wrap-update .center-content{
  width: 90%;
}
.is-mobile .blocked-article-wrap p,
.is-mobile .blocked-article-wrap-update p{
  line-height: 1.2;
  font-size: 1.4em;
}
.is-mobile .blocked-article-wrap p i,
.is-mobile .blocked-article-wrap-update p i{
  display: none;
}