#primer_header{
    background: #fff;
    width: 100%;
    position: fixed;
    z-index: 100;
    height: 30px;
    padding: 5px 0;
 }
 .primer_header img, .primer_header p{
    float: left;
    opacity: .6;
 }
 .primer_header img{
   width: 18px;
   margin-top: 5px;
 }
 .primer_header p{
   margin-top: 8px;
   margin-left:6px;
   font-family: 'Istok Web';
   font-size: 11px;
   font-weight: bold;
   margin-right: 30px; color: #000;
 }
 .primer_header p a{
   font-family: 'Istok Web';
   font-size: 11px;
   font-weight: bold;
   color: #000;
 }
 .primer_header{
    float: right;
    margin-right:5%;
 }
 #segundo_header{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1);
    margin-top: 40px;
    width: 100%;
    position: fixed;
    z-index: 100;
    height: 95px;
 }
 #segundo_header img{
   float: left;
   margin-left:7%;
   height:100px ;
 }
 #segundo_header div a{
   font-family: 'Istok Web';
   font-size: 14px;
   color: #6F8095;
   font-weight:bold;
   float: right;
   margin-left:4.2%;
   margin-top: 41px;
   padding-bottom:33px;
   transition: all .5s;
   border-bottom:2px solid rgba(255, 122, 14, 0);
 }
 #segundo_header div a:hover{
    border-bottom:2px solid rgba(255, 122, 14, 1);
    color: #ff7a0e;
 }
 #btn_contacto{
    margin-right: 7.5%;
 }
 @media (max-width:935px) {

    #primer_header{
       display: none;
    }
    #segundo_header{
    margin-top:0px;
    height: 165px;
     }
 #segundo_header img{
    position: absolute;
    left: 50%;
    top: 68%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
   float: left;
   margin-left: 0;
   padding: 0 20%;
   margin-right: 50%;
   height:100px;
 }

 #segundo_header div a{
   font-size:8px;
   margin-left:3%;
   margin-right:1%;
   margin-top: 30px;
   padding-bottom:16px;
 }
 #btn_contacto{
   margin-right:6% !important;
 }
}
 /*------------------------------------------------------------------*/
 #banner1{
    background:#ff7a0e;
 }
 #banner1 img{
    z-index: 0;
 }
 .texto{
    position:absolute;
    margin-left: 7%;
    margin-top:30%;
    font-family: 'Istok Web';
    color: #fff;
    font-size:42px;
    font-weight: bold;
    z-index: 50;
    opacity: 0;
 }
 #cuadro1{
    position:absolute;
    right:15%;
    margin-top:32%;
    width:18px;
    height:18px;
    border-radius:3px;
    z-index: 50;
    cursor: pointer;
 }
 #cuadro2{
    position:absolute;
    right:15%;
    margin-top:34%;
    width:18px;
    height:18px;
    border-radius:3px;
    z-index: 50;
    cursor: pointer;
 }
 #btn_contactanos{
    position: absolute;
    margin-top: 43%;
    padding: 12px 40px;
    background: #9abb2a;
    color: #fff;
    font-size: 14.5px;
    border-radius: 3px;
    margin-left: 7%;
    z-index: 50;
    font-family: 'Open Sans';
 }
 #btn_contactanos:hover{
    background: #fff;
    color: #ff7a0e;
    transition: all .5s;
 }
 #img_banner1{

 }
 #img_banner2{
    position:absolute;
    top: 0;

 }

 @media (max-width:935px) {
 #banner1{
    background: #fff;
    padding-top: 80px;
 }
 #img_banner2{
    top:80px;
 }
 #cuadro1,#cuadro2{
    display: none;
 }
 #btn_contactanos{
   display: none;
}
.texto{
   font-size:22px;
}

 }
 @media (max-width:435px) {
   #btn_contactanos{
      display: block;
      margin-top:420px;
   }
    .texto{
       margin-top:290px;
    }

 }
  /*------------------------------------------------------------------*/
  #fondo_fijo{
    position:fixed;
    z-index: -10;
 }
 #banner2{
    height:700px;
 }
 #banner2 p:nth-child(1){
    margin-top:14%;
   text-align: center;
    color:#fff;
    font-family: 'Istok Web';
    font-size: 32px;
    font-weight: bold;
 }
 #banner2 p:nth-child(3){
    width:52%;
    margin: 0 24%;
    font-family:"Open Sans";
    color:rgba(255, 255, 255, .75);
    font-size: 14px;
    line-height:28px;
    text-align: center;
 }
 #banner2 p:nth-child(3) strong{
    color:rgba(255, 255, 255, .7);
    font-size: 14.5px;
    font-weight:bolder;
 }
 #banner2 hr{
    width: 10%;
    margin: 4% 45%;
    height: 3px;
    background: #ff7a0e;
 }
 #btn_descubre{
     position: relative;
     left: 50%;
     margin: 0 -80px;
     padding: 12px 40px;
     background: #ff7a0e;
     color: #fff;
     font-size: 14px;
     border-radius: 3px;
     font-family: 'Open Sans';
     font-weight:normal;
 }
 #btn_descubre:hover{
     background: #9abb2a;
     transition: all .5s;
  }
  @media (max-width:935px) {
    #banner2{
    height:500px;
  /*  background: #098193;*/
 }
 #banner2 p:nth-child(1){
    margin-top:20%;
    font-size: 22px;
 }
    #banner2 p:nth-child(3){
    width:90%;
    margin: 0 5%;
    text-align:left;
 }
}
/*------------------------------------------------------------------*/
#banner3{
    background: #fff;
    position: relative;
    padding-bottom: 100px;
 }
 #banner3 p:nth-child(1){
   position: relative;
    margin-top:14%;
   text-align: center;
    color:#6F8095;
    font-family: 'Istok Web';
    font-size: 32px;
    font-weight: bold;
    z-index:1;
 }
 #banner3 p:nth-child(3), #banner3 p:nth-child(5){
   position: relative;
    width:52%;
    margin: 0 24%;
    font-family:"Open Sans";
    color:#6F8095;
    font-size: 14px;
    line-height:28px;
    text-align: center;
    z-index:1;
 }
 #banner3 p:nth-child(3) strong,#banner3 p:nth-child(5) strong{
   position: relative;
    color:#6F8095;
    font-weight:bolder;
    font-size: 14.5px;
    z-index:1;
 }
 #banner3 hr{
    position: relative;
    width: 10%;
    margin: 4% 45%;
    height: 3px;
    background: #ff7a0e;
    z-index:1;
 }
 #fondo_banner3{
    position: absolute;
    top: 0;
    z-index:0;
 }
 #primer_cuadro{
   margin-left: 10%;
}
.cuadro_banner3{
   position: relative;
   z-index: 1;
   float: left;
   width: 20%;
   height:250px;
   text-align: center;
}
.cuadro_banner3 img{
   width: 24%;
   padding: 20% 38%;
}
.cuadro_banner3 p:nth-child(2){
   font-family:"Open Sans";
   color:#6F8095;
   font-weight: bold;
   font-size: 14px;
   line-height:28px !important;
}
.cuadro_banner3 p:nth-child(3){
   line-height:18px !important;
}
 @media (max-width:935px) {
   #banner3{
      padding-bottom: 0px;
   }
 #banner3 p:nth-child(1){
    margin-top:20%;
    font-size: 22px;
 }
    #banner3 p:nth-child(3),#banner3 p:nth-child(5){
    width:90%;
    margin: 0 5%;
    text-align:left;
 }
 .cuadro_banner3 img{
   padding: 10% 38%;
}
 #primer_cuadro{
   margin-left:5%;
}
.cuadro_banner3{
   width:90%;
   margin-left: 5%;
}
.cuadro_banner3 p{
  text-align: center !important;
}

}
/*------------------------------------------------------------------*/
#banner4{
    position: relative;
    background: #fff;
  }
  #banner4 img{
    position: absolute;;
    z-index: 0;
    top: 0;
  }
  #caja_contenedor{
     position: relative;
     top:0;
  width: 96%;
  margin: 10% 2%;
  background: rgba(255, 255 , 255, .8);
  border-radius: 5px;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .4);
  z-index: 1;
   padding-bottom:80px;
  }
  #caja_contenedor hr{
      width: 10%;
      margin: 4% 45%;
      height: 3px;
      background: #ff7a0e;
   }
  #caja_contenedor p:nth-child(1){
     padding-top: 5%;
     text-align: center;
      color:#6F8095;
      font-family: 'Istok Web';
      font-size: 32px;
      font-weight: bold;

  }
  #caja_contenedor p:nth-child(3){
     width:52%;
      margin: 0 24%;
      font-family:"Open Sans";
      color:#6F8095;
      font-size: 14px;
      line-height:28px;
      text-align: center;
  }
  #caja_contenedor p:nth-child(3) strong{
     color:#6F8095;
      font-weight:bolder;
      font-size: 14.5px;
  }
  #caja_colores{
     width:54%;
      margin: 0 22%;
      height:100px;
      font-family:"Open Sans";
      font-size: 14px;
      line-height:28px;
      text-align: center;
      padding: 4%;
      margin: 2% auto;
      border-radius: 5px;
      background: #ff7a0e;
  }
  #caja_colores strong{
     font-weight:bolder;
     color:#fff;
     font-size: 14px;
  }
  #caja_colores *{
      color:#fff;
  }
  .indicadores_caja{
     position: relative;
     margin: 0 -9px;
     float: left;
     width: 18px;
     height: 18px;
     border-radius: 3px;
     cursor: pointer;
  }
  #caja_uno{
     left: 47%;
     background: #ff7a0e;
  }
  #caja_dos{
     left: 49%;
     background: #e7e7e7;
  }
  #caja_tres{
     left: 51%;
     background: #e7e7e7;
  }
  #caja_cuatro{
     left: 53%;
     background: #e7e7e7;
  }
  #texto_dos,#texto_tres,#texto_cuatro{
     display: none;
  }
  @media (max-width:935px) {
   #caja_colores{
      width:90%;
       margin: 0 5%;
       padding: 4% 1%;
   }
   #caja_colores{
      height: 150px;
   }
    #caja_contenedor p:nth-child(1){
         font-size: 22px;
     }
  #caja_uno{
     left: 38%;
  }
  #caja_dos{
     left: 46%;
  }
  #caja_tres{
     left: 54%;
  }
  #caja_cuatro{
     left: 62%;
  }
     #caja_contenedor p:nth-child(3){
     width:80%;
      margin: 0 10%;
  }
  }
