*{
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* para que no tenga margen de espacio en los costados y sea entero*/
}

body{
  font-family: 'open sans';
  width: 100%;

  padding-top: 146px;
  transition: padding-top 0.5s ease;

  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6);
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, rgba(216, 226, 217, 0.554), rgba(216, 226, 217, 0.554));  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.554), rgba(255, 255, 255, 0.554));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-size: cover;  /*posiciona la imagen completa al tamanio de la fondo coloreado*/
  background-attachment: fixed; /*posiciona la imagen completa al tamanio de la fondo coloreado*/
  position: relative;
}

@font-face{
  font-family: "Sigvar-Light";
  src: url("../fonts/Sigvar-Light.ttf");
}

@font-face{
  font-family: "BaskervilleMTStd-Regular";
  src: url("../fonts/BaskervilleMTStd-Regular.otf");
}



header{
  width: 100%;
  height: 110px;/*60px*/
  /* Chrome 10-25, Safari 5.1-6 */
  /*background: linear-gradient(to right, rgba(143, 79%, 64%, 0.178), rgba(96, 120, 98, 0.93));
  background-image: url(../img/ESwdkp3XYAEsTPu4.jpg);*/
  background: linear-gradient(to right, rgba(96, 120, 98, 1), rgba(96, 120, 98, 1));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  text-align: center;
  position: fixed;
  top: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
  z-index: 1000;
}

/*//////////////////INICIO CABECERA 3////////////////////*/


/*////*/
.socialfooter1{
  font-size: 1.3rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 25px 0;
}

.socialfooter1 .icon1{
  color: white;
  text-decoration: none;
  padding: .9rem;
  display: flex;
  transition: all .5s;
  border-radius: 10px;
  margin: 0 5px 0 5px;
  -webkit-box-reflect: below 2px linear-gradient(transparent, transparent, rgba(0,0,0,0.4));
}

.socialfooter1 .icon-facebook{
  background: #809381;
}

.socialfooter1 .icon-whatsapp{
  background: #809381;
}

.socialfooter1 .icon-youtube{
  background: #809381;
}


.socialfooter1 .icon1:hover{
  -webkit-transform:scale(1.3);transform:scale(1.3);
  border-radius: 1rem;
  box-shadow: 0 0 5rem rgba(0, 0, 0 ,0.42);
}
/*////*/
header .aparece{
  display: flex;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  
}

header .imgcolor {
  
  transition: all 0.3s ease;
}

header .imgcolor:hover {
  -webkit-transform:scale(.8);transform:scale(.8);

}

header .socialfooter1 a{
  transition: all 0.2s ease;
}

.menu_bar{
  display: none;
}

header nav{
  background: #EFF1EE;/*690317c5*//*#690318da*/
  z-index: 1001;
  position: fixed;/*fixet*/
  /*max-width: 1200px;*/
  width: 100%;
  height: 55px;
  /*margin: auto;*/
  
  
  transition: all .3s ease-in;
  display: flex;
  justify-content: center;
}


header nav ul{
  list-style: none;
  
}

header nav ul li{
  display: inline-block;
  position: relative;
  transition:all .5s ease-in-out;
}

header nav ul li:hover{
  background: #99A99A; /*#*/
  z-index: 1000;
}

header nav ul li a{
  font-size: 17px;
  color: #333333;
  display:block;/*block*/
  line-height: 1;
  text-decoration: none;
  font-weight: 600;
  padding: 20px;
}

header nav ul li a:hover{
  color: #dadada;
}


header nav ul li a span{
  margin-right: 10px;
  color: #707070;
}

header nav ul li:hover .hijos{
  display: block;
}

header nav ul li .hijos{
  display: none;
  background: #99A99A;/*#011826df*/
  position: absolute;
  width: 120%;
  z-index: 1000;
}

header nav ul li .hijos li{
  display: block;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.5);
  width: 100%;/*esto aumentamos para que ocupe todo el width cada palabra*/
}

header nav ul li .hijos li a{
  display: block;
  padding: 6px;
  font-size: 12px;
}

header nav ul li .hijos li a span{
  float: right;
  position: relative;
  top: 5px;
  margin-right: 0;
  margin-left: 10px;
}


header nav ul li .caret{
  font-weight: bold;
  position: relative;
  top: 2px;
  margin-left: 10px;
  margin-right: 0px;
}

