.box{background: rgba(255,255,255,0.50); padding: 2.5em; margin: 10% auto 90% auto; text-align: center;width:100%; max-width: 640px; position: absolute; line-height: normal; left: 0; right: 0; top: 0; z-index: 1000; height: auto!important; min-height: auto !important;}
.box h1{margin-bottom:0;}
.fade-in {
  opacity: 0;
  animation: fadeInOpacity 7s ease-in forwards;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  50% {
	opacity: 0;	
  }
  100% {
    opacity: 1;
  }
}
.mobile{display:none;}
.absolute{position: absolute;}
.image.pull-right{max-width:550px; margin: 25px 0 25px 25px;}
.item-image img{height:100% !important;}
p{font-size:inherit; font-weight: 300 !important;}
p a{font-size:inherit; font-weight: 700 !important; color:#0066ff !important;}
p strong{font-weight: 700 !important; font-size:inherit !important; color:#fff !important;}
.light-content h3{color:#0066ff !important; font-weight: 700 !important;}
.social-icons svg{fill:#0066ff;}
figcaption{max-width:80%;}
.box-caracteristicas{margin: 0 auto 2.5em auto!important; float: none !important;}
.table-titular-caracteristicas{border-left:solid .5em #0066ff; padding-left: 2em; margin-bottom: 3em;margin-left: 8px;}
.box-cta{margin: 0 auto !important; float: none !important;}
.table-caracteristicas{border:solid 1px rgba(255,255,255,1); padding: 2.5em; margin:0 8px;}
.table-caracteristicas ul {list-style: none;}
.table-caracteristicas ul li{margin-bottom: 0 !important; display: inline-flex; width:100%;}
.table-caracteristicas ul li::before {
  content: "\25A0";
  color: #0066ff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  top: 0;
  vertical-align: top;
  position: relative;
}
.table-caracteristicas ul li ol{list-style-type: none; width: 100%; list-style: none; margin: 0;}
.table-caracteristicas ul li ol li{}
.table-caracteristicas ul li ol li::before{display:none;}
.table-caracteristicas ul li p{display:inline-block; line-height: normal; width: 100%; font-weight: 300;}
.table-caracteristicas ul li p strong{font-weight:700;}
.light-content p{color: rgba(255,255,255,.8);}
.hero-title{line-height: normal;}
.hero-subtitle{line-height: normal;font-size: 35px;font-weight:300;}
.link-text{color:#fff; border-bottom: dashed 1px rgba(255,255,255,.5)}
.link-text:hover{border-bottom:0;color:#fff;}
#BC_creditos p strong{color:#fff;}
main p, main a.link{font-size:18px; line-height: 38px;}
#header{position: absolute;margin: 0 auto;left: 0;right: 0;z-index: 1000;}
.social-icons li{margin:0 5px;}
#footer .social-icons{padding: 2em 0 0 0;}
#footer a{color:#fff;}
#logo img{height:100px;}
.fullscreen-menu .flexnav li a{text-transform: none;}
.btn-play{color:#fff; padding: 0 3em; font-size: 21px; font-family: 'NouvelR', sans-serif !important;}
.btn-play i.fa-play{margin-left: 25px;}
a.btn-play:hover, a.btn-play:active{color:#fff;}
#hero-caption .button-border{height:60px; line-height: 55px;}
#main-page-content{position:relative;}
#hero.header-top{position:absolute; top: 0; bottom: 0; margin: auto 0;}
#hero.header-top #hero-styles{}
.white-text{color:#fff;}
.title {font-size:58px; line-height: normal; height: auto;}
#footer,#footer-PI,.footer-medias{background-color: rgb(20, 20, 20);}
@media only screen and (max-width: 1466px){
	.title, #showcase-carousel-slider .outer .title {line-height: normal !important; height: auto !important;}
}
@media only screen and (max-width: 1024px) {
	.title {font-size:42px;}
}
@media only screen and (max-width: 820px) {
	.title {font-size:36px;}
	.image.pull-right{max-width:100%; margin: 25px 0;}
}
@media only screen and (max-width: 640px) {
	.box{padding: 2em; margin: 17% auto 78% auto; text-align: center;width:100%; max-width: 480px; position: absolute; line-height: normal; left: 0; right: 0; top: 0; z-index: 1000; height: auto!important; min-height: auto !important;}
}
@media only screen and (max-width: 582px) {
	.title {font-size:28px;}
	.box{display:none;}
	.mobile{display:block}
	h1{font-size:28px !important;}
	h2{font-size:22px;}
}
@media only screen and (max-width: 360px) {
	.title {font-size:24px;}
}