/*------------------------------------------------------------------*/
#banner5{
    position: relative;
  }
  #fondo_banner5{
    position: absolute;;
    z-index: 0;
    top: 0;
    padding-bottom: 0px;
    background: #fff;
  }
  #banner5 hr{
     position: relative;
     z-index: 10;
      width: 10%;
      margin: 4% 45%;
      height: 3px;
      background: #5ad2df;
   }
   #banner5 p:nth-child(2){
      position: relative;
     z-index: 10;
     padding-top: 14%;
     text-align: center;
      color:#fff;
      font-family: 'Istok Web';
      font-size: 28px;
      font-weight: bold;
  }
  #banner5 p:nth-child(10){
      position: relative;
     z-index: 10;
     padding-top: 14%;
     text-align: center;
      color:#fff;
      font-family: 'Istok Web';
      font-size: 28px;
      font-weight: bold;
  }
  #banner5 p:nth-child(4){
   position: relative;
     z-index: 10;
     width:52%;
      margin: 0 24%;
      font-family:"Open Sans";
      color:#fff;
      font-size: 14px;
      line-height:28px;
      text-align: center;
  }
  #banner5 p:nth-child(4) strong{
     color:#fff;
      font-weight:bolder;
      font-size: 14.5px;
  }
  #primer_cuadros_banner5{
