body,html{ margin:0px; padding:0px; font-family: 'Roboto', sans-serif; position:relative;  color:#7e7e7e; width: 100%; height: 100%;}
h2{ font-size:56px; font-weight:700; line-height:1em;} /*56px*/
h1{ font-size:72px; font-weight:700; line-height:1em;}
h3{ font-size:36px; font-weight:700; line-height:1em;}
h1,h2,h3,h4,h5,h6 { margin:0px; }
a { text-decoration:none;}
nav{ margin-bottom: 40px;}
.inicio{ font-style:italic; }
.menu { height:50px; display: flex; justify-content: center; font-weight:400;  align-items: flex-end; }
.menu-icon { display:none;}
.menu a {  flex-grow: 1; text-align: center;  font-size:21px; color:#7e7e7e; transition: 0.3s }
.menu a:hover{ font-size:28px; color:#f79321; margin-bottom:10px; transition: 0.3s; }
 a.activo { font-size:28px; color:#f79321; margin-bottom:10px;  }
.container{ max-width:1010px;}
.container {
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.logo{ text-align:center; margin:40px 0px 20px; }
.footer{ background:#7f8384; text-align:center; padding:50px 0px; }
.footer a{ color:#58595b; margin:0px 30px;  display: inline-block; }
.footer-border {
    background: #f79321;
    width: 75%;
    height: 4px;
    margin-top: 140px;
    position: relative;
    animation: linea 1s ease-in-out;
  }

.footer-border img{ position: absolute; bottom: 0; right: -5%; width: 100px;}
.sub-footer { margin:30px 0px 0px; text-align:center; }
.sub-footer a{ color:#fff; }
.caracteristicas{ width: 80%; margin: 50px auto; position: relative; }
.car-item {float: left; width: 31%; margin: 20px 1%; text-align: center; position: relative; height: 200px; cursor: pointer;}
.car-item:hover  { color:#f79321; font-weight: 700; font-size: 1em;}
.car-item:hover  img{ width: 90%; height: auto; transition: 0.3s; left:5%; }
.car-item img  {  width: 80%; height: auto; transition: 0.3s; position: absolute; bottom: 20px; left:10%;}
.car-item .label { margin-top: 180px; text-align: center;}


.cont-naranja{ background: #f79321; padding: 20px 0px; color:#444; font-size: 21px; line-height: 2em; font-weight: 300;}
.contacto{ color:#7e7e7e; max-width: 625px; box-sizing: border-box; padding:20px 40px; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.1); margin:50px auto; border-radius: 20px; font-weight:300; }
.contacto span{ color:#f79321;  }
.tit-contacto{ font-size:36px; text-align: center; font-weight: 700; margin-bottom: 30px;}
.form-row{ display: flex; margin: 10px 0px;}
.form-row label{ flex-grow: 1; display: inline-block; width: 25%}
.form-row input, textarea{ flex-grow: 3; width: 75%; padding: 5px;}
.btn-submit { padding: 10px 40px; color:#fff; background:#58595b; border:none; border-radius: 20px; font-size: 14px;}
.over-naranja{ display: none; padding: 60px 40px; background: rgba(247, 147, 33, 0.9); color: #fff; position: absolute; top: 20%; width: 60%; font-weight: 300; min-width: 280px; left: 20%; box-sizing: border-box; font-size: 21px; line-height: 1.8em; text-align: left;}
.over-naranja span{ font-weight: 700; font-size: 1.5em;}
.clearfix{ clear: both;}
.cerrar { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.nosotros { background: url('../img-web/nosotros-bkgnd.jpg') center top; background-size: contain; background-repeat: no-repeat; width: 100%; max-width: 1440px; background-color: #000; margin: 0px auto;}
.manos{ width: 100%; height: auto; max-width: 1440px; }


.naranja{color:#f79321;}
.regular{ color:#fff; font-size: 32px; line-height: 1.3em;}


.banner-alva-img{ animation: SlideUp 1s ease-out; transform: translatey(0px);  max-width: 100%;
  height: auto;}
.banner-alva{ box-sizing: border-box; padding: 0px 10px; background: url('../img-web/banner-naranja.png') center center; background-size: contain; background-repeat: repeat-x; text-align:center; }
/* inicio */
.ini-titulo { font-size:5vw; font-weight:700; line-height:1em; color:#f79321; text-align: center;}

/*Nosotros*/
 .tit-nosotros{font-size:5vw; font-weight:700; line-height:1em; color:#f79321; }

 .sub-nosotros{ font-size:3.9vw; font-weight:700; line-height:1em; }
 .grande{ font-size: 2.2vw; font-weight: 300; line-height: 2em; margin: 60px 0px; color:#fff; }
 .tit-grande{ font-size: 8.9vw; /*128*/ font-weight: 700; letter-spacing: -3px; font-style: italic; color:#fff; animation: SlideLeft 1s ease-in-out; }
 .sub-grande{ font-size: 3.4vw; /*48*/ font-weight: 300; color:#fff; font-style: italic; animation: LetterSpacing 1s ease-in-out;  }
 .logo-blanco{ max-width: 100%; height: auto;}
 .regular{ color:#fff; font-size: 1.7vw;/*32*/ line-height: 1.3em;}
 .tit-chico{ font-size: 3.6vw; /*52*/ font-weight: 700; color:#fff; font-style: italic; margin: 50px 0px;}
  .confia{ font-size:7vw; /*100*/ font-weight:700; line-height:1em; letter-spacing: -3px; font-style: italic; color:#f79321; margin-top: 60px;}

/*ALVA */
.alva-tramites{ width: 90%; margin:30px auto 50px auto; position: relative; }
.alva-item {float: left; width: 23%; margin: 20px 1%; text-align: center; position: relative; height: 200px; cursor: pointer;}
.alva-item:hover  { color:#f79321; font-weight: 700; font-size: 1em;}
.alva-item:hover  img{ width: 90%; height: auto; transition: 0.3s; left:5%; }
.alva-item img  {  width: 80%; height: auto; transition: 0.3s; position: absolute; bottom: 40px; left:10%;}
.alva-item .label { margin-top: 180px; text-align: center;}
.alva-auto{ font-size: 36px; font-weight: 700; color:#f79321;  font-style: italic;}
.tit-alva{ font-size: 48px; font-weight: 700; font-style: italic; line-height: 1em;}

.alva-grande{ font-size: 38px; font-style: italic; margin: 0px;}
.alva-como{ font-size: 26px; font-weight: 700; font-style: italic; margin: 10px;}
.cont-gris{ background: #444444; padding: 30px 0px; text-align: center; font-size: 22px; font-style: italic; color:#fff; line-height: 1.3em;}
.alva-sub{ animation: SlideLeft 1s ease-in-out; }
.alva-1{ transform: translatex(0px);  animation: SlideLeftShort 1s ease-in-out;  animation-delay: 1s;  animation-fill-mode: backwards;}
.alva-2{ transform: translatex(0px); 	animation: SlideRightShort 1s ease-in-out;  animation-delay: 1.2s;  animation-fill-mode: backwards;}
.alva-3{ transform: translatex(0px); 	animation: SlideLeftShort 1s ease-in-out; animation-delay: 1.4s;  animation-fill-mode: backwards;}
.alva-4{ transform: translatex(0px);  animation: SlideRightShort 1s ease-in-out; animation-delay: 1.6s;  animation-fill-mode: backwards;}
.alva-5{ transform: translatex(0px); 	animation: SlideLeftShort 1s ease-in-out; animation-delay: 1.8s;  animation-fill-mode: backwards;}
.alva-6{ transform: translatex(0px);  animation: SlideRightShort 1s ease-in-out; animation-delay: 2s;  animation-fill-mode: backwards;}
.alva-pie{ font-size: 26px; font-weight: 500; font-style: italic; text-align: center;}
.paso-alva { float: left; margin-left: -30px; margin-bottom: -71px; display: inline-block;}
.alva-pasos { width: 95%; margin: 0px auto 100px;}
.alva-inicio-text { float:left;}
.paso-alva:first-child {
  margin-left: 60px;
}
  .slide1{font-size:4vw; font-weight:700; line-height:1em; color:#f79321; margin-top: 15%; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
  .slide1 span{ font-weight:300; color:#fff; font-size:3.6vw; }
  .slide1-big{ font-size:8vw; font-weight:700; line-height:1em; color:#f79321; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}

  .slide2{ font-size:3vw; font-weight:700; line-height:1em; color:#f79321; margin-top: 15%; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
  .slide2 span{ font-size:2.6vw; color:#fff; }

  .slide3{ font-size:3.2vw; font-weight:700; line-height:1em; color:#f79321; margin-top: 15%; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
  .slide3 span{ font-size:2.8vw; color:#fff; font-weight:300;}
  .slide3-big{ font-size:8vw; font-weight:700; line-height:1em; color:#f79321; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}

  .alva-ini-conte{ position: relative; }
  .alva-inicio-txt{ position: relative; z-index: 20;}

  .alva-inicio-titulo{ font-size: 5.3vw; }
  .alva-ini-conte img{ z-index: 19; transform: translatey(0px);	animation: float 4s ease-in-out infinite; float: right; animation: float 4s ease-in-out infinite; width: 45%; margin: -8% -0% -8% -16%;}

  .manos{ transform: translatey(0px);	animation: SlideUp 1s ease-in-out;  }

  .out-view{ opacity: 0;}
  .mensaje-mail{ text-align: center; font-weight: 700; color: #00b53c; }

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

    .tit-alva{ font-size: 48px; }
    .slide1{font-size:58px; }
    .slide1 span{ font-size:52px;  }
    .slide1-big{ font-size:115px; }

    .slide2{ font-size:43px; }
    .slide2 span{ font-size:38px; }

    .slide3{ font-size:46px;}
    .slide3 span{ font-size:40px; }
    .slide3-big{ font-size:115px; }
    .nosotros {background-size: initial;  }
     .tit-nosotros{ font-size:72px;}

    .sub-nosotros{ font-size:56px;}
    .grande{ font-size: 32px; }
    .tit-grande{ font-size: 128px; }
    .sub-grande{ font-size: 48px;  }

    .regular{ font-size: 32px;}
    .tit-chico{ font-size: 52px;}
     .confia{ font-size:100px;}

     .ini-titulo{ font-size:68px; text-align: center;}

}
@media screen and (min-width: 1010px) {
  .alva-inicio-titulo{ font-size: 56px; }
  .cont-naranja { font-size: 23px; }

}
@media screen and (max-width: 940px) {
  .alva-item{ width:33%; margin: 20px 8%; }

  .tit-nosotros{ font-size:6vw; }
  .ini-titulo{ font-size:5.9vw; text-align: center;}

  .sub-nosotros{ font-size:4.5vw;}
  .grande{ font-size: 2.5vw; }
  .tit-grande{ font-size: 10.5vw; }
  .sub-grande{ font-size: 4vw;  }
  .logo-blanco{ max-width: 100%; height: auto;}
  .regular{ font-size: 2vw;}
  .tit-chico{ font-size: 4.2vw;}
   .confia{ font-size:8vw;}
   .paso-alva:first-child {
    margin-left: 0px;
   }
   .alva-pasos { text-align: center; }
   .paso-alva {float: none;}


}


@media screen and (min-width: 700px) {
  .menu { height:50px; display: flex; justify-content: center; font-weight:400;  align-items: flex-end; }
  .menu-icon { display:none;}
  .menu a {  flex-grow: 1; text-align: center;  font-size:21px; color:#7e7e7e; transition: 0.3s }
  .menu a:hover{ font-size:28px; color:#f79321; margin-bottom:10px; transition: 0.3s; }
   a.activo { font-size:28px; color:#f79321; margin-bottom:10px;  }


 }

 @media screen and (max-width: 840px) {
  .car-item{ width:48%; }

 }

@media screen and (max-width: 700px) {
  .alva-item {
    width: 40%;
    margin: 20px 5%;
}

  .cont-naranja { font-size: 23px; }
  .tit-nosotros{font-size:8vw; }
  .sub-nosotros{ font-size:5.5vw;}
  .grande{ font-size: 3.2vw; }
  .tit-grande{ font-size: 13vw; }
  .sub-grande{ font-size: 6vw;  }
  .logo-blanco{ max-width: 100%; height: auto;}
  .regular{ font-size: 3vw;}
  .tit-chico{ font-size: 6vw;}
   .confia{ font-size:10vw;}
   .logo{ text-align: left; margin: 10px 20px;}
   .logo img{ height: 80px; width: auto;}
   .menu{ display: block; height: auto; display: none; border-top: 1px solid #cecece; }
   .menu a{ flex-grow: unset; display: block; margin: 0px; padding: 10px; border-bottom: 1px solid #cecece;}
   .menu a:hover{ flex-grow: unset; display: block; font-size:21px; margin: 0px;}
   a.activo { font-size:21px;}
   .menu-icon { display: block; float: right; font-size: 36px; line-height: 80px; cursor:pointer;}
   .menu-icon:hover { color:#f79321; }

   .tit-alva { font-size: 7vw; }
   .alva-grande { font-size: 4vw; }
   .alva-auto { font-size: 6vw; }
   .alva-como { font-size: 4vw; }
   .alva-sub { font-size: 7vw; }
   .cont-gris { font-size: 3vw; }
   .alva-pie { font-size: 4vw; }

}
@media screen and (max-width: 500px) {
  .car-item { height: 120px; width: 48%; }
  .car-item .label { margin-top: 100px; }


  .alva-item { height: 120px;}
  .alva-item .label { margin-top: 100px; }

  .caracteristicas { margin: 10px auto; }
  .alva-ini-conte img { float:none; width: 50%; margin: 0; }
  .cont-naranja { text-align:center; font-size: 16px; }
  .alva-inicio-text{ float:none; }
  .alva-inicio-titulo { font-size:7vw; text-align:center; }
  .form-row { display: block; }
  .footer a{ color:#58595b; margin:10px 30px; }
  .form-row input, textarea { width: 100%; }
  .sub-nosotros { font-size: 6vw; }
  .grande { font-size: 4.2vw; }
  .tit-nosotros { font-size: 12vw; }
  .regular { font-size: 4vw; line-height: 1.8em; }



}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes SlideUp {
	0% {
    opacity: 0;
		transform: translatey(-150px);
	}

	100% {
    opacity: 1;
		transform: translatey(0px);
	}
}

@keyframes SlideDown {
	0% {
    opacity: 0;
		transform: translatey(0px);
	}

	100% {
    opacity: 1;
		transform: translatey(100px);
	}
}

@keyframes SlideLeft {
	0% {
    opacity: 0;
		transform: translatex(-100px);
	}

	100% {
    opacity: 1;
		transform: translatex(0px);
	}
}

@keyframes SlideLeftShort {
	0% {
    opacity: 0;
		transform: translatex(-50px);
	}

	100% {
    opacity: 1;
		transform: translatex(0px);
	}
}
@keyframes SlideRightShort {
	0% {
    opacity: 0;
		transform: translatex(50px);
	}

	100% {
    opacity: 1;
		transform: translatex(0px);
	}
}

@keyframes LetterSpacing {
	0% {
    opacity: 0;
		letter-spacing: 5px;
	}

	100% {
    opacity: 1;
		letter-spacing: 0px;
	}
}

@keyframes linea {
  0% {
		width: 0%;
	}

	100% {
		width: 75%;
	}
}