/* body{ background-color: #000; margin: 0; padding: 0;} */
.col-xs-13, .col-sm-13, .col-md-13, .col-lg-13 { min-height: 1px; position: relative; padding: 0; }
.col-xs-13 { float: left; width: 20%; }
@media (min-width: 768px) {
  .col-sm-13 { float: left; width: 20%; }
}
@media (min-width: 992px) {
  .col-md-13 { float: left; width: 20%; }
}
@media (min-width: 1200px) {
  .col-lg-13 { float: left; width: 20%; }
}
@font-face { font-family: 'bebas'; src: url('../fonts/BebasNeue-Bold.ttf'); }
@font-face { font-family: 'roboto'; src: url('../fonts/Roboto-Medium.ttf'); }
.especial{color: transparent; -webkit-text-stroke: 1px #000; font-size: 52px; font-family: 'bebas'; margin: 7px 0px;}
.especials{color: transparent; -webkit-text-stroke: 1px #fff; font-size: 52px; font-family: 'bebas'; margin: 7px 0px;}
.especial_bco{color: #fff; font-size: 52px; font-family: 'bebas'; margin: 7px 0px;}
.rrss{width: 20px; margin: 0px 6px;}
.linea {
  background-image: -moz-linear-gradient( 180deg, rgb(18,229,238) 0%, rgb(65,74,109) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(18,229,238) 0%, rgb(65,74,109) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(18,229,238) 0%, rgb(65,74,109) 100%);
  width: 170px; height: 3px; margin: 0; border: none; position: absolute; left: 155px; top: 20px;
}
.linea_ver{
  background-image: -moz-linear-gradient( 90deg, rgb(18,229,238) 0%, rgb(65,74,109) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(18,229,238) 0%, rgb(65,74,109) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(18,229,238) 0%, rgb(65,74,109) 100%);
  position: absolute; right: 0px; top: -10px; width: 5px; height: 130px;
}
.address{ line-height: 1; text-align: right; letter-spacing: 2px; }
p, label{ font-family: 'roboto'; color: #fff; margin: 0; }
label{position: absolute; right: 70px; letter-spacing: 1px;}

a{color: #fff;}
 /* video {
  /* position: absolute; */
  	/* bottom: 0px;
  	right: 0px; */
/* 	min-width: 100%;
  	min-height: 100%;
  	width: 100%;
  	height: auto;
  	z-index: -1000;
  	overflow: hidden;
    margin-left: auto;
margin-right: 0;
display: block;
} */
.facebook{ width: 4%; }
.instagram{ width: 3%; }
.linkedin{ width: 4%; }
.barra{ width: 15%; }
.correo{ width: 13% }
.logo{ width: 15%; }
.espacio{ width: 19%; }
.direccion{ width: 23%;}
@media (max-width: 414px) {
  .facebook{ width: 6%; }
  .instagram{ width: 10%; }
  .linkedin{ width: 10%; }
  .barra{ width: 15%; }
  .correo{ width: 13% }
  .logo{ width: 15%; }
  .espacio{ width: 19%; }
  .direccion{ width: 23%;}
}
@media (min-width: 768px) and (max-width: 1300px) {
  .facebook{ width: 4%; }
  .instagram{ width: 3%; }
  .linkedin{ width: 4%; }
  .barra{ width: 15%; }
  .correo{ width: 13% }
  .logo{ width: 15%; }
  .espacio{ width: 19%; }
  .direccion{ width: 23%;}
}
@media (min-width: 1301px) and (max-width: 1400px) {
  .facebook{ width: 9%; }
  .instagram{ width: 2%; }
  .linkedin{ width: 4%; }
  .barra{ width: 15%; }
  .correo{ width: 13% }
  .logo{ width: 15%; }
  .espacio{ width: 19%; }
  .direccion{ width: 23%;}
}

@media (min-width: 1401px) and (max-width: 2500px) {
  .facebook{ width: 4%; }
  .instagram{ width: 3%; }
  .linkedin{ width: 4%; }
  .barra{ width: 15%; }
  .correo{ width: 13% }
  .logo{ width: 15%; }
  .espacio{ width: 19%; }
  .direccion{ width: 23%;}
}
@media (min-width: 2501px) or (min-height: 1200px){
  .facebook{ width: 9%; }
  .instagram{ width: 2%; }
  .linkedin{ width: 4%; }
  .barra{ width: 15%; }
  .correo{ width: 13% }
  .logo{ width: 15%; }
  .espacio{ width: 19%; }
  .direccion{ width: 23%;}
}

body {
margin: 0;
background: #000;
}
videos {
  position: fixed;
  /* top: 50%; */
  /* left: 50%; */
  /* min-width: 100%;
  min-height: 100%; */
  width: auto;
  height: auto;
  z-index: -100;
  /* transform: translateX(-50%) translateY(-50%); */
background: url('{{url('')}}/img/banners/creando-experiencias.png') no-repeat;
background-size: cover;
transition: 1s opacity;
}
@media (max-width: 1280px) {
videos{
  top: 56px;
  max-width: 100%;
  min-height: 91%;
}
}
@media (min-width: 1281px) {
videos{
  top: 56px;
  min-width: 100%;
  max-height: 90%;
}
}