margin-left: 20%;

  }
  #ultimo_cuadros_banner5{
     margin-right: 20%;
  }
.cuadros_banner5{
   position: relative;
   z-index: 10;
   width: 15%;
   margin-top: 3%;
   float: left;
   line-height:28px;
}
.cuadros_banner5 img{
   margin-top:8px;
   float: left;
   width:20px;
}
.cuadros_banner5 span{
   float: left;
   margin-left:5%;
   margin-top: 2%;
   color: #fff;
   font-family:"Open Sans";
   font-weight: bold;
   font-size: 13.5px;
}
#primer_tres_cuadros{
   margin-left: 8%;
}
.tres_cuadros{
   position: relative;
   z-index: 10;
   float: left;
   width: 24%;
   height: 140px;
   background:#fff;
   border-radius: 3px;
   margin: 8% 2% 0 2%;
   box-shadow: 0 0 15px 1px rgba(0, 0, 0, .2);
}
.tres_cuadros img{
   position: absolute;
   width: 15%;
   right: 5%;
   top: 15%;
}
.tres_cuadros span{
   position:absolute;
   color: #6F8095;
   font-family:"Open Sans";
   font-size: 14px;
   margin: 15% 10%;
}
.tres_cuadros strong{
   font-weight: bold;
   color: #6F8095;
   font-size: 14.5px;
}
@media (max-width:1155px) {
   #fondo_banner5{
      padding-bottom:800px;

    }
}
@media (max-width:935px) {
   #margenes_nuevos{
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
   }
   .tres_cuadros span{
      margin: 5%;
   }
   .tres_cuadros img{
      position: absolute;
      width: 15%;
      top: 25%;
   }
   #fondo_banner5{
    padding-bottom:1000px;
    background: #82ae22;
  }
  #banner5 p:nth-child(2){
      font-size: 22px;
  }
  #banner5 p:nth-child(10){
      font-size: 22px;
  }
  #banner5 p:nth-child(4){
     width:90%;
      margin: 0 5%;
      text-align:left;
  }

