@font-face {
	font-family: 'Helvetica-Lt';
	src: url(./fonts/HelveticaNeueLTStd-Lt.otf) format("opentype");
}
@font-face {
	font-family: 'Helvetica-Bold';
	src: url(./fonts/HelveticaNeueLTStd-Bd.otf) format("opentype");
}
:root {
	--yellow: #ffc400;
}
body{
    background-color: #1c1c1c;
	color: #FFF;
	font-family: "Helvetica-Lt";
	overflow-x: hidden;
}
.bg-black{
	background-color: #1c1c1c;
}
strong{
	font-family: 'Helvetica-Bold';
}
.logo{
	margin-left: 50px;
	height: 72px;
	position: relative;
	z-index: 2;
}
#header #stickyLogo{
	display: none;
}
#header.sticky #stickyLogo{
	display: block;
}
#header.sticky #headerLogo{
	display: none;
}
#header.sticky .logo{
	padding-top: 0px;
	z-index: 99;
}
#nav{
	transition: .4s;
}
#nav.sticky{
	/*background-color: #1c1c1c;*/
    z-index: 999999999999 !important;
    position: fixed !important;
    width: 100%;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#nav #linkIdioma{
	color: #FFF;
	text-decoration: none;
	margin-right: 10px;
	font-size: .9em;
	font-weight: 600;
	letter-spacing: 2px;
	z-index: 99;
	
	transition: .3s;
}
#nav #linkIdioma:hover{
	color: #ffc400;
}
#nav .navbar-toggler{
	margin-right: 20px;
	border: 0;
    font-size: 2rem;
    color: #FFF;
	z-index: 99;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#nav ul{
	margin-top: 5px;
    position: relative;
    z-index: 100;
	margin-right: 20px !important;
}
#nav ul li{
	text-align: center;
}
#nav ul li a:hover{
	color: var(--yellow);
}
#backHeader,
#carouselHead div,
#header{
	height: 100vh;
}
#header h1{
    color: #FFF;
	font-family: 'Helvetica-Bold';
    font-size: 2.25rem;
    font-weight: 700;
}
#header h1 span{
	color: var(--yellow);
}
.h1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	z-index: 99;
	width: 35%;
}
.headerTitle{
    position: relative;
}
#alpha{
	background-color: #30303080;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#backHeader,
#carouselHead div{
	background-size: cover;
	background-position: center;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
#carouselHead #car1{
	background-image: url('./img/carusel/COCA COLA Y TELEFE_BARRIDA COCA.png');
}
#carouselHead #car2{
	background-image: url('./img/carusel/FIAT_PULSE.png');
}
#carouselHead #car3{
	background-image: url('./img/carusel/GANCIA Y TELEFE_PLACA.png');
}
#carouselHead #car4{
	background-image: url('./img/carusel/IDILICA 03.png');
}
#carouselHead #car5{
	background-image: url('./img/carusel/MASTER CHEF_CABIFY.png');
}
#carouselHead #car6{
	background-image: url('./img/carusel/MASTER CHEF_DIA.png');
}
#carouselHead #car7{
	background-image: url('./img/carusel/PARAMOUNT UP FRONT_.png');
}
#carouselHead #car8{
	background-image: url('./img/carusel/PEUGEOT 03.png');
}
#carouselHead #car9{
	background-image: url('./img/carusel/PEUGEOT_APER JULIAN.png');
}
#carouselHead #car10{
	background-image: url('./img/carusel/QUINI 6 01.png');
}
#carouselHead #car11{
	background-image: url('./img/carusel/SERNOVA 01.png');
}
#carouselHead #car12{
	background-image: url('./img/carusel/SERNOVA 02.png');
}
#carouselHead #car13{
	background-image: url('./img/carusel/SERNOVA_PGM MICHE.png');
}
#carouselHead #car14{
	background-image: url('./img/carusel/SOMOS PARAMOUNT_PLUTO.png');
}
#carouselHead #car15{
	background-image: url('./img/carusel/TERRAZAS STONES 01.png');
}
#carouselHead #car16{
	background-image: url('./img/carusel/VENTURA_NINA.png');
}
#redes{
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%) !important;
	right: 40px;
	z-index: 99;
	display: flex;
	flex-direction: column;	
}
#redes span{
	transform: rotate(-90deg);
	margin-bottom: 60px;
	margin-top: 60px;
}
#redes span a{
	font-family: 'Helvetica-Bold';
	color: #FFF;
	font-size: 1.1rem;
	text-decoration: none;
}
#redes span a:hover{
	color: var(--yellow);
}
.menuBrush{
	font-family: 'Helvetica-Lt';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0%) !important;
	z-index: 99;
	
    height: fit-content;
}
.menuBrush.top{
	top: 0 !important;
}
.menuBrush ul{
	list-style: none;
	display: flex;	
	margin-bottom: 0;
	align-items: center;
    justify-content: center;
    padding-left: 0;
}
.menuBrush ul li{
	font-size: 1.1rem;
	letter-spacing: 1.5px;
	padding-left: 30px;
	padding-right: 30px;
}
.menuBrush a{
	color: #FFF;
	display: block;
	position: relative;
	text-decoration: none;

	transition: .3s;
}
.menuBrush a:hover{
	margin-top: -3px;
}
h2{
	font-family: 'Helvetica-Bold';
	font-size: 2.2rem;
	position: relative;
	z-index: 2;
	margin-top: 90px;
}
#servicios{
	padding-bottom: 80px;
}
p.decripcionServicio{
	color:var(--yellow);
	letter-spacing: 2px;
	font-size: 1.4rem;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}
