.form-filter{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center}.form-filter select{margin-bottom:1em;border:none;background-color:transparent;box-shadow:none;border-bottom:1px solid #000;font-weight:500}.form-filter select:focus{box-shadow:none}.form-filter .field{flex:0 0 33.333333%;max-width:25%;width:100%;padding-right:15px;padding-left:15px}.row-filter-project{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;position:relative;width:100%;min-height:300px}.box-detail{flex:0 0 33.333333%;max-width:33.333333%;position:relative;width:100%;padding-right:15px;padding-left:15px;margin-bottom:30px}.box-detail .post-image{width:100%;min-height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:20px}.box-detail img{max-height:300px}.box-detail .header-info,.box-detail .project-info p{display:flex;align-items:center;justify-content:space-between}.box-detail .header-info h4{margin-bottom:0}.box-detail .header-info{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #000}.no-result p{font-size:30px}.filter-pLoading,.no-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-roller{display:inline-block;position:relative;width:50px;height:50px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#d6d6d6;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.shortcode_filter_customer_result h2{text-align:center}.box-result-filter{min-height:496px;position:relative}#filterProject{margin-bottom:40px}.dropbtnFilter{color:#000;margin:0;width:100%;text-align:left;border-bottom:1px solid #000!important;font-size:16px;border:none;cursor:pointer;font-weight:500;background-position:right .45em top 50%;background-repeat:no-repeat;padding-right:1.4em;background-size:auto 16px;border-radius:0;min-height:2.2em;padding:5px 18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dropdownFilter{position:relative;display:inline-block;width:100%;text-align:left}.dropdownFilter:after{content:'';width:100%;height:10px;position:absolute;bottom:-5px;left:0}.dropdownContent{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;width:100%;margin:0;padding:0;margin-top:5px;border:1px solid #f5f5f5}.dropdownContent li{color:#000;padding:9px 18px;text-decoration:none;display:block;cursor:pointer;margin:0!important;transition:.3s all}.dropdownContent li:not(:last-child){border-bottom:1px solid #dedbdb}.dropdownContent li.active,.dropdownContent li:hover{background-color:#e4e4e4;font-weight:500}.dropdownFilter .dropdownContent.show{display:block}.dropdownFilter .overlay-f{position:absolute}.filter-paging ul.pagination li{list-style:none;float:left;margin:0;padding:0}.filter-paging ul.pagination li a,.filter-paging ul.pagination li.active{padding:5px 10px;display:block;font-size:16px}.filter-paging ul.pagination li a{color:#000}@media only screen and (max-width:1200px){.form-filter .field{max-width:33.3333%}}@media only screen and (max-width:767px){.row-filter-project{display:block;margin:0}.box-detail{max-width:100%;flex:1;width:100%}.form-filter{display:block}.form-filter .field{max-width:100%;flex:1;width:100%;margin-bottom:15px}}
.header-info p{
	margin-bottom: 0;
    min-width: 35%;
    text-align: right;
}
.box-result-filter.loading:after {content: "";background: rgb(255 255 255 / 62%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}

.box-result-filter.loading .filter-pLoading {
    z-index: 11;top: auto;
    bottom: 40vh;
}
.lds-roller {
	left:-15px;
}