

@font-face {
    font-family: 'Neue';
    font-style: normal;
    font-weight: normal;
    /* src: local('APO'), url('../fonts/Montserrat-Regular.ttf') format('woff'); */
    src: url('../fonts/NeueMontreal-Regular.otf') format('opentype');
    }

    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: normal;
      src: local('APO'), url('../fonts/Montserrat-Regular.ttf') format('woff');
      }
  
  @font-face {
      font-family: 'MontB';
      font-style: normal;
      font-weight: normal;
      src: local('APO'), url('../fonts/Montserrat-Bold.ttf') format('woff');
      }
  
  @font-face {
      font-family: 'MontSB';
      font-style: normal;
      font-weight: normal;
      src: local('APO'), url('../fonts/Montserrat-SemiBold.ttf') format('woff');
      }
  
  @font-face {
      font-family: 'MontEB';
      font-style: normal;
      font-weight: normal;
      src: local('APO'), url('../fonts/Montserrat-ExtraBold.ttf') format('woff');
      }
  
  @font-face {
      font-family: 'ArialB';
      font-style: normal;
      font-weight: normal;
      src: local('APO'), url('../fonts/ArialBold.TTF') format('woff');
  }
  
  @font-face {
      font-family: 'MontM';
      font-style: normal;
      font-weight: normal;
      src: local('APO'), url('../fonts/Montserrat-Medium.ttf') format('woff');
      }



      @font-face {
        font-family: 'icomoon';
        src:  url('../fonts/icomoon.eot?4m708p');
        src:  url('../fonts/icomoon.eot?4m708p#iefix') format('embedded-opentype'),
          url('../fonts/icomoon.ttf?4m708p') format('truetype'),
          url('../fonts/icomoon.woff?4m708p') format('woff'),
          url('../fonts/icomoon.svg?4m708p#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      
      [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak-as: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
      
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      
      .icon-search-plus:before {
        content: "\e900";
      }
      .icon-facebook:before {
        content: "\ea90";
      }
      .icon-instagram:before {
        content: "\ea92";
      }
      

      
    /* .mi-input::-webkit-input-placeholder { color:#CBE8B8; font-family: Montserrat;}
    .mi-input:-moz-placeholder { color:#CBE8B8; font-family: Montserrat; }
    .mi-input::-moz-placeholder { color:#CBE8B8; font-family: Montserrat; }
    .mi-input:-ms-input-placeholder {  color:#CBE8B8; font-family: Montserrat; } */


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative !important;
min-height: 1px !important;
max-height: 100%;
padding-bottom: 0px !important;
margin-bottom: 0px;
padding-right: 0px !important;
padding-left: 0px !important;
}
.col-xs-15 {
width: 20% !important;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20% !important;
float: left;
}


}
@media (min-width: 992px) {
.col-md-15 {
width: 20% !important;
float: left;
}

}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20% !important;
float: left;
}
}




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

  .margen_compramos{
    padding: 20px 15%;
  }

  .margen_interno{
    padding: 15px 20px;
  }

  .margen_formulario_trabajo{
    padding: 20px 15%; padding-bottom:50px;
  }

  .margen_trabajo{
    padding: 20px 15%;
  }

  .margen_video{
    padding:0px 15%;
  }

  .swiper-container {
    width: 100%;
    height: 400px;
    margin: 20px auto;
  }

  .margen_centrado{
    padding: 0px 15%;
  }

  .margen_diagrama{
    padding: 0px 10%;
  }

  

.FONDO_OCEANO{
  background-image: url("../img/ocean.jpg");
  background-size: cover;
  
  }

  .margen_centrado_menos{
    padding: 0px 10%;
  }



}



@media only screen and (min-width: 768px) and (max-width: 1499px) {

  .margen_compramos{
    padding: 20px 15%;
  }

  .margen_interno{
    padding: 15px 20px;
  }

  .margen_formulario_trabajo{
    padding: 20px 15%; padding-bottom:50px;
  }

  .margen_trabajo{
    padding: 20px 15%;
  }


  .margen_video{
    padding:0px 15%;
  }

    .swiper-container {
      width: 100%;
      height: 400px;
      margin: 20px auto;
    }

    .margen_centrado{
      padding: 0px 15%;
    }

    .margen_diagrama{
      padding: 0px 10%;
    }

    

.FONDO_OCEANO{
  background-image: url("../img/ocean2.jpg");
  background-size: cover;
  
  }

  .margen_centrado_menos{
    padding: 0px 10%;
  }


   
   
}


@media only screen and (min-width: 1px) and (max-width: 767px) {

  .margen_compramos{
    padding: 20px 15px;
  }

  .margen_interno{
    padding: 15px 10px;
  }

  .margen_formulario_trabajo{
    padding: 20px 1px; padding-bottom:50px;
  }

  .margen_trabajo{
    padding: 20px 15px;
  }



  .margen_video{
    padding:0px 15px;
  }

  .swiper-container {
    width: 100%;
    height: 200px;
    margin: 20px auto;
  }


  .margen_centrado{
    padding: 0px 15px;
  }

  .margen_diagrama{
    padding: 0px 15px;
  }


  

.FONDO_OCEANO{
  background-image: url("../img/ocean2.jpg");
  background-size: cover;
  
  }

  .margen_centrado_menos{
    padding: 0px 15px;
  }


   
}






.fondo_body{
  background-image: url("../img/fondo_g.jpg");
  background-size: cover;
  
  }





/* 

  background-image: linear-gradient(120deg, #d4fc79 0%, #d4fc79 100%); */

  
/* .fondocss{
  background-image: linear-gradient(180deg, #f2f4f3 0%, #a5badd 100%);
} */

/* 
.fondo-body{
  background-image: url("../img/fondo_blanco.jpg");
  background-size: cover;
  
  }

  .degra{
    background: linear-gradient(to right, #345857, #5c964f);
  }

  .ocultos{
    display: none;
  } */

.Miover{
  color:#606060;
}
.Miover:hover{
 color:#26B500;
}