html a img{border:none;}
img { border: none;}
html{padding:0;margin:0;position:relative;min-height: 100%;}
body{padding:0;margin:0px;background: #fff;font-family: "Roboto", sans-serif;background:#FFF;text-align:justify;font-size:11px;font-weight:300;}
*{margin: 0;}
html, body {height:100%;}

#divgral{width:100%;margin:0 auto;padding:0;background:#ffffff;z-index:10000;position:fixed;}
#blanco{height:140px;}
h1{ font-family: "Montserrat", sans-serif;}
h3{color: #0049b0;line-height: 40px;}
h2{
  display: block;
    margin: 20px auto;
    text-align: center;
    color: #c0c0c0;
    letter-spacing: 3px;
}
b{font-weight:600;}
strong{font-weight:400;}

#todo{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    min-height: 55px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding:0;
}
#logo{width:350px;max-width:80%;margin:20px;}

.redes-soc{
    font-size: 25px;
    padding: 20px;
    margin: 0px;
}

.redes-soc a{margin:0 10px;}
.redes-soc i{color: #008fe8;}

#barblock{    
    background: #FFF;
    /* border-top: 1px solid #000; */
    display: flex;
    /* border-bottom: 1px solid #000; */
    flex-direction: column;
    align-items: flex-end;    
    width:60%;
    text-align:right;
}
#divmenu{display:block;width:100%;min-height:30px;border:green solid 0px;float:right;margin-top:0px;}
section{display:flex; font-size: 20px;}
.pag{width:98%;max-width:1500px;margin:0 auto;overflow:hidden;}
h1{color: #0049b0;font-size:50px;font-weight:900;}

#f-azul{
  position: absolute;
  z-index: 2;
  width: 100%;
  margin-top: -70px;
}
#f-azul .pag{  
  background:#0049b0; 
}

.s1{
  padding:40px;
  width:80%;
  color:#FFF;
  text-align: center;
  margin:0 auto;
  font-weight: 300;
}
.s1 b{
  font-weight:800;
}

#team{
  background:#fff;
  padding: 90px 0 0;
    margin-top: 60px;
}
#the-team{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 0;
}
.profile{
  width:26%;
  padding:5px;
}
.profile img{
  width:100%;
  margin: 20px 0;
}
.profile p{
margin:20px 0;
}

#contactus{
  background: #fff;
background: linear-gradient(180deg, #fff 21%, #0049b0 21%);
padding-bottom:100px;
}
#contactus .pag{background:#FFF;}

#contactus h2{    font-weight: 200;}

#contactus h2 b{
  background: #008ee8;
  border-radius: 20px;
  padding:5px 30px;
  margin: 20px 30px;
  color:#FFF;
  letter-spacing: 0px;
}

#contactus span{
  display: block;
  text-align: center;
  margin: 20px auto;
  width: 90%;
  padding: 40px 0;
}
#contactus i{    color: #0049b0;}

#frm{
    display: flex;
    width: 90%;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-evenly;
}
input{
  border: #D1CAB7 solid 1px;
  color: #4a4a4a;
  border-radius: 20px;
  width: 25%;
  margin:20px 3%;
  height: 36px;
  padding: 0 10px;  
}
textarea{
  border: #D1CAB7 solid 1px;
  color: #4a4a4a;
  border-radius: 20px;
  width: 92%;
  height: 99px;
  padding: 10px 10px; 
}
#btnblue{
  background: #008ee8;
  color: #FFF;
  font-weight: 900;
  text-transform: uppercase;
  width: 142px;
}

#mission{
  background: #0049b0;
  background: linear-gradient(180deg, #0049b0 21%, #fff 21%);
  padding:50px 0;  
}
#mission .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

#mission span{
  display: block;
  padding: 50px;
  margin-top: 50px;
  max-width: 500px;
}
#mission img{width:100%;max-width:600px;}

#etiqueta{
  background:url("../img/etiquetaf.png");
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
  height:580px;  
}

#etiqueta .pag{
  display:flex;
  flex-direction: row;
  justify-content: flex-end;
}
#etiqueta img{
  height:250px;
}

#vision{
  background: #0049b0;
  padding:50px 0;  
  height: 384px;
}
#vision .pag{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

#vision span{  
     padding: 50px;
     margin-top: 50px;
     max-width: 500px;
     color: #FFF;
     position: absolute;
    
}

@media only screen and (max-width : 4929px) {
  #vision span{right: 26%;}
}
@media only screen and (max-width : 2600px) {
  #vision span{right: 16%;}
}
@media only screen and (max-width :1700px) {
  #vision span{right: 4%;}
}



#vision h1{color:#fff;}

