@font-face {
	font-family: 'TickingTimebombBB';
	src: url('../fonts/TickingTimebombBB.eot');
	src: local('☺'), url('../fonts/TickingTimebombBB.woff') format('woff'), url('../fonts/TickingTimebombBB.ttf') format('truetype'), url('../fonts/TickingTimebombBB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background-color: #000; font-family: 'Rubik', sans-serif; }


/*MAIN*/

.btn { cursor: pointer; }
.padd-l-r-40 { padding-left: 40px;  padding-right:40px; }
.padd-l-6 { padding-left: 6%; }
.padd-r-6 { padding-right:6%; }
.padd-t-20 { padding-top: 20px; }
.padd-t-30 { padding-top: 30px; }
.padd-t-60 { padding-top: 60px; }
.padd-b-60 { padding-bottom: 60px; }
.marr-t-5 { margin-top: 5px; }


/*TEXTO*/

.txt-24 { font-size: 24px; }


/*COLOR*/

.bg-gris-claro{ background-color: #151315; }
.bg-nigger{ background-color: #000; }
.blanco { color: #FFF; }
.gris { color: #666; }
.gris-claro { color: #DDD; }


/*HEADER*/

header{ font-weight: 300; background-color: #000; color: #FFF; }
.header { padding-top:32px; padding-bottom:32px; }
.header-menu li { padding: 0 20px;}
.header-menu li:last-child { padding-right: 0 }
.header-menu li a, .responsive-menu li a { color: #FFF;}
.responsive-menu li a { display: block;  padding: 0 20px; }

.header-menu li a:active, .responsive-menu li a:active, .header-menu li a.active { color: #0FF;}
.header-logo-img { width:200px; }
.responsive-btn { display: none; }
.responsive-menu { display: none; width:100%;  background-color: rgba(100,100,100, 0.1); }
.responsive-menu li { border-top: 0.5px solid #999; padding: 10px; color: #FFF; }
.responsive-menu li:last-child { border-bottom: 0.5px solid #999; }
.contenido-rack-tuerca { width: 37px; padding: 12px; }
.contenido-rack-botones-boton { width: 90px; border-left: 2px solid #555; }
.contenido-rack-botones-boton p { color:#999; text-align: center; }
.boton-ffwd { width: 90px; border-right: 2px solid #555; }


/*SLIDER*/

.slider { background-color: red; height: calc(100vh - 6rem); }
.contenido-carousel-celula { background: #000; width:100%; height: calc(100vh - 178px); }
.contenido-carousel-celula img { position: relative; width: 100%; height: 100%; object-fit: cover; }


/*PADS*/

.contenido-pads{ width:100%; max-width: 1320px;  padding: 80px  2% 52px 2%; }
.contenido-pads svg{ width:33%; }
.contenido-pads svg.pad-especial{ width:66%; }
.contenido-pads-caja { padding: 2%; }
.contenido-pads-caja-pad { padding-bottom:61%; border-radius:2px; position: relative; }
.contenido-pads-caja-pad-y-texto { min-height: 300px;}
.contenido-pads-caja-texto { min-height: 60px; }
.contenido-pads-caja-texto h2 { margin-top:30px; font-size:24px; }
.contenido-pads-caja-texto h2:hover {  color: #FFF; }
.contenido-pads-caja-pad-in { height: 100%; position: absolute; padding:6%; }
.contenido-pads-caja-pad-in-cuadro { height: 100%; border: 2px solid #660000;  border-radius:2px; text-align: center;  }
.contenido-pads-caja-pad-in-cuadro:hover {  border-color:  #AA0000; }
.contenido-pads-caja-pad-in-cuadro:active {  border-color:  #FF3300; }
.contenido-pads-caja-pad-in-cuadro-img{ height:100%; position: relative; }
.footer { padding:40px; }
.footer-menu { font-weight: 300; }
.footer-menu li { padding: 0 20px;}
.footer-menu li a { padding: 0 20px; color: #666; }
.footer-logo { width:60px; }

.st0 { fill:#676767;stroke:#010101;stroke-miterlimit:10; }
.st0.trazo-especial { stroke-width:0.5; }
.st0:hover { fill:#898989;}


/*EQUIPO*/
.isotope-grid { max-width:1320px; margin: 50px auto;}
.contenido-pads-caja.equipo { padding: 4% 2%; }
.contenido-pads-caja-equipo { padding-bottom:166%; border-radius:2px; position: relative; border: 2px solid #292929;}
.contenido-pads-caja-equipo-in { height: 100%; position: absolute; padding:10%; }
.contenido-pads-caja-equipo-img { height: 45%; padding:10%; background-color: #FFF; border: 2px solid #000; box-shadow: inset 0px 0px 5px  }
.contenido-pads-caja-equipo-img img { height:100%; }
.contenido-pads-caja-equipo-titulo { padding-top: 40px; }
.contenido-pads-caja-equipo-titulo h6{ color: #FFF; }
.contenido-pads-caja-equipo-info p{ color: #AAA; }
.equipo .contenido-lcd-display-text h3 { padding: 10px; font-size: 24px; }
.equipo .contenido-pads-caja-equipo-lcd { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10%;  }


/*SECCIONES*/

.contenido-seccion { width:100%; max-width: 960px; min-height: calc(100vh - 17.8rem); padding: 52px 4.5% 52px 4.5%; }
.contenido-seccion.personal-tecnico{ min-height: calc(100vh - 25.5rem); }
.contenido-seccion.alquiler { min-height: calc(100vh - 31.5rem); }

.contenido-seccion.gestion-espacios p { position: absolute; top: 480px; }
.contenido-seccion.eventos-espectaculos p{ position: absolute; top: 0; padding-top: 20px; }
.contenido-seccion.reparaciones p { position: absolute; top: 20px; padding-top: 20px; }
.servicios .contenido-seccion-in-r, .proyectos .contenido-seccion-in-r  { padding-top: 100px; }

.contenido-seccion h3 { padding-top: 60px; font-size: 28px; font-weight: 300; color: #0FF; }
.contenido-seccion p { padding-top: 42px; font-size: 18px; line-height: 26px; }
.contenido-seccion.personal-tecnico p, .contenido-seccion.alquiler p { padding-top: 0; }
.content-data-contacto p{ padding-top: 10px; font-size: 18px; font-weight: 300; color: #DDD; }
.contenido-seccion p.cursiva { font-style: italic; }

.contenido-descarga p{ padding:40px; }
.contenido a { color: #0FF; }

.gestion-espacios .contenido-seccion-in-l {padding-right: 0; padding-bottom: 60px;}

/*LCD*/

.contenido-lcd-marco { border: 2.3px solid #000; }
.contenido-lcd-display-text { font-family: 'TickingTimebombBB';  font-size: 42px; color: #0FF; }
.contenido-lcd-display-text h3 { padding:20px; }
.fulgor {

   animation: lcd-fulgor 0.05s linear 2s infinite alternate;
  
}

@keyframes lcd-fulgor {
  0%  {text-shadow:          0 0 10px #0000AA; }
  50%  {text-shadow:          0 0 20px #0000ff; }
  100%  {text-shadow:          0 0 10px #000099; }
}

.refulgor {

   animation: lcd-refulgor 0.05s linear 2s infinite alternate;
}

@keyframes lcd-refulgor {
  0%  {box-shadow:         inset 0 0 15px #001111; }
  50%  {box-shadow:         inset 0 0 15px #004444; }
  100%  {box-shadow:         inset 0 0 15px #002222; }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 1024px) {

  .col-50-t { width: 50%; }
  .col-100-t { width: 100%; }
  .header-menu { display:none; }
  .responsive-btn { display: block; width: 25px; }
  .contenido-lcd-display-text { font-size: 36px; text-align: center;}
  .contenido-seccion-in-r { display: none; }
  .contenido-seccion.reparaciones p, .contenido-seccion.gestion-espacios p { position: static; }

}

@media screen and (max-width: 680px) {

  .col-100-m { width: 100%; }
  .contenido-pads-caja { margin-bottom: 40px; }
  .contenido-lcd-display-text { font-size: 24px; }
  .footer-logo { margin-bottom: 20px; }
  .footer, .footer-menu ul  { flex-direction: column-reverse; padding: 20px;}
  .footer-menu ul li{ margin:10px 0; }
  .padd-l-r-40 {padding-left: 20px; padding-right: 20px; }
}