.cuadros_banner5{
   width:85%;
   height: 90px;
   margin-left:5% !important;
}
#primer_tres_cuadros{
   margin-left:5%;
}
.tres_cuadros{
   width: 90%;
   margin: 5%;
}
}

/*------------------------------------------------------------------*/
#banner6{
    background: #fff;
    position: relative;
    padding-bottom: 90px;
    padding-top: 8%;
    margin-top: -4%;
 }
 #banner6_primer_cuadro{
    float: left;
    margin: 5% 5% 10% 10%;
    width: 30%;
 }
 #banner6_primer_cuadro h1{
    color:#6F8095;
       font-family: 'Istok Web';
       font-size: 28px;
       font-weight: bold;
 }
 #banner6_primer_cuadro hr{
       width: 18%;
       margin: 4% 0 8% 0;
       height: 3px;
       background: #ff7a0e;
 }
 #banner6_primer_cuadro p{
    font-family:"Open Sans";
       color:#6F8095;
       font-size: 14px;
       line-height:20px;
 }
 #banner6_primer_cuadro strong{
    color:#6F8095;
       font-weight:bolder;
       font-size: 14.5px;
 }
 #banner6_segundo_cuadro{
    float: left;
    width: 45%;
    margin-right: 10%;
    margin-top: 50px;
 }
 .contenedores_banner6{
    position: relative;
    width: 90%;
    margin: 2% 10%;
    height: 140px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
 }
 .contenedores_banner6:hover{
    background: #ff7a0e;
   transition: all .5s;
 }
 .contenedores_banner6 img{
    position: absolute;
    right: -14%;
    z-index: 0;
 }
 .contenedores_banner6 h1{
    position: absolute;
    color:#6F8095;
    float: left;
    width: 60%;
    margin: 20px 5% 3% 5%;
    font-family:"Open Sans";
    font-size: 13px;
    font-weight: bold;
    z-index: 1;
 }
 .contenedores_banner6 p{
    position: absolute;
    width: 60%;
    margin: 55px 5% 3% 5%;
    color:#6F8095;
    font-family:"Open Sans";
    font-size: 12px;
    z-index: 1;
 }
 #nuevodos{




}
 @media (max-width:1155px) {
   .contenedores_banner6 img{
     right: -25%;
    }
}
 @media (max-width:535px) {
   .contenedores_banner6{
      width: 85%;
      height: 320px;
      margin-top: 50px;
   }
   .contenedores_banner6 img{
      position: absolute;
      right: 0;
      z-index: 0;
   }
   .contenedores_banner6 h1{
      position: absolute;
      width: 90%;
      margin: 10px 5% 3% 5%;

   }
   .contenedores_banner6 p{
      position: absolute;
      width: 90%;
      margin: 55px 5% 3% 5%;

   }
   .contenedores_banner6 img{
     display: none;
   }
   #nuevodos{
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      height: auto;


   }
   .contenedores_banner6 h1{
      width: 90%;
   }
   .contenedores_banner6 p{
    width: 90%;
    margin: 16% 5%;
   }
    #banner6_primer_cuadro h1{
       font-size: 22px;
 }
    #banner6_primer_cuadro{
    margin: 5% 5% 10% 10%;
    width: 80%;
 }
 #banner6_segundo_cuadro{
    width: 95%;
    margin-right: 0%;
 }
 @media (max-width:435px) {
   .contenedores_banner6 p{
      margin: 21% 5%;
     }
 }
 }
 /*------------------------------------------------------------------*/
 #fondo_fijo2{
    position:fixed;
     z-index: -11;
 }
 #banner7{
    position: relative;
    background: rgba(255, 255, 255, .5);
 }
 #banner7_triangulo{
    position: absolute;
     left: 50%;
     top: 0;
     transform: translate(-50%, 0);
     -webkit-transform: translate(-50%, 0);
 }
 #banner7 h1{
   margin: 10% 0 10% 10%;
   width: 30%;
   float: left;
   color:#6F8095;
       font-family: 'Istok Web';
       font-size: 28px;
       font-weight: bold;
 }
 #banner7 ul{
   margin: 5% 0;
   width: 40%;
   float: left;
   background: rgba(137, 209, 223, .8);
   padding: 4% 5%;
   border-radius: 10px;
 }
 #banner7 li{
   color: #fff;
   font-family:"Open Sans";
   font-size: 14px;
   font-weight: bold;
   height:30px;
   float: left;
   width: 90%;
 }
 .check_naranja{
   float: left;
   margin-right: 10px;
   width: 20px;
 }
 @media (max-width:935px) {
    #banner7 h1{
    width: 80%;
    text-align: center;
    font-size: 22px;
 }
 #banner7 li{
   height:50px;
 }
 #banner7 ul{
   margin: 5% 0 10% 5%;
   width: 82%;
 }
 }
  /*------------------------------------------------------------------*/
  #banner8{
   background: #fff;
   position: relative;
}
#banner8 h1{
      padding-top: 12%;
      color:#6F8095;
       font-family: 'Istok Web';
       font-size: 32px;
       font-weight: bold;
       text-align: center;
}
#banner8 hr{
      width: 10%;
      margin: 3% 45% 2% 45%;
      height: 3px;
      background: #ff7a0e;
}
#blog_cuadro1{
      float: left;
      width: 38%;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
      margin: 3% 2% 10% 10%;
}
#blog_cuadro1 img{
      float: left;
}
#blog_cuadro1 p{
      float: left;
      font-family:"Open Sans";
       color:#6F8095;
       font-size: 14px;
       margin:5%;
}
#blog_cuadro1 strong{
       color:#6F8095;
       font-weight:bolder;
       font-size: 14.5px;
}
#blog_cuadro1 a{
       color:#ff7a0e;
       font-weight:bolder;
}
#blog_cuadro4{
   float: left;
   width: 80%;
   overflow: hidden;
   border-radius: 10px;
   box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
   margin: -7% 2% 10% 10%;
}
#blog_cuadro4 img{
   float: left;
}
#blog_cuadro4 p{
   float: left;
   font-family:"Open Sans";
    color:#6F8095;
    font-size: 14px;
    margin:5%;
}
#blog_cuadro4 strong{
    color:#6F8095;
    font-weight:bolder;
    font-size: 14.5px;
}
#blog_cuadro4 a{
    color:#ff7a0e;
    font-weight:bolder;
}
#blog_cuadro2{
      float: left;
      width: 40%;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
      margin: 3% 0;
}
#blog_cuadro2 img{
      float: left;
}
#blog_cuadro2 p{
      float: left;
      font-family:"Open Sans";
       color:#6F8095;
       font-size: 14px;
       margin:5%;
}
#blog_cuadro2 strong{
       color:#6F8095;
       font-weight:bolder;
       font-size: 14.5px;
}
#blog_cuadro2 a{
       color:#ff7a0e;
       font-weight:bolder;
}
#blog_cuadro3{
      float: left;
      width: 40%;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .1);
      margin: 0;
}
#blog_cuadro3 img{
      float: left;
}
#blog_cuadro3 p{
      float: left;
      font-family:"Open Sans";
       color:#6F8095;
       font-size: 14px;
       margin:5%;
}
#blog_cuadro3 strong{
       color:#6F8095;
       font-weight:bolder;
       font-size: 14.5px;
}
#blog_cuadro3 a{
       color:#ff7a0e;
       font-weight:bolder;
}