body.sticky-header{
  padding-top: 100px; /*100px*/
  /*transition: all 0.5s ease-in-out;*/
  transition: all 0.6s ease-out;
}

body.sticky-header header{
  height: 50px;/*50*/
  transition: all 0.6s ease-out;
}

body.sticky-header nav{
  transition: all 0.6s ease-out;
  transform: translateY(-100px);
  /*top: 0;*/
}

body.sticky-header header .imgcolor{
  transform: scale(0, 0);
}

body.sticky-header header h6{
  transform: scale(0, 0);
}

body.sticky-header header .aparece .socialfooter1 a{
  transform:scale(0, 0);
}

@media screen and (max-width: 860px) {
  body{
    padding-top: 65px;
  }

  header{
    width: 100%;
    height: 65px;
  }

  body.sticky-header header{
    height: 65px;/*50*/
  }

  header .aparece{
    display: none;
  }


  .menu_bar{
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    background: #607862d5; /*690317c5*//*#497a4d*/
    z-index: 1000;
  }

  .menu_bar .bt-menu{
    display: block;
    padding: 15px 5px 10px 0px;
    color: #FFF;
    overflow: hidden;
    font-size: 23px;
    font-weight: bold;
    text-decoration: none;
  }

  .menu_bar span{
    float: right;
    font-size: 35px;
  }

  header nav{
    width: 70%;
    height: calc(100% - 65px);
    position: fixed;
    right: 100%;
    margin: 65px 0 0 0;
    overflow: scroll;
    text-align: left;
  }

  body.sticky-header header nav{
    transform: translateY(0px);
    top: 0;
  }


  header nav ul li{
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.5);
    width: 100%; /*se aumento esto para que ocupe todo el ancho*/
  }

  header nav ul li:hover{
    background: #99A99A; /*#*/
    top: 65;
  }
  

  header nav ul li a{
    display: block;
  }

  header nav ul li:hover .hijos{
    display: none;
  }

  header nav ul li .hijos{
    width: 100%;
    position: relative;
  }

  header nav ul li .hijos li a{
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  header nav ul li .caret{
    float: right;
  }

}

/*///////////////////CIERRE CABECERA 3//////////////////////*/

/**/
.contenedor{
  padding: 60px 0; /* 60px margen de espacio hacia arriba y abajo, 0 para los costados*/
  width: 90%;
  max-width: 1150px;
  margin:auto; /* margen aunto centreado*/
  overflow: hidden; /* si se sale del espacio se esconda*/
}




/*/////////////////INICIO SERVICIOS SIN COSTO ///////////////////////////////////////////////*/

.broker{
  padding: 50px 15% 0 0;
}

.broker .letragrande{

font-family: 'Source Sans Pro', sans-serif;
padding-top: 40px;
margin-bottom: 20px;

color:#FFF;
font-size: 40px;/*35*/
font-weight: 800;
text-align: center;

margin-left: 10%;
  margin-right: 10%;
  background: #607862bb;
  border: 2px solid #FFF;
  border-radius: 10px;
  text-shadow: 1.6px 1.6px #5d5d5d;
  box-shadow: 0 2px 0px 2px rgba(88, 37, 38, 0.335);
  padding: 12px 25px;
}

.brokersoat{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;

  background: -webkit-linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/construccion2.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/construccion2.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-blend-mode: multiply,normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: left;
  overflow: hidden;
  border-radius: 0 55px 55px 0;
}


.brokercivil{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: -webkit-linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/responsabilidad2.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/responsabilidad2.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-blend-mode: multiply,normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: left;
  overflow: hidden;
  border-radius: 0 55px 55px 0;
}

.brokerpropiedad{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: -webkit-linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/propiedad2.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/propiedad2.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-blend-mode: multiply,normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: left;
  overflow: hidden;
  border-radius: 0 55px 55px 0;
}

.brokertransporte{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: -webkit-linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/transporte4.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/transporte4.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-blend-mode: multiply,normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: left;
  overflow: hidden;
  border-radius: 0 55px 55px 0;
}

.brokerconstruccion{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: -webkit-linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/construccion1.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(96, 120, 98, 0.65), rgba(96, 120, 98, 0.657)), url(../img/8seguros/construccion1.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-blend-mode: multiply,normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: left;
  overflow: hidden;
  border-radius: 0 55px 55px 0;
}

