/*-----------------------------------------------------------------------------------*/
/* COMMON
/*-----------------------------------------------------------------------------------*/
/*
*{
  box-sizing: border-box;
}
*/

body {
	position: relative;
}

body:before {
	content: " ";
	display: block;
	position: absolute; /* could also be absolute */ 
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	background: rgba(0,0,0,0.4);
}

main section {
	position: relative;
	width: 100%;
	height: 100vh;
}

main{
	padding: 0px !important;
}

footer{
	display: none;
}

form {
	padding-top: 40px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	margin-top: 8%;
	background: #FFF;
}
input[type=submit]{
	display: block;
	width: 100%;
}
form 
/* label color */
.input-field label {
	color: #01376b;
}
/* label focus color */
.input-field input[type=password]:focus + label, 
.input-field input[type=email]:focus + label,
#textarea1:focus + label {
	color: #1467B7;
}
/* label underline focus color */
.input-field input[type=password]:focus,
.input-field input[type=email]:focus,
#textarea1:focus {
	border-bottom: 1px solid #1467B7;
	box-shadow: 0 1px 0 0 #1467B7;
}
/* valid color */
.input-field input[type=password].valid,
.input-field input[type=email].valid,
#textarea1.valid {
	border-bottom: 1px solid #1467B7;
	box-shadow: 0 1px 0 0 #1467B7;
}
/* invalid color */
.input-field input[type=password].invalid,
.input-field input[type=email].invalid,
#textarea1.invalid {
	border-bottom: 1px solid #FF4000;
	box-shadow: 0 1px 0 0 #FF4000;
}
/* icon prefix focus color */
.input-field .prefix.active {
	color: #1467B7;
}
.input-field .prefix {
	color: #01376b;
}

/*-----------------------------------------------------------------------------------*/
/* ANIMACION
/*-----------------------------------------------------------------------------------*/
@keyframes draw {
	from{}

	to {
		stroke-dashoffset: 0;
	}
}

.b_grande {
	animation: draw 3s ease-in-out 0s forwards;
}
.m_curva {
	animation: draw 5.5s ease-in-out 2s forwards;
}
.letra_b {
	animation: draw 1s ease-in-out 0s forwards;
}
.letra_o_izq {
	animation: draw 1s ease-in-out 0.5s forwards;
}
.letra_l {
	animation: draw 1s ease-in-out 1s forwards;
}
.letra_e {
	animation: draw 1s ease-in-out 1.5s forwards;
}
.letra_m {
	animation: draw 1s ease-in-out 2s forwards;
}
.letra_a {
	animation: draw 1s ease-in-out 2.5s forwards;
}
.letra_t {
	animation: draw 1s ease-in-out 3s forwards;
}
.letra_i {
	animation: draw 1s ease-in-out 3.5s forwards;
}
.bolita_i {
	animation: draw 1s ease-in-out 3.5s forwards;
}
.letra_c {
	animation: draw 1s ease-in-out 4s forwards;
}
.letra_o_der {
	animation: draw 1s ease-in-out 4.5s forwards;
}
.punto {
	animation: draw 1s ease-in-out 5s forwards;
}
.letra_c_com {
	animation: draw 1s ease-in-out 5.5s forwards;
}
.letra_o_com {
	animation: draw 1s ease-in-out 6s forwards;
}
.letra_m_com {
	animation: draw 1s ease-in-out 6.5s forwards;
}


/*-----------------------------------------------------------------------------------*/
/* RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px){

}

@media only screen and (min-width: 601px){

}

@media only screen and (min-width: 750px) {

}

@media only screen and (min-width: 993px){

}

@media only screen and (min-width: 1200px){

}

@media only screen and (min-width: 960px) and (max-width: 1200px){

}

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

}

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

}

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

}

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

}

/* IPADS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width : 960px) and (max-width : 1024px){

}

/* IPAD - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
@media only screen and (min-width: 768px) and (max-width: 959px){

}

/* IPHONE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
@media only screen and (min-width: 480px) and (max-width: 767px){

}

/* IPHONE 2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
@media only screen and (min-width: 320px) and (max-width: 479px){

}

/* RESPONSIVE IMAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
@media only screen and (max-width: 1920px){

}

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

}

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

}