@charset "utf-8";
/* CSS Document */
html
{
	max-width: 100%;
	overflow-x: hidden;
}
body
{
	font-family: 'Roboto Condensed';
	margin: 0px;
	height: 100%;
	width:100%;
	background-color: #353535;
	background-image: url(../Assets/lumo_background.svg);
	background-attachment: fixed;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-repeat: repeat;
	font-weight: normal;/*
	-webkit-animation:100s scroll infinite linear;
  	-moz-animation:100s scroll infinite linear;
  	-o-animation:100s scroll infinite linear;
  	-ms-animation:100s scroll infinite linear;
  	animation:100s scroll infinite linear;*/
}
/*
@-webkit-keyframes scroll{100%{background-position:0px -1200px;}} /*100% { transform: translateY(-100%); }}*/
/*@-moz-keyframes scroll{100%{background-position:0px -1200px;}}
@-o-keyframes scroll{100%{background-position:0px -1200px;}}
@-ms-keyframes scroll{100%{background-position:0px -1200px;}}
@keyframes scroll{100%{background-position:0px -1200px;}}*/

/*CONTACT FORM*/
#contact-container
{
	margin-top:32px;
	padding:16px;
	text-align:left;
	overflow:hidden;
}
input
{
	font-size:16px;
	height:48px;
	margin-bottom:16px;
}

textarea
{
	font-size:16px;
	width:100%;
    height: 128px;
    resize: none;
	margin-bottom:16px;
}

#ingreso
{
	width:48%;
	display:inline-block;
}
.flot{float:right;}

#telefono{width:100%;}
/*BOTONES*/
.boton_cotizar
{
	font-family:'Roboto';
	background-color: Transparent;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
	border: 4px solid #FFFFFF;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	/*width:64px;*/
	margin:0 auto;

	float:left;
	margin-left:25%;
}
.boton_enviar
{
	font-family:'Roboto';
	background-color: Transparent;
	color: white;
	padding: 16 32;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
	border: 4px solid #FFFFFF;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	width:128px;
}
.boton_cotizar:hover, .boton_enviar:hover
{
	background:#FFFFFF;
	color:#353535;
}
	
.boton-izquierda, .boton-derecha, .boton-circular
{
	margin-top:-48px;
	font-size:32px;
	color:#353535;
	cursor:pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	z-index:50;

}
.boton-izquierda{width:64px;float:left;}
.boton-derecha{width:64px;float:right;}
.boton-izquierda:hover, .boton-derecha:hover
{
	color:#fff;
	font-weight:bolder;
}
.boton-izquierda:active, .boton-derecha:active
{
	color:#353535;
	font-weight:normal;
	margin-left:20px;
	margin-right:20px;
}
/**/
.boton-circular
{
	margin-left:8px;
	margin-right:8px;
	margin-bottom:32px;
	background-color:#353535;
	height:16px;
	width:16px;
    border-radius: 50%;
	display:inline-block;
	opacity:0.5;
	text-align:center;
}
.boton-circular:hover
{
	opacity:1;
}
.boton-circular-sel
{
	opacity:1;
}
/*------------------*/

/*NAVIGATION START*/
#lumo-header
{
	position:fixed;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	padding-top:16px;
	padding-bottom:16px;
	background-color: #F5E037;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
	z-index:10000;
}
#lumo-burger, .mobile-nav, #mobile-header
{
	display:none;
	visibility:hidden;	
}

.anchor{position: relative;}
.anchor a{position: absolute;left: 0px;top: -128px;}

#lumo-logo{position:fixed;width: 48px;padding-left:25%;}

#lumo-nav{list-style: none;text-align: center;}

#lumo-nav > li{display:inline-block;padding-left: 16px;padding-right: 16px;}

#lumo-nav > li a{position:relative;text-decoration: none;color: #353535;}

#lumo-nav >li  a:hover{font-weight:bold;}

#lumo-nav >li a:before
{
 	content: "";
 	position: absolute;
 	width: 100%;
 	height: 2px;
 	bottom: 0;
 	left: 0;
 	background-color: #000;
 	visibility: hidden;
 	-webkit-transform: scaleX(0);
 	transform: scaleX(0);
 	-webkit-transition: all 0.3s ease-in-out 0s;
 	transition: all 0.3s ease-in-out 0s;
}

#lumo-nav >li a:hover:before
{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  font-weight:bold;
}
/*NAVIGATION END*/