#vision img{
  width: 100%;
  max-width: 600px;
  margin-top: -100px;
  position: absolute;
  z-index: 3;
}

#values{
  padding:100px 0;
}
#values h4{
  font-weight:400;
}
.values-card{
  display: flex;
  width: 100%;
  margin: 20px auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
.values-card div{
  width: 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  font-weight:200;
}
.values-card div b{
  color: #0049b0;
  font-weight:900;
}

#andre-lippert{
  background: #fff;
  background: linear-gradient(180deg, #fff 35%, #f0f5f7 21%);
  padding:40px 0;
}
#andre-lippert img{
 width:300px;display:block;margin:20px auto;
}
#andre-lippert .pag{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}



#andre-lippert h2{font-weight:200;}

#andre-lippert h2 b{
  border-radius: 20px;
  padding:5px 30px;
  margin: 20px 30px;
  color:#0049b0;
  letter-spacing: 0px;
}

.infocard{display:flex;}
.ic{
  list-style: circle;
  font-size: 14px;
  font-weight: 300;
  background: url('../img/flechagris.png')center right no-repeat;
  padding: 20px;
  width: 20%;
  text-align: left;
}
.ic:nth-child(1){
  background: url('../img/flechagris.png')center right no-repeat,
  url('../img/bluearrow.png') center left no-repeat;
  padding: 20px 20px 20px 30px;
}

.ic:nth-child(5){
  background:url('../img/bluearrow.png') center right no-repeat;
  padding: 20px 0px 20px 20px;
}



#carlos-zavala{
  background: #fff;
  background: linear-gradient(180deg, #fff 35%, #f0f5f7 21%);
  padding:40px 0;
}
#carlos-zavala img{
 width:300px;display:block;margin:20px auto;
}
#carlos-zavala .pag{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}



#carlos-zavala h2{font-weight:200;}

#carlos-zavala h2 b{
  border-radius: 20px;
  padding:5px 30px;
  margin: 20px 30px;
  color:#0049b0;
  letter-spacing: 0px;
}




footer{
    width: 100%;
    overflow: hidden;
    min-height: 130px;
    background: #000000;
    padding: 40px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    color:#FFF;
}
footer .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
}
footer i{font-size:30px !important;color:#FFF;letter-spacing: 15px;}

footer img{width:200px;}
.av-p{
  width:100%;color:#FFF;text-align:center;
}


.movil{display:none;}
.web{display:block;}

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

}


@media only screen and (max-width : 929px) {
  nav ul{display:block;height:auto;width:100%;}
  #divmenu{display:block;width:100%;height:auto;}
  #contenido{width:100%;margin:0 auto;}
}

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

h2{margin: 2px auto;}
  #logo{max-width: 70%;margin: 5px auto;display:block;}
  #blanco{height:100px;}

    #todo {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding:0px;
        align-content: center;
        align-items: center;
    }
    #barblock{width:100%;}
    .redes-soc{display:none;}
    .pag{width:91%;}
   

    #divmenu{background:#008fe8}

#divgral{position:relative;margin-bottom:120px;}
.form {margin:0 auto;width: 85%;}
#submenus a{width:30%;margin-top:5px}
.movil{display:block;}
.web{display:none;}

#f-azul {margin-top: -30px;}

.s1 {
  padding: 18px;
  width: 74%;  
  font-size: 15px;
}
#team {padding: 110px 0 0;}
#the-team{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.profile {
  width: 96%;
  padding: 5px;
  margin: 0 auto;
}
#contacto{
  padding-bottom: 20px;
}
#contacto h2 {
  color: #FFF;
}

input {
  width: 90%;
}
#mission {
  background: linear-gradient(180deg, #0049b0 10%, #fff 10%);
  padding: 10px 0;
}
#mission .pag {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

#vision img {
  width: 91.2%;
  max-width: 600px;
  margin-top: -150px;
  position: absolute;
  z-index: 3;
}
#vision span {
  padding: 60px;
  margin-top: 142px;
  max-width: 500px;
  color: #FFF;
  position: absolute;
}

#values {
  padding: 25px 0;
}

.values-card div {
  width: 100%;
margin:20px 0;
}
#andre-lippert {padding: 10px 0 20px;    background: #fff;
  background: linear-gradient(180deg, #fff 20%, #f0f5f7 21%);}

#carlos-zavala {padding: 10px 0 20px;    background: #fff;
    background: linear-gradient(180deg, #fff 20%, #f0f5f7 21%);}

.infocard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ic { width: 37%; }
.ic:nth-child(5) { padding: 20px;}

footer .pag {
  display: flex;
  flex-wrap: nowrap;
  font-size: 15px;
  align-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
footer span{
  padding: 30px 0;
}




}