.blog-img-top {
  overflow: hidden;
  display: flex;
justify-content: center;
  width: 100%;
  position: relative;
  padding-bottom: 40%;
  background-color: pink;

}
.blog-img-top img {
  display: block;
   flex-shrink: 0;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
}
#blog_cuadro1 .blog-img-top{
    padding-bottom: 92%;
}
#blog_cuadro2 .blog-img-top{
    padding-bottom: 29.6%;
}
#blog_cuadro3 .blog-img-top{
    padding-bottom:  29.6%;
}
#blog_cuadro4 .blog-img-top{
    padding-bottom: 21%;
}




@media (max-width:935px) {
   #banner8{
      padding-bottom: 20%;
   }
   #banner8 h1{
       font-size: 22px;
}
      #blog_cuadro1,#blog_cuadro2,#blog_cuadro3{
      width:80%;
      margin: 3% 10%;
}
#blog_cuadro4{

   margin: 0% 2% 10% 10%;
}
}
/*------------------------------------------------------------------*/
#fondo_fijo3{
   position:fixed;
   z-index: -12;
}
#banner9{
     background: rgba(255, 122, 14, .7);
}

#banner9 h1{
     padding-top: 11%;
     color:#fff;
      font-family: 'Istok Web';
      font-size: 32px;
      font-weight: bold;
      text-align: center;
}
#banner9 hr{
     width: 10%;
     margin: 2% 45%;
     height: 3px;
     background: #fff;
}
#banner9 p{
     width:52%;
     margin: 0 24%;
     font-family:"Open Sans";
     color:#fff;
     font-size: 14px;
     line-height:28px;
     text-align: center;
}
#banner9 strong{
     color:#fff;
     font-weight:bolder;
     font-size: 14.5px;
}
#caja_inputs{
     position: relative;
     float: left;
     width:30%;
     margin-left:20%;
     margin-top:2%;

}
#caja_inputs input{
     font-family:"Open Sans";
     color:#6F8095;
     font-size: 12px;
     padding: 15px 20px ;
     width: 80%;
     margin: 2%;
     border-radius:3px;
     float: left;
}
#caja_inputs input:hover{
     opacity: .8;
}
#banner9 textarea{
     font-family:"Open Sans";
     color:#6F8095;
     font-size: 12px;
     float: left;
     margin-top:2.5%;
     width:30%;
     border-radius:3px;
     padding: 15px 20px;
     margin-bottom:5%;
     margin-right: 15%;
}
#banner9 textarea:hover{
     opacity: .8;
}
#btn_enviar{
   float: left;
   margin-left: 21%;
   margin-bottom: 10%;
   padding: 10px 40px;
   box-shadow: 0px 0px 0px 2px #fff;
   color: #fff;
   font-size: 14px;
   border-radius: 3px;
   font-family: 'Open Sans';
   cursor: pointer;
}
#btn_enviar:hover{
     transition: all .5s;
     background: #9abb2a;
   box-shadow: 0px 0px 0px 0 #fff;
}
#check{
     width: 15px;
     height: 15px;
     margin: 3px 1% 1% 4%;
     background: #fff;
     border-radius: 3px;
     float: left;
     cursor: pointer;
}
#banner9 span a{
     color: #fff;
     font-size: 14px;
   font-family: 'Open Sans';
}
#mensaje-enviado,#mensaje-error,#mensaje-alerta{
   display: none;
}
@media (max-width:935px) {
   #check{
    display: none;
 }
   #banner9 span{
    display:none;
 }
     #banner9 h1{
      font-size: 22px;
}
     #banner9{
     background: #ff7a0e;
}
#fondo_fijo3{
   display: none;
}
#caja_inputs{
     width:80%;
     margin-left:10%;
     margin-top:2%;
     margin-bottom: 2%;
}
#banner9 textarea{
     margin-top:0%;
     margin-left:12%;
     width:63%;
}
#btn_enviar{
margin-top: 10%;
position:relative;
left: 45%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);

}
}
/*------------------------------------------------------------------*/
#footer1{
   height:200px;
   background:#e6e6e6;
}