.broker2 img{
  width: 50%;
  height: auto;
  margin: 20px 40px 20px 20px;
  justify-content: center;
  border-radius: 20px;
  box-shadow: 0 0 12px 0 rgb(0 0 0 / 80%);
  transition:all .5s ease-in-out;
}

.broker2 img:hover{
  -webkit-transform:scale(1.3);transform:scale(1.3);
}


.broker2{
width: calc(60%);
height: auto;
background: rgba(255, 255, 255, 0.657);
position: relative;
left: 18%;
text-align: center;
padding: 0;
margin: 80px 20px 80px 20px;
border-radius: 15px;
}

.broker2 h2{
  padding: 0;
  margin:5px 0 5px 0;
  margin-left: 25px;
  margin-right: 25px;
  font-weight: 600;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  color: #333333ce;/*aca5a5*/
  font-size: 18px;
  }

.broker2 h6{
font-weight: 100;
font-family: 'Roboto', sans-serif;
color: #333333a4;
font-size: 17px;
margin-bottom: 15px;
padding: 0px 10px 0px 10px;
text-align: justify;
text-align: center;
}

.broker2 a{
  width: 230px;
  font-size: 15px;
  font-weight: 600;
  background: #690317b2;
  border-radius: 8px;
  box-shadow: 0 2px 0px 2px rgba(88, 37, 38, 0.335);/*60, 78, 62, 0.9*/
  text-decoration: none;
  color: #FFF;
  padding: 12px 25px;/*9px 20px*/
  margin-bottom: 10px;
  border: 2px solid #FFF;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

.brokerdos a:hover{
  background-color: #8cb18fc2;
  color: #333;
  transform: translateY(-15px);
  box-shadow: 0 0 .9rem rgba(35, 186, 176, 0.5);/*rgba(88, 37, 38, 0.9)*/
}


@media screen and (max-width: 766px){
  
  .broker{
    padding: 0 10% 0 0;
  }

  .broker2 img{
    width: 70%;
    height: auto;
    margin: 10px 20px 20px 10px;
  }

  .broker .letragrande{
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;/*35*/
    
  }

  .broker2{
    width: calc(95%);
    left: 5%;
  }

  .broker2 h2{
    font-size: 16px;
    margin-left: 10%;
    margin-right: 10%;
  }
  
  .broker2 h6{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 0px 10px 0px 10px;
  }

  .brokerdos a{
    width: 160px;
    font-size: 13px;
    padding: 9px 20px;/*9px 20px*/
    
  }
}

@media screen and (max-width: 366px){
  
  .broker{
    padding: 0 7% 0 0;
    margin-top: 40px;
  }

  .broker .letragrande{
    margin-left: 10%;
    margin-right: 10%;
    font-size: 19px;/*35*/
    
  }
}

/*/////////////////CIERRE SERVICIOS SIN COSTO ///////////////////////*/

/*////////////////INICIO TEASESORAMOS////////////////////////////////////*/
.brokercero{
padding: 50px 0 0 15%;
/*margin-top: 30px;*/
}

.brokercero .letragrande{

font-family: 'Source Sans Pro', sans-serif;
padding-top: 40px;
margin-bottom: 20px;

color: #FFF;
font-size: 40px;/*35*/
font-weight: 800;
text-align: center;


margin-left: 10%;
  margin-right: 10%;
  background: #69031773;
  border: 2px solid #FFF;
  border-radius: 10px;
  text-shadow: 1.6px 1.6px #5d5d5d;
  box-shadow: 0 2px 0px 2px rgba(88, 37, 38, 0.335);
  padding: 12px 25px;
}

.brokermotor{
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: space-evenly;
background: -webkit-linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/persona22.jpeg);  
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/motor22.jpg);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-size: cover;
background-repeat: no-repeat;
background-position-x: right;
overflow: hidden;
border-radius: 55px 0 0 55px;
}

.brokeraereo{
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: space-evenly;
background: -webkit-linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/OchoSeguros/aero2.jpg);  
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/OchoSeguros/aero2.jpg);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-size: cover;
background-repeat: no-repeat;
background-position-x: right;
overflow: hidden;
border-radius: 55px 0 0 55px;
}

