* { margin: 0;
    padding: 0;

}

.relleno{background-color: red;
  max-height: 800px;
  max-width: 100%;

}

html, body {
  margin-top: 0px; 
  max-width: 100%;
  overflow-x: hidden;
  margin-top: 30px;
}


body {
  line-height: 1.6;
  font-family: 'akzidenz-grotesk_nextregular';
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #333333;
  font-weight: 400;
}


@font-face {
  font-family: 'akzidenz-grotesk_nextbold';
  src: url('../fonts/agnextbold-webfont.woff2') format('woff2'),
       url('../fonts/agnextbold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  display: flex;
   align-items: center;
  src: url('../fonts/agnextbold-webfont.woff2') format('woff2'),
       url('../fonts/agnextbold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}



@font-face {
  font-family: 'akzidenz-grotesk_nextregular';
  src: url('../fonts/agnextregular-webfont.woff2') format('woff2'),
       url('../fonts/agnextregular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}



/* header  */
/* barra logo */

.header-top-bar {
  height: 60px;
  vertical-align: middle;
  background: black;
  font-size: 14px;
  padding: 10px 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff;
}


.header-top-bar {
  height: 60px;
  vertical-align: middle;
  background: black;
  font-size: 14px;
  padding: 10px 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff;
}






.bannerweb{
   display: block;
   margin-top: 0px;
}


.gral {
  margin-top: -35px;
  color: white;
  background-color: none;
  display: flex;
  margin-bottom: 30px;
  background-color: none;
  text-align: center;

  

}


.gral div img{
  padding-top: 50px;
  width: 100px;
  background-color: none;

  
}

.gral div .izq img{
  background-color: none;

  
}
.gral div .der img{
  background-color: none;
  
  
}


.gral .graltex  h1{
  text-align: center;
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}


.general{
  text-align: center;
  width: 70%;
  max-width: 2000px;
  border-radius: 5px;

  color: white;
  background-color: black;
}





/* -------titu------------- */



.titu {
  margin-top: -35px;
  width max-width: 100%;
  background-color: none;
  max-width: 100%;
  text-align: center;
  display: flex;
  margin-bottom: 30px;
  padding-left: 10%;
  padding-right: 10%;

}

.titu-tituacc {
  
  width max-width: 100%;
  background-color: none;
  max-width: 100%;
  text-align: center;
  display: flex;
  margin-bottom: 30px;
  margin-right: 10%;
  margin-right: 10%;
  

}









/* -------uno------------- */


.uno {
  margin-top: 35px;
  max-width: 700px;
  border-radius: 10px; 
  background-color: black;
  max-width: 100%;
  text-align: center;
  display: flex;
  margin-right: 17%;
  margin-left: 17%;
  
}






.uno-text h3 {
  margin-top: -15px;
  text-align: center;
  padding: 20px 20px;
  background-color: black;
  box-shadow: 0px 0px 10px 0px rgba(0, 42, 106, 0.1);
  width: 100%;
  color: white;
  font-size: 22px;
  font-family: 'akzidenz-grotesk_nextregular';
}


.primer {
  
  margin-top: 1px !important; 



  }





.numero img {
  width: 100px;
  margin-top: 5px;



  }


.numero {
  text-align: center;

  
  margin: 0px 10px;
  padding: 20px 20px;
  background-color: black;
  /* border-radius: 5px 5px 5px 5px; */
  box-shadow: 0px 0px 10px 0px rgba(0, 42, 106, 0.1);


 
   
}



.condi{
margin-top: 30px;
}

section .container .section-title h2 {
  color: #333b34;
  font-family: 'akzidenz-grotesk_nextbold';
}


h2, .h2 {
  font-size: 20px;
  font-family: 'akzidenz-grotesk_nextbold';
}


.service {
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 40px !important;
}


.condi-sm {
  padding: 70px 0;
}

.condi-bottom {
  padding-bottom: 100px;
}
section.condi.about {
  padding: 12px;
}


.gray-bg {
  background: #EBEBEB;
}


.service .service-item {
  background: #fff;
  font-size: 15px;
  padding: 30px;
  border-radius: 5px;
}




.btn-dark{width: 200px;
  
  font-size: 27px;
  text-align: center;
  background: #E4DD55 !important;
  margin-top: 70px;
  
  box-shadow: 10px 10px 10px 0px rgba(0, 42, 106, 0.1);
  border-radius: 5px;
  color: black;

  font-family: 'akzidenz-grotesk_nextregular';

}









 footer {
  background-color:black ;
  max-width: 100%;
  text-align: center;
  color: white;
  height: 70px;
  font-size: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 100px;
  padding-top: 10px;
}
 





/* ----------------------------- */







/* MEDIAQUERY */



/* MEDIAQUERY BANNER */


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





.bannerweb {
  display: none;
}


.titu .imgtitudesk {


 
  
display: none;


  }




html, body {
  margin-top: 0px; 
  max-width: 100%;
  overflow-x: hidden;
  margin-top: 26px;
}


 

.gral {
  margin-top: -20px;
  color: white;
  background-color: none;
  display: flex;
  margin-bottom: 30px;
  background-color: none;
  text-align: center;

  

}


.gral div img{
  text-align: center;
  padding-top: 90px;
  width: 35px;
  background-color: none;

  
}

.gral div .izq img{
  background-color: none;

  
}
.gral div .der img{
  background-color: none;
  
  
}


.gral .graltex  h1{
  text-align: center;
  font-size: 25px;
  padding-top: 30px;
  padding-bottom: 30px;
}


.general{
  text-align: center;
  width: 92%;
  max-width: 2000px;
  border-radius: 5px;

  color: white;
  background-color: black;
}







/* -------titu------------- */



.titu {
  margin-top: -20px;
  width max-width: 100%;
  background-color: none;
  max-width: 100%;
  text-align: center;
  display: flex;
  margin-bottom: 20px;


}

.titu-tituacc {
  
  width max-width: 100%;
  background-color: none;
  max-width: 100%;
  text-align: center;
  display: flex;
  margin-bottom: 30px;
  margin-right: 10%;
  margin-right: 10%;
  

}




/* -------uno------------- */


.uno {
  margin-top: 35px;
  max-width: 700px;
  border-radius: 10px; 
  background-color: black;
  max-width: 100%;
  text-align: center;
  display: flex;
  margin-right: 13%;
  margin-left: 13%;
  
}






.uno-text h3 {
  margin-top: -10px;
  text-align: center;
  
  background-color: black;
  box-shadow: 0px 0px 10px 0px rgba(0, 42, 106, 0.1);
  width: 100%;
  color: white;
  font-size: 20px;
  font-family: 'akzidenz-grotesk_nextregular';
}



  .primer {
  
  margin-top: 1px !important; 



  }





.numero img {
  width: 65px;
  margin-top: 5px;



  }





}