#footer1 img:nth-child(1){
   margin-top: 70px;
   margin-right: 5%;
   margin-left: 8%;
   height: 80px;
}
.icono{
   width: 18px;
   opacity: .6;
   margin-top: 100px;
}
#footer1 img{

   float: left;
}
#footer1 p{
   color: #6F8095;
   margin-top: 100px;
   float: left;
   margin-right: 5%;
   margin-left: 1%;
   font-size: 11px;
   font-family:"Open Sans";
   font-weight: bold;
}
#footer1 p a{
   color: #6F8095;
   font-size: 11px;
   font-family:"Open Sans";
   font-weight: bold;
}
@media (max-width:935px) {
#footer1 p{
   display: none;
}
.icono{
   display: none;
}
}
#footer2{
   background:#6F8095;
   padding: 10px 7%;
   font-size: 11px;
   color: #e6e6e6;
   font-family:"Open Sans";
}
#footer2 a{
   font-size: 11px;
   color: #e6e6e6;
   font-family:"Open Sans";
 }
 #footer2 a:hover{
  font-weight:bold;
 }
/*--------------------------------------------------------*/
.hos-btn-up {
   z-index: 200;
   position: fixed;
   right: 30px;
   bottom: 50px;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   display: none;
   cursor: pointer;
   background: #9abb2a;
}
.hos-btn-up svg {
   width: 46%;
   height: auto;
   z-index: 21;
   margin-left: 27%;
   margin-top: 22%;
}