.brokercaucion{
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: space-evenly;
background: -webkit-linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/caucion2.jpg);  
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/caucion2.jpg);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-size: cover;
background-repeat: no-repeat;
background-position-x: right;
overflow: hidden;
border-radius: 55px 0 0 55px;
}

.broker3d{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: -webkit-linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/3d1.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/3d1.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  overflow: hidden;
  border-radius: 55px 0 0 55px;
  }

  .broker3d{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: -webkit-linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/3d1.jpg);  
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/3d1.jpg);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  overflow: hidden;
  border-radius: 55px 0 0 55px;
  }

  .brokerpesado{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: -webkit-linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/pesado1.jpg);  
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, rgba(105, 3, 23, 0.335), rgba(105, 3, 23, 0.335)), url(../img/8seguros/pesado1.jpg);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
    overflow: hidden;
    border-radius: 55px 0 0 55px;
    }  

.brokerdos{
width: calc(60%);
height: auto;
background: rgba(255, 255, 255, 0.657);
position: relative;
right: 18%;
text-align: center;
padding: 0;
margin: 80px 20px 80px 20px;
border-radius: 15px;
}

.brokerdos img{
width: 50%;
height: auto;
margin: 20px 40px 20px 20px;
justify-content: center;
border-radius: 20px;
box-shadow: 0 0 12px 0 rgb(0 0 0 / 80%);
transition: .5s;
transition:all .5s ease-in-out;
}

.brokerdos img:hover{
  -webkit-transform:scale(1.3);transform:scale(1.3);
}

.brokerdos h2{
padding: 0;
margin:5px 0 5px 0;
margin-left: 25px;
margin-right: 25px;
font-weight: 600;
text-align: left;
font-family: 'Roboto', sans-serif;
color: #333333ce;/*aca5a5*/
font-size: 18px;
}

.brokerdos h6{
font-weight: 100;
font-family: 'Roboto', sans-serif;
color: #333333a4;
font-size: 17px;
margin-bottom: 15px;
padding: 0px 10px 0px 10px;
text-align: justify;
text-align: center;
}

.brokerdos a{
width: 230px;
font-size: 15px;
font-weight: 600;
background: #690317b2;
border-radius: 8px;
box-shadow: 0 2px 0px 2px rgba(88, 37, 38, 0.335);/*60, 78, 62, 0.9*/
text-decoration: none;
color: #FFF;
padding: 12px 25px;/*9px 20px*/
margin-bottom: 10px;
border: 2px solid #FFF;
text-transform: uppercase;
transition: all .3s ease-in-out;
}

.brokerdos a:hover{
background-color: #8cb18fc2;
color: #333;
transform: translateY(-15px);
box-shadow: 0 0 .9rem rgba(35, 186, 176, 0.5);/*rgba(88, 37, 38, 0.9)*/
}


@media screen and (max-width: 766px){
  
.brokercero{
  padding: 0 0 0 10%;
  margin-top: 30px;
}

.brokerdos img{
  width: 70%;
  height: auto;
  margin: 10px 20px 20px 10px;
}

.brokercero .letragrande{
  margin-left: 15%;
  margin-right: 15%;
  font-size: 22px;/*35*/
}
.brokerdos{
  width: calc(80%);
  right: 7%;
}

.brokerdos h2{
  font-size: 16px;
  margin-left: 10%;
  margin-right: 10%;
  }

.brokerdos h6{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 25px;
  padding: 0px 10px 0px 10px;
}

.brokerdos a{
  width: 160px;
  font-size: 13px;
  padding: 9px 20px;/*9px 20px*/
  
}
}

@media screen and (max-width: 766px){
  
  .brokercero{
    padding: 0 0 0 7%;
    margin-top: 40px;
  }
  
  .brokercero .letragrande{
    margin-left: 10%;
    margin-right: 10%;
    font-size: 19px;/*35*/
  }

  }
/*///////////////////FIN TEASESORAMOS////////////////////////////////////////*/

/*/////////////////////////INICIO APS///////////////////////////////*/

.aps{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #FFF;
}

