/* CSS Document */

/*CA color #ed3026 rgba(237,48,38, .5);*/

::selection { background: rgba(237,48,38,1); color: #fff; } 
.bghome ::selection { background: rgba(0,0,0,1)!important; } 
.highlight { background: rgba(2, 186, 118,.8); color: #000; }

body { 
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	padding: 0;
    margin: 0;
	color: #1a1a1a;
	letter-spacing: .4px!important;
}

h1 { font-size: 14vw; margin: 60px 0 0; line-height: 1em; }
h2 { font-size: 48px; line-height: 1em!important; margin: 0 0 10px; }

p { margin-top: 10px; margin-bottom: 10px; }

ol,
ul { list-style: none; margin:0; padding:0; }

video { 
	width: 100%; 
	height: auto;
	border: 2px solid #1a1a1a;
	padding: 10px;
	background: #fff;
	box-shadow: 30px 60px 0 rgba(0,0,0,.5); 
}

.ch_mobile-on { display:none; }
.ch_mobile-off { display:block; }

.container a { background: rgba(237,48,38,1); color: #fff; text-decoration: underline; }
.container a:hover { background: rgba(0,0,0,.5); color: #fff; text-decoration: underline; }

.proyectos { display: flex; justify-content: center; align-items: center; }
.proyectos a { width:45%; margin-right:2%; }
.proyectos img { width:100%; border: 5px solid #1a1a1a; border-radius: 20px; }

.piefoto { font-size: .8em; text-align: right; }
.small { font-size:.8em; color: rgba(0,0,0,.6); }
.small a { background: rgba(237,48,38,0); color: rgba(0,0,0,6); }
.small a:hover { background: rgba(0,0,0,.6); color: #fff; text-decoration: underline; }

.small_blanco { font-size:.8em; color: rgba(255,255,255,.6); }
.small_blanco a { background: rgba(237,48,38,0); color: rgba(255,255,255,6); }
.small_blanco a:hover { background: rgba(0,0,0,.6); color: #fff; text-decoration: underline; }

h1.pagetitle { font-size: 6vw; margin: 20px 0 0 0; line-height: 1em; }
.textogrande { font-size: 24px; font-weight: 500; }
.blanco { color:#fff; }

/*SECTIONS*/

.bghome { background-image: url("../img/bg-inicio.gif"); }
.bg1 { background-image: url("../img/bg.gif"); }
.bg1 h1 { background: #000; display: inline-block; color: #fff; vertical-align: middle; line-height: 1em; }
.bg1 .containerblanco { }
.bg1 .containerblanco div { background: rgba(2565,255,255,1); margin-top:20px; padding: 20px; border: 1px solid rgba(0,0,0,.08); border-radius: 3px; }
.bg1 .nobglink { display: block; background: #000!important; border: 1px solid rgba(0,0,0,.08); border-radius: 3px; }
.bg1 .nobglink svg { fill:#fff; }


.lastpadding { padding-bottom: 30px !important; }
.centercontenido { text-align: center; }
a.nobglink { background-color: transparent!important; text-decoration: none; }

.alinearcontenido { 
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.arrow_container { display: none; }

.scroll-down {
  margin:0 auto;
  position:relative;
  top:50%;
  animation: bounce 1s infinite alternate;
}

@keyframes bounce {
  from {
    transform:translateY(0px);
  }
  to {
    transform:translateY(10px);
  }
}

.two-column { width:50%; }

/*Social Icos*/

.icos a,
.proyectos a { background: transparent!important; margin-right:20px; }

a.ico-redes_sm svg { width: 40px; height: 40px; }
a.ico-redes svg { width: 6vw; height: 6vw; }
a.ico-redes svg { fill: rgba(237,48,38,1); }
a.ico-redes:hover svg { fill: rgba(0,0,0,1); }

a.ico-redes_sm svg,
a.ico-redes_sm circle { fill: rgba(0,0,0,1); }
a.ico-redes_sm:hover svg,
a.ico-redes_sm:hover circle  { fill: rgba(237,48,38,1); }

a.ico-redes_blanco svg { fill: rgba(255,255,255,1); }
a.ico-redes_blanco:hover svg { fill: rgba(0,0,0,1); }

a.ico-redes_rojo svg { width: 6vw; height: 6vw; }
a.ico-redes_rojo svg { fill: rgba(237,48,38,1); }
a.ico-redes_rojo:hover svg { fill: rgba(255,255,255,1); }


/*MENU*/

#menu { 
	background: rgba(0,0,0,.8);
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	padding: 10px 0;
	margin:0;
	width: 100%;
	height: 20px;
	position:fixed;
	top:0;
	right:0;
	z-index: 70;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none; 
	border-radius: 0;
	text-align: center;
}

#mainnav { position:relative; z-index: 1000; }
#mainnav li.active { color: #fff; }
#mainnav li.active a:hover { color: #ccc; }
#mainnav a { color: #ccc; }
#mainnav a:hover { color: rgba(255,255,255,.4); }
#mainnav a,
#mainnav li.active a {
	background-color: transparent!important; 
	text-decoration: none;
	padding: 10px;
	display:block;
}
#menu li.active a { color: #fff; }
#menu-ico { display: none!important; font-size: 14px; font-weight: 500; line-height: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }


@media only screen and (max-width: 768px) {
    .fp-responsive .fp-auto-height-responsive .fp-slide,
	.fp-responsive .fp-auto-height-responsive .fp-tableCell,
	.fp-responsive .fp-auto-height-responsive.fp-section {
		height: auto !important;
	}  
	#mainnav a,
	#mainnav li.active a {
		padding: 5px;
	}
 } 

/*CREDITOS*/
.fp-watermark{ z-index: 9999999; position: absolute; bottom: 55px; rotate: -90deg; right: -75px !important; padding: 0 !important; margin: 0 !important; }
.fp-watermark a { text-decoration: none; color: #666!important; background:rgba(255,255,255,0); padding:5px 8px; font-size:9px; font-family: arial, sans-serif; display: inline-block; border-radius:0; margin:10px; }
.fp-watermark a:hover { color: #FF8787!important; }


/* MEDIA QUERIES*/

@media (max-width: 749px) {
	body { font-size: 21px; }
	h1 { font-size: 20vw; line-height: 1em; }
	h2 { font-size: 32px; }
	a.ico-redes svg { width: 80px; height: 80px; }
	.textogrande h1 { font-size: 15vw; margin: 20px 0 0 0; line-height: 1em; }
	.textogrande { font-size: 21px; font-weight: 500; }
	video { max-width:60%; margin-bottom:30px; box-shadow: 15px 15px 0 rgba(0,0,0,.5); }
	.columns { margin:15px auto 30px; }
	.ch_mobile-on { display:block; }
	.ch_mobile-off { display:none; }
	.arrow_container { 
		display: block;
		position: absolute;
		bottom: 20px;
		left: 30px;
		transform: rotate(-90deg); 
	}
	
}