@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');
    }

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

    .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; }

    @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";
      }
      



.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative !important;
min-height: 1px !important;
max-height: 100%;
padding-bottom: 5px !important;
margin-bottom: 0px;
padding-right: 7px !important;
padding-left: 7px !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: 1140px) and (max-width: 1920px) {

  .margen{
    padding: 0px 20%;
  }

  .margen2{
    padding: 0px 10%;
  }

  /* .bullet_margen{
    position:absolute; bottom:100px; left:5%;
  } */

  .descripcion{
    padding-right:60px;
  }

  }



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

    
 .margen{
  padding: 0px 20%;
 }

 .margen2{
  padding: 0px 10%;
}

/* .bullet_margen{
  position:absolute; bottom:100px; left:5%;
} */

.descripcion{
  padding-right:60px;
}
   
  }


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

  
 .margen{
  padding: 0px 15px;
 }

 .margen2{
  padding: 0px 50px;
}

/* .bullet_margen{
  position:absolute; bottom:0px; left:15px;
} */

.descripcion{
  padding-right:15px;
}
   
  }


/* 

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

  
.fondocss{
  background-image: linear-gradient(180deg, #8eb377 0%, #818581 100%);
}

.video {
  width: 100%;
  height: auto;
}




.servicios{
  font-family:MontM;
  cursor:pointer;
}
.servicios:hover{
  font-family:MontEB;
  cursor:pointer;
}