.aps2{
  width: 100%;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.aps2 img{
  width: 100%;
  /*height: 55px;*/
  display: block;
  margin: auto;
  padding: 0;
  /*background-size: cover;
    background-attachment: fixed;*/
}

/*/////////////////////////CIERRE APS //////////////////////////////*/

/*/////////////////// footer - pie de pagina ///////////////////////////////////*/
footer{
  background: linear-gradient(to right, rgba(3, 5, 4, 0.883), rgba(3, 5, 4, 0.883)), url(../img/fondo-lluvia-pixeles-diseno-abstracto_23-2148370795.jpg);
  /*background:#303030;*/
  width: 100%;
  padding: 60px 0px 10px 0px; /* 60 pixeles arriba, 0 pixeles a la derecha,  30 pixeles abajo y 0 pixeles a la isquerda */
  margin: auto;/*para centrar todo*/
  overflow: hidden;
}

/*////*/
.socialfooter{
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 45px 0;
}

.socialfooter .icon{
  font-size: 25px;
  color: white;
  text-decoration: none;
  padding: .9rem;
  display: flex;
  transition: all .5s;
  border-radius: 10px;
  margin: 0 5px 0 5px;
  -webkit-box-reflect: below 2px linear-gradient(transparent, transparent, rgba(0,0,0,0.4));
}

.socialfooter .icon-facebook{
  background: #809381;
}

.socialfooter .icon-whatsapp{
  background: #809381;
  width: 50px;
  height: 50px;
}

.socialfooter .icon-youtube{
  background: #809381;
}

.socialfooter .linea{
  border-top: 2px solid #99A99A;/*#11998e*/
  width: 20%; 
  margin-bottom: 20px;
}

.socialfooter .icon:hover{
  -webkit-transform:scale(1.3);transform:scale(1.3);
  border-radius: 1rem;
  box-shadow: 0 0 5rem rgba(0, 0, 0 ,0.42);
}
/*////*/

.contenedor-footer{
  display: flex;
  width: 90%;
  /*justify-content: space-evenly; /*para que se reparta los elementos equitativamente*/
  margin: auto;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
}


.content-foo{
  text-align: center; /*para que este todo centreado*/
}

.content-foo h4{
  font-size: 18px;
  color: #fff;
  border-bottom: 4px solid #99A99A;/*11998e*/
  margin-left: 15%;
  margin-right: 15%;

  padding-bottom: 5px;
  margin-bottom: 10px;   
}

.content-foo p{
  color: #ccc;
  font-size: 18px;
}

.titulo-final{
  text-align: center;
  font-size: 15px;
  margin: 20px 0 0 0;
  color: #9e9797;
  }

  .titulo-final2{
    text-align: center;
    font-size: 10px;
    font-weight: 100;
    margin: 10px 0 0 0;
    margin: 0;
    color: #9e9797;
    }


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

  .lado1{
      width: 50%;
      display: flex;
      justify-content: space-evenly;
  }
  
  .lado2{
      width: 50%;
      display: flex;
      justify-content: space-evenly;
  }
    
}
  
@media screen and (max-width: 1280px){
  .contenedor-footer{
  display: flex;
  width: 90%;
  justify-content: space-evenly; /*para que se reparta los elementos equitativamente*/
  margin: auto;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
  }
  .content-foo p{
      margin-bottom: 15px;
  }
  
  .lado1{
      width: 50%;
      display: block;
      justify-content: space-evenly;
      margin: 0px 20px 0px 20px;
  }
  
  .lado2{
      width: 50%;
      display: block;
      justify-content: space-evenly;
      margin: 0px 20px 0px 20px;
  }
}
  
@media screen and (max-width: 1050px){
.contenedor-footer{
  display: flex;
  width: 90%;
  justify-content: space-evenly; /*para que se reparta los elementos equitativamente*/
  margin: auto;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
  }
  
  .content-foo p{
      margin-bottom: 15px;
  }
}
  
@media screen and (max-width: 565px){
.contenedor-footer{
  display: block;
  flex-direction: column;
  width: 90%;
  justify-content: center; /*para que se reparta los elementos equitativamente*/
  margin: auto;
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
  }

  .lado1{
      width: 100%;
      padding: 0px 20% 0px 20%;
  }

  .lado2{
      width: 100%;
      padding: 0px 20% 0px 20%;
  }

  .content-foo p{
      font-size: 14px;
      margin-bottom: 28px;
  }

  .contenedor-footer{
  width: 100%;
  } 
}