@import url("https://use.typekit.net/yrb2nzh.css");


#miniaturas {
    font-family: sofia-pro, sans-serif;
   font-size: 18px;
   position: absolute;
    right: 65px;
    top: 12px;
    color: #000;
    z-index: 999;
}

#miniaturas:hover {
    color:#00B2A9;
}

/* menu galería  */
/* portfolio filter tab style 1 */
.portfolio-filter-tab-1 li {margin: 0 25px; display: inline-block; float: none}
.portfolio-filter-tab-1 li a {background: transparent; border: none; padding:0 0 2px 0; display: inline; color: rgb(0, 0, 0) !important; margin: 0;}
.portfolio-filter-tab-1 li a:hover, .portfolio-filter-tab-1 li a:focus {background: transparent; border-bottom: 1px solid #000 ; color: #000 !important}
.portfolio-filter-tab-1 li.active a {background: transparent !important; border-bottom: 1px solid #00B2A9red; color:#00B2A9 !important;}


/* #ctn-icon-search{
    position: absolute;
    right: 65px;
    top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
} */

#ctn-icon-search i{
    font-size: 23px;
    color: #000;
    cursor: pointer;
    transition: all 300ms;
}

#ctn-icon-search i:hover{
    color: #00B2A9
}

#inputSearch {
    padding-left: 50px;
    font-family: sofia-pro, sans-serif;
}
#ctn-bars-search{
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 500px;
    padding: 20px;
    z-index: 9;
    transition: all 600ms;
}

#ctn-bars-search input{
    display: block;
    width:500px;
    padding: 10px;
    font-size: 18px;
    outline: 0;
    border-radius: 10rem;
    border: .1rem solid #00B2A9;
    background-image: url(search.svg);
    background-size: 1.4rem;
    background-position: left 1.05rem top .8rem;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-color: #fff;  position: absolute;
    padding-left: 50px;

}
/* resultados */
#box-search{
    position: absolute;
    left: 50%;
    top: 32%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: fixed;
    transform: translateX(-50%);
    width: 500px;
    z-index: 8;
    overflow: hidden;
    display: none;
    padding-top: 30px;
    list-style-type: none;
}

#box-search li a{
    display: block;
    width: 1200px;
    color: rgb(63, 63, 63);
    padding: 5px 0px;
    font-family: sofia-pro, sans-serif;
    text-decoration: none;

}

#box-search li a:hover{
    color: #00B2A9
}

#box-search li a i{
    margin-right: 10px;
    color: #e7e7e7;
}


#cover-ctn-search{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 7;
    display: none;
    top: 47px;;
}