@font-face {
  font-family: 'saira';
  src: url('../fonts/saira.ttf')  format('truetype');/* Safari, Android, iOS */
  font-display: fallback;
}
:root {
    --principal:#1ebaa9;
    --fondos:#343a40;
    --info: #1db3a3 !important;
}
.miboton-outline {
    color: var(--principal);
    border-color:var(--principal);
}
.miboton-outline:hover {
  color: var(--principal);
  border-color:var(--principal);
    background-color: transparent;
}
.miboton {
  color: #fff;
  background-color:var(--principal);
  border-color:var(--principal);
}
.miboton:hover{
  color: #fff;
  background-color:var(--principal);
  border-color:var(--principal);
}
.principal{
  color: var(--principal) !important;
}
.fondo-principal{
  background-color: var(--principal);
  color:#fff;
}
.fondos{
  background-color: var(--fondos);
  color:#fff !important;
}
.fondos a{
    color: #fff;
    font-weight: bolder;
       outline: 0;
}
.fondos a:hover{
    color: #fff;
    font-weight: bolder;
       outline: 0;
}
html *
{
   font-family: 'saira' ;
}
h1{
  font-size:36px;
  color:#3a4c46;
}
hr{
  border-top: 1px solid var(--principal);
}
h4{
  font-size:20px;
  font-weight:1000;
  color:var(--principal);
}
h2{
  color:var(--fondos);
}
b {
  color:var(--principal);
}

.container-4{
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-align:center;
  max-width: 600px;

}
.container-4 input#search{
  max-width: 600px;
  height: 65px;
  background: #fff;
  border: none;
  font-size: 16pt;
  float: left;
  color: #8a8a8a;
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.container-4 input#search::-webkit-input-placeholder {
   color: #65737e;
}

.container-4 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;
}

.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;
}

.container-4 input#search:-ms-input-placeholder {
   color: #65737e;
}
.container-4 button.icon{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;

  border: none;
  background: var(--principal);
  height: 65px;
  width: 75px;
  color: #fff;
  opacity: 1;
  font-size: 20pt;
  margin-left: -75px;

  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}


  .container-s{
    overflow: hidden;
    width: 300px;
    vertical-align: middle;
    white-space: nowrap;
  }
  .container-s input#search{
    width: 300px;
    height: 40px;
    background: #fff;
    border: none;
    font-size: 14pt;
    float: left;
    color: #8a8a8a;
    padding-left: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .container-s input#search::-webkit-input-placeholder {
     color: #65737e;
  }

  .container-s input#search:-moz-placeholder { /* Firefox 18- */
     color: #65737e;
  }

  .container-s input#search::-moz-placeholder {  /* Firefox 19+ */
     color: #65737e;
  }

  .container-s input#search:-ms-input-placeholder {
     color: #65737e;
  }
  .container-s button.icon{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: -50px;


    border: none;
    background: #fff;
    height: 40px;
    width: 50px;
    color: #20c6b6;
    font-size: 16pt;

    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
  }
  .container-s:hover button.icon, .container-s:active button.icon, .container-s:focus button.icon{
      outline: none;
      opacity: 1;
      margin-left: -50px;
    }
    .container-s:hover button.icon:hover{
      background: white;
    }


    .wrapper {
      margin: 2em auto;
      max-width: 970px;
    }

    img {
      vertical-align: middle;
      max-width: 100%;
    }
    .masonry {
      display: flex;
      width: 100%;
    }
    a {
      color: var(--fondos);
    }
    a:hover{
      color: var(--fondos);
    }
    a:active {
      outline: 0;
    }
    .masonry--h {
      flex-flow: row wrap;
    }
    .masonry--h{
      margin-left: -8px; /* Adjustment for the gutter */
      counter-reset: brick;
    }

    .masonry-brick {
      overflow: hidden;
      border-radius: 5px;
      margin: 0 0 8px 8px;  /* Some Gutter */
      background-color: #333;
      color: white;
      position: relative;
    }
    .masonry-brick h3{
	background-color: #1ebaa9b3;	
        font-size:1em;
	margin:5px;
	padding:5px;
	text-align:center;
	z-index:999;
    }
    .masonry-brick:hover:after {
      font-size: 2.25em;
      opacity: 1;
    }

    .masonry-brick--h {
      flex: auto;
      height: 280px;
      min-width: 150px;
      max-width: 450px;
    }