.misc{
	position: absolute;
	z-index: 0;
	width: 30%;
}
#misc-servicios-der{
	margin-top: -6%;
	right: 0;
	margin-right: -5%;
}
#misc-servicios-izq{
	left: 0;
	margin-top: -10%;
	margin-left: -20%;
	width: 35%;
}
.flecha{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 20px;

	display: none;
	transition: .3s;
}
.flecha-der{
	right: -30px;
}
.servicio.active .flecha{
	display: block;
}
.servicio{
	position: relative;
	margin-bottom: 20px;

	transition: .5s;
}
.servicio h3{
	display: flex;
	align-items: center;
	font-family: 'Helvetica-Bold';
	font-size: 2rem;
	padding-left: 50px;
	margin-bottom: 0;
	opacity: .3;

	transition: .5s;
}
.servicio.active h3{
	color: var(--yellow);
	opacity: 1;
}
.servicio.active h3.odd{
	color: #FFF;
}
.servicio .content{
	display: grid;
	grid-template-columns: 1.5fr 2fr;
	align-content: center;
}
.servicio .content p{
	font-size: 1.1rem;
	margin-bottom: 0;
	opacity: .1;
	
	transition: .5s;
}
.servicio.active .content p{
	opacity: 1;
}
.servicio p.odd{
	color: var(--yellow);
}
.partnersWrapper{
	text-align: center;
	margin-bottom: 10px;
}
.partnersWrapper img{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.partnersWrapper img.h30{
	height: 27px;
}
.partnersWrapper img.h40{
	height: 36px;
}
.partnersWrapper img.h50{
	height: 45px;
}
.partnersWrapper img.h60{
	height: 54px;
}
.partnersWrapper img.h100{
	height: 90px;
}
.proyectoInfo.proyecto .partnersWrapper{
	text-align: left;
}
.proyectoInfo.proyecto .partnersWrapper img{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.proyectoInfo.proyecto .partnersWrapper img.h30{
	height: 24px;
}
.proyectoInfo.proyecto .partnersWrapper img.h40{
	height: 32px;
}
.proyectoInfo.proyecto .partnersWrapper img.h50{
	height: 40px;
}
.proyectoInfo.proyecto .partnersWrapper img.h60{
	height: 48px;
}
.proyectoInfo.proyecto .partnersWrapper img.h100{
	height: 81px;
}
#cepillo{
	position: absolute;
	right: -40px;
	margin-top: 100px;
	padding: 0;
	height: 110px;
	width: auto;

	transition: .5s;
}
#cepillo.brush{
	right: -20px;
}
#cepillo.brush:hover{
	right: -5px;
}
#cepillo.brush-1{
	right: 0px;
}
#cepillo-izq{
	position: absolute;
	left: -40px;
	margin-top: 35%;
	padding: 0;
	height: 110px;
	width: auto;

	transition: .5s;
}
#cepillo-izq.brush{
	left: -20px;
}
#cepillo-izq.brush:hover{
	left: -5px;
}
#cepillo-izq.brush-1{
	left: 0px;
}
#misc-partners-izq{
    left: -12%;
	margin-top: -20%;
	width: 35%;
}
#proyectos{
	padding-top: 90px;
	/*padding-bottom: 150px;*/
	z-index: 2;
}
#misc-proyectos-center{
	left: 26%;
	top: 0;
	margin-top: -7%;
	width: 35%;
}
.proyectosWrapper{
	margin-top: 50px;
	position: relative;
}
.proyectosWrapper > div{
	padding-left: 2px;
	padding-right: 2px;
}
.proyecto{
	position: relative;
	margin-top: 4px;
	overflow: hidden;
	cursor: pointer;
}
.proyecto .info{
	position: absolute;
	bottom: 0;
	padding-left: 50px;
	padding-right: 20px;
	padding-bottom: 25px;
}
.proyecto span{
	display: block;
	position: relative;
	z-index: 1;
}
.proyecto span.titulo{
	color: var(--yellow);
	font-family: 'Helvetica-Bold';
	font-size: 2.85rem;
	line-height: 1em;
	margin-bottom: 15px;
}
.proyecto span.descripcion{
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.25em;
	width: 100%;
}
.proyecto span.descripcion img{
	display: block;
	height: 2px;
	margin-top: 5px;
	width: 70%;

}
.proyecto > img{
	width: 100%;
	z-index: 0;
	transition: .3s;
}
.proyecto > img.back{
	visibility: hidden;
}
.proyecto > img.active{
	position: absolute;
	top: 0;
	left: 0;
}
.proyecto:hover > img.active{
	width: 110%;
    margin-left: -5%;
}
/* NOSOTROS */
#nosotros{
	padding-top: 100px;
	padding-bottom: 150px;
}
#nosotros .descripcion{
	color: #FFF;
	font-size: 1.9rem;
	font-family: 'Helvetica-Bold';
	letter-spacing: 1px;
	line-height: 1.1em;
	text-align: center;
} 
#nosotros .descripcion strong{
	color: #ffc400;
} 
#nosotros .profile h3{
	color: #ffc400;
	font-family: 'Helvetica-Bold';
	font-size: 2.5em;
}
#nosotros .profile span{
	display: block;
	font-size: 1.15em;
}
#nosotros .profile p{
	margin-top: 20px;
}
/* CONTACTO */
#contacto{
	padding-bottom: 150px;
	/*overflow: hidden;*/
	z-index: 1;
	min-height: 800px;
}
#contacto form h2{
	margin-top: 20px;
    margin-bottom: 20px;
}
#contacto .gracias{
	text-align: center;
	font-size: 1.5rem;
	margin-top: 50px;

	transition: .5s;
}
#misc-contacto-izq {
    left: 0;
    margin-top: -35%;
    margin-left: 0%;
    width: 35%;
    transform: rotate(90deg);
    z-index: 0;
}
#misc-contacto-der {
	margin-top: -6%;
	right: 0;
	margin-right: -16%;
	transform: rotate(15deg);
}
#misc-contacto-abajo {
	left: 0;
	bottom: 0;
	z-index: -1;
}
/* DETALLES DE PROYECTOS */
#proyecto-detail{
	position: absolute;
	left:0;
	top:0;
	background-color: #1c1c1c;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 150px;
	z-index: 888;
}
#proyecto-detail .menuBrush{
	width: 20%;
}
#proyecto-detail #misc-proy-izq{
	left: 2%;
    bottom: 15%;
    transform: rotate(220deg);
    width: 40%;
}
.proyectoInfo{
	padding-left: 50px;
	padding-right: 30px;
}
.proyectoInfo span.titulo{
	font-size: 3.2rem;
}
.proyectoInfo span.descripcion{
	font-size: 1.5rem;
}
.proyectoInfo .separador{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 75%;
}
.proyectoMedia{
	padding-left: 50px;
	padding-right: 50px;
}
.proyectoCarrusel{
	padding-left: 70px;
	padding-right: 70px;
}
.slick-slide img {
    display: block;
	cursor: pointer;
	padding: 10px;
    width: 100%;
	height: 135px;
}
.slick-prev.slick-arrow{
	z-index: 999;
    background-image: url('./img/flecha-izq.svg') !important;
	background-repeat: no-repeat;
}
.slick-next.slick-arrow{
	background-image: url('./img/flecha-der.svg') !important;
	background-repeat: no-repeat;
	background-position: right;
}
.slick-prev,
.slick-next{
    height: 25px;
    width: 25px;
}
.slick-next:before{  
  content: '';
}
.slick-prev:before{
    content: '';
}
.iframe-container{
	position: relative;
	overflow: hidden;
	width: 100%;
	/*padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	padding-top: 65%; /* ajustado para equilibrar con las imagenes */
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }
/* FORMULARIO */
.hidden{
	display: none !important;
}
.v-hidden{
	visibility: hidden;
}
label,	
.campo,
.campoFull,
.form-control{
	color: #f6f4f0;
	font-size: 1em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}	
