@media screen and (max-width: 1000px) {
         .hy-projects-by-category-cards-thumb {
                  position:absolute;
                  top:0;
                  bottom:0;
                  left:0;
                  right:0;
                  height: unset !important;
                  opacity:0.2;
                  z-index: -1;
                  
                 
         }
         .hy-projects-by-category-cards-info {
                  width:100% !important;
         }
         
         
}

@media screen and (min-width: 1001px) {
         .hy-projects-by-category-cards-thumb {
                  width: 33%;
         }
         
}

@media screen and (max-width: 799px) {
         .hy-category-side-filters {
                  position:absolute;
                  top:0;
                  z-index: 1;
                  width: 100%;
                  height: 100% !important;
                  background: white;
                  left:-100%;
                  
              
         }

}

.hy-open-panel-filter {
         left:0%;
}

.hy-category-project-list-container {
         display: flex;
         margin-top: 2em;
         padding: 0.5em;
         flex-direction: row;
         flex-wrap: nowrap;
         position:relative;
}

.hy-category-side-filters {
         min-width: 340px;
         padding: 3px;
         transition:left 0.2s ease-in;
}
.hy-category-side-filters-title {
         font-size: 1.5em;
         color: #808080bd;
         font-weight: 700;
         margin-bottom: 6px;
}

.project-type-filter-container, .location-filter-container {
         margin-top: 2em;
         max-height: 5000px;
         transition: 0.4s ease-in;
         overflow:hidden;
         
}

.hy-project-list-header-title {
         display: flex;
         flex-wrap: nowrap;
         justify-content: space-between;
}



.project-type-header-section, .location-header-section {
         font-size: 1.3em;
         color: #5F636A;
         font-weight: 600;
         margin-bottom: 6px;
         margin-top: 10px;
         display: flex;
         flex-direction: row;
   

}
.project-type-header-section span, .location-header-section span {
         width:25px;
         text-align: center;
         transition:0.4s ease-out;
         margin-left:5px;
         height: 25px;
}

.hy-rotate {
         transform: rotate(-90deg);
}
.hy-collapse {
         max-height:0;
         overflow:hidden;
         transition: 0.4s ease-out;
}


.hy-category-side-filters input[type="checkbox"]{
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 2px solid #5b5b5b;
    padding: 9px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
}

.hy-category-side-filters input[type="checkbox"]:active, .hy-category-side-filters input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.hy-category-side-filters input[type="checkbox"]:checked {
	background-color: #e9ecee;
	border: 2px solid #5b5b5b;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.hy-category-side-filters input[type="checkbox"]:checked:after {
         content: '\2714';
         font-size: 20px;
         position: absolute;
         top: -3px;
         left: 2px;
         color: #5b5b5b;
}


.project-list-filter-count {
         font-size: 0.9em;
         font-style: italic;
}

.project-list-filter-checkbox-container {
         display: flex;
         flex-wrap: nowrap;
         gap: 2px;
         align-items: center;
}
.project-list-filter-checkbox-container label {
         margin-left:0.5em;
         font-size: 1.1em;
}

.hy-filter-disabled {
         opacity: 0.3;
}


.hy-projects-by-category-nav{
         display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 1.1em;
    opacity:1;
    -webkit-animation: fadeInFromNone 0.9s ease-out;
    -moz-animation: fadeInFromNone 0.9s ease-out;
    -o-animation: fadeInFromNone 0.9s ease-out;
    animation: fadeInFromNone 0.9s ease-out;

}

.hy-footer-nav-page {
         margin-left: 10px;
         margin-right: 10px;
}
.hy-footer-nav-next {
         margin-right: 10px;
         width:30px;
}
.hy-footer-nav-prev {
         margin-left: 10px;
         width:30px;
}

.hy-footer-page-active {
         font-size: 1.2em;
         color: #00aeef;
}
/***project list**/

.hy-hide-opacity{
         display:none !important;
         opacity:0 !important;
}

.hy-projects-by-category-counter {
         height:30px;
}
.hy-projects-by-category {
         display: flex;
    flex-direction: column;
}
.hy-projects-by-category-cards {
         display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    /*flex-wrap: wrap;*/
    opacity:1;
    -webkit-animation: fadeInFromNone 0.9s ease-out;
    -moz-animation: fadeInFromNone 0.9s ease-out;
    -o-animation: fadeInFromNone 0.9s ease-out;
    animation: fadeInFromNone 0.9s ease-out;
    /*gap:1em;*/

}
.hy-projects-by-category-cards-info {
         width:67%;
}

.hy-projects-by-category-cards-type {
         font-weight: bold;
}

.hy-projects-by-category-cards-list {
         font-size:0.9em;
}
.hy-projects-by-category-cards-container {
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         gap: 25px;
         /*border: 2px solid #80808063;*/
         padding: 20px;
         width: 100%;
         position:relative;
         /*height: 294px;*/

    margin-bottom: 14px;
}
.hy-projects-by-category-cards-thumb {
         background-size: cover;
         background-repeat: no-repeat;

}


.hy-footer-nav-prev:hover, .hy-footer-nav-next:hover, .hy-footer-nav-page:hover, .hy-category-side-filters input[type="checkbox"]:hover,.hy-toggle-filter-button:hover, .hy-toggle-list-filter:hover {
         cursor: pointer;
}



@-webkit-keyframes fadeInFromNone {
         0% {
             display: none;
             opacity: 0;
         }
     
         1% {
             display: flex;
             opacity: 0;
         }
     
         100% {
             display: flex;
             opacity: 1;
         }
     }
     
     @-moz-keyframes fadeInFromNone {
         0% {
             display: flex;
             opacity: 0;
         }
     
         1% {
             display: flex;
             opacity: 0;
         }
     
         100% {
             display: flex;
             opacity: 1;
         }
     }
     
     @-o-keyframes fadeInFromNone {
         0% {
             display: flex;
             opacity: 0;
         }
     
         1% {
             display: flex;
             opacity: 0;
         }
     
         100% {
             display: flex;
             opacity: 1;
         }
     }
     
     @keyframes fadeInFromNone {
         0% {
             display: flex;
             opacity: 0;
         }
     
         1% {
             display: flex;
             opacity: 0;
         }
     
         100% {
             display: flex;
             opacity: 1;
         }
     }