@media screen and (max-width:900px) {
.masonry-brick--h{
width:100%;;
}
}


    @media only screen and (min-width: 1024px) {
      /* Horizontal masonry bricks on desktop-sized screen */
      .masonry-brick--h:nth-child(4n+1) {
        width: 250px;
      }
      .masonry-brick--h:nth-child(4n+2) {
        width: 325px;
      }
      .masonry-brick--h:nth-child(4n+3) {
        width: 180px;
      }
      .masonry-brick--h:nth-child(4n+4) {
        width: 380px;
      }
    }

    @media only screen and (max-width: 1023px) and (min-width: 768px) {
      /* Horizontal masonry bricks on tabled-sized screen */
      .masonry-brick--h:nth-child(4n+1) {
        width: 200px;
      }
      .masonry-brick--h:nth-child(4n+2) {
        width: 250px;
      }
      .masonry-brick--h:nth-child(4n+3) {
        width: 120px;
      }
      .masonry-brick--h:nth-child(4n+4) {
        width: 280px;
      }
    }
    .masonry-img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      cursor:pointer;
    }
    .masonry-img:hover{
      filter: brightness(50%);
    }
    .btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}
#image-gallery .modal-footer{
  display: block;
}
.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
/*footer*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom:80px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  color:#e3f8f5;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--principal);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: var(--principal);
  background-color: #eee;
  border-color: #ddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--principal);
    border-color: var(--principal);
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
   }
   .pagination-sm > li > a,
   .pagination-sm > li > span {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
   }
   .pagination-sm > li:first-child > a,
   .pagination-sm > li:first-child > span {
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
   }
   .pagination-sm > li:last-child > a,
   .pagination-sm > li:last-child > span {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }

   @media (min-width: 576px){
     .modal-dialog-login {
       max-width: 400px;
       .modal-content {
         padding: 1rem;
       }
     }
   }
   .modal-header {
     .close {
       margin-top: -1.5rem;
     }
   }
   .form-title {
     margin: -2rem 0rem 2rem;
   }
   .btn-round {
     border-radius: 3rem;
   }
   .delimiter {
     padding: 1rem;
   }
   .social-buttons {
     .btn {
       margin: 0 0.5rem 1rem;
     }
   }
   .signup-section {
     padding: 0.3rem 0rem;
   }
   .dropdown-item.active, .dropdown-item:active {
     text-decoration: none;
     background-color: #f8f9fa;
   }
.message_box{position:fixed;top:0;left:0;right:0;z-index:99999;padding:12px;margin:0 0 10px;box-shadow:0 2px 3px rgba(0,0,0,.1);line-height:1.5;font-size:14px;text-align:center;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.1);background:var(--principal)}
.message_box.info{background:#24608c}
.message_box.error{background:#d95353}
.message_box a{color:#fff;border-bottom:1px dashed #fff}
.message_box a:hover{border-bottom-style:solid}
.seccion-signup{text-align:center;padding-top:100px;}
.seccion-signup h3{color:var(--fondos);font-size:5em;}
.seccion-signup h4{color:var(--principal);font-size:2em;}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.content {
  height: 100px;
  color: #fff;
  line-height: 100px; /* centering text just for view */
  text-align: center;
  margin: 5px;
  border: 1px solid lightgrey;
  display: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
#more-descripcion {display: none;}
#more-parametros {display: none;}

a.link-azul,
a.link-azul:visited {
	color: blue;
}
a.link-azul:hover,
a.link-azul:active {
	color: darkblue;
}