input[type='radio']{
	cursor: pointer;
}
label{
	color: #FFF;
	font-weight: 500;
	font-size: 1.1em;
	margin-bottom: 0;
}	
label.error {
	color: #e42320;
    font-size: 0.85em;
}
#livomLink a{
	color: #0d5c3d;
	font-size: 0.9em;
}
.success.circle{
	color: #FFF ;
}
.form-control:focus,
.form-control {
  color: #f6f4f0;
  border: 0;
  background-color: #333333;
  padding: 14px 18px;
  margin-bottom: 1rem;
}
.form-control.error {
  border-bottom: 1px solid #e42320;
}
::placeholder,
select{
	color: #787878 !important;
}
select.selected{
	color: #f6f4f0 !important;
}
select.form-control{
	cursor: pointer;
	background-image: url('./img/flecha-abajo.png');
	background-position: right;
	background-position-x: 98%;
	background-repeat: no-repeat;
	background-size: 30px;
}
#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 1;
  background-color: #014880;
  z-index: 99;
  text-align: center;
}
.btnSbmt,
.btnSbmt:hover{
	color: #FFF;
	background-color: transparent;
	border-color: transparent;
	background-image: url('./img/linea-menu.png');
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 10px !important;
	font-weight: 600;
	letter-spacing: 2px;
}
@media (max-width: 545px) {
	html, body {
		overflow-x: hidden;
	  }
	#backHeader, #carouselHead div, #header {
		/*height: 80vh;*/
		height: auto;
		padding: 0;
    	position: relative;
	}
	.logo{
		margin-left: 0;
	}
	#nav{
		background-color: #1c1c1c;
		position: absolute;
		width: 100%;
		left: 12px;
	}
	#nav .navbar-toggler{
		margin-right: 0;
	}
	#nav.sticky .navbar-toggler{
		/*margin-right: 20px;*/
	}
	#nav .navbar-toggler-icon {
		width: 1.2em;
		height: 1.2em;
	}
	#nav ul{
		margin-right: 0 !important;
	}
	.navbar .container-fluid{
		padding-right: 0;
	}
	.h1{
		/*top: 80%;*/
		width: 75%;
	}
	#header h1{
		font-size: 1.5rem;
	}
	#redes {
		right: 0px;
	}
	#proyecto-detail #redes {
		right: -15px;
		top: 20%;
	}
	.menuBrush{
		display: none;
	}
	#proyecto-detail{
		padding-top: 100px;
		overflow-x: hidden;
	}
	#proyecto-detail .partnersWrapper{
		text-align: center;
	}
	#proyecto-detail .partnersWrapper img.h30{
		height: 18px;
	}
	#proyecto-detail .partnersWrapper img.h40{
		height: 28px;
	}
	#proyecto-detail .partnersWrapper img.h50{
		height: 30px;
	}
	#proyecto-detail .partnersWrapper img.h60{
		height: 36px;
	}
	#proyecto-detail .partnersWrapper img.h100{
		height: 60px;
	}
	#proyecto-detail .menuBrush{
		display: block;
		width: 50%;
	}
	#redes span a{
		font-size: .9rem;
	}
	p.decripcionServicio{
		font-size: 1.3rem;
	}
	.servicio .content{
		display: block;
	}
	.servicio h3{
		font-size: 1.6rem;
    	padding-left: 20px;
	}
	.servicio .content p{
		padding-left: 20px;
    	padding-right: 20px;
		font-size: 1rem;
	}
	.flecha-der{
		right: -20px;
	}
	.flecha-izq{
		left: -20px;
	}
	#proyectos{
		padding-top: 50px;
	}
	.proyecto .info{
		padding-left: 30px;
		padding-right: 10px;
	}
	#cepillo{
		bottom: -65px;
		height: 90px;
		z-index: 99;
	}
	#cepillo-izq{
		margin-top: -10%;
		height: 90px;
	
	}
	.misc{
		/*display: none;*/
		width: 40%;
	}	
	#misc-servicios-izq{
		margin-left: -30%;
		width: 50%;
	}
	.partnersWrapper img{
		margin-top: 5px;;
		margin-bottom: 5px;;
	}
	.proyecto span.titulo{
		font-size: 2.3rem;
	}
	.proyectoCarrusel .slick-list{
		display: none;
	}
	.proyectoCarrusel .slick-prev{
		top: -85px;
    	left: -50px;
	}
	.proyectoCarrusel .slick-next{
		top: -85px;
    	right: -50px;
	}
	#nosotros{
		padding-bottom: 0;
	}
	#contacto{
		padding-top: 0;
		min-height: 600px;
	}
	#nosotros .descripcion{
		font-size: 1.5rem;
	}
}