/*WRAPPER*/
#lumo-wrapper
{
	background-image:url(../Assets/yellow_strap.svg);
	background-size:cover;
	background-position: 0px 256px;
	background-repeat:no-repeat;
}
/*WRAPPER*/
.seccion
{
	padding-top:64px;
	padding-bottom:64px;
	width:100%;
	height:100%;
	text-align:center;
	min-height:256px;
}

.intro
{
	position:relative;
	min-height:256px;
	padding:32px;
	margin:0 auto;
	width:50%; /*era 50*/
	height:100%;
	margin-bottom:72px;
}

/*CONTENT BACKGROUNDS*/
#back-funcion
{
	background-image: url(../Assets/back_funcion.png);
	background-size:cover;
}
#back-faq
{
	background-image: url(../Assets/back_faq.png);
	background-size:cover;
}
#back-contacto
{
	/*background-image: url(../Assets/back_contacto.png);*/
	background-size:cover;
	background-color:#000;	
}
.container
{
	margin:0 auto;
	width:60%; /*era 50*/
	zindex:10;
}
.card
{
	width:100%;
	height:100%;
	min-height:400px;
	background-color:rgba(255,255,255,0.75);
	box-shadow: -4px -4px 16px 0 rgba(0, 0, 0, 0.2), 4px 4px 16px 0 rgba(0, 0, 0, 0.25);
	zindex:50;
}

.contact-card
{	background:#353535;}
/*CARD CONTENT*/

/*INICIO*/
#lumo-inicio
{
	margin-top:72px;
}
#lumo-inicio h1
{
	float:left;
	font-size:72px;
	color:white;
	text-align:left;
	margin-bottom:32px;
}

/*COMO FUNCIONA*/
#lumo-funcion h1
{
	text-align:left;
	font-size:48px;
	margin:16px 16px -36px 16px;
	color: #353535;	
}

#funcion_p
{
	text-align:left;
	width:100%;
	font-size:24px;
	display:block;
	color:#353535;	
}

/*FAQ*/
#lumo-faq h1
{
	text-align:right;
	font-size:48px;
	margin:16px 16px -36px 16px;
	color: #353535;	
}

#faq-number p
{
	margin:0 auto;
	margin-top:-48px;
	font-size:32px;
	display:inline-block;
	color:#353535;	
}

#faq_p
{
	text-align:left;
	width:90%;
	font-weight:bold;
	font-size:24px;
	display:block;
	color:#353535;
}
#faq_r
{
	width:90%;
	margin-top:16px;
	text-align:left;
	font-weight:normal;
	font-size:24px;
	display:block;
	color:#353535;
}

/*CONTACTO*/
#lumo-contacto h1
{
	text-align:left;
	font-size:48px;
	margin:16px 16px -36px 16px;
	color: #353535;
	color: #fff;
}
#lumo-contacto img
{
	width:25%;
	margin:64px;
	margin-left:60%;
}

/*FOOTER*/
.columna
{
	width:20%;
	font-family:'Roboto';
	float:left;
	color:white;
	margin:0 auto;
	margin-right:5%;
	text-align:left;
	display:inline-block;
}

.columna, h1
{
	font-size:20px;
}
.columna, p
{
	font-size:16px;
}

.columna > ul{list-style: none;text-align: left;margin:0;padding:0;}
.columna > ul > li{margin:0;padding:0;}

.columna > ul > li a{position:relative;text-decoration: none;color: #fff;}

.columna > ul  > li  a:hover{font-weight:bold;}

.columna > ul > li a:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.columna > ul >li a:hover:before
{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  font-weight:bold;
}

/*ANIMACIONES Y SLIDES*/
.stepslide, .faqslide
{
	display:none;	
}
#ani_left, #ani_right
{display:inline-block;margin-top:48px;}
#ani_left
{
	/*background:red;*/
	width:40%;
	margin-left:16px;
	float:left;
	text-align:left;
}

#ani_right
{
	/*background:blue;*/
	width:50%;
	margin-right:16px;
	float:right;
}

iframe
{
	min-height:128px;
	height:256px;
	border:none;
}

/*SOCIAL*/
.fa
{
	color:#fff;
  	font-size: 32px;
  	width: 30px;
  	text-align: center;
  	text-decoration: none;
  	margin: 0 auto;
  	border-radius: 50%;
}

.fa:hover
{
    opacity: 0.6;
}