*, ::after, ::before {box-sizing: border-box;}
.header-search {display: flex; justify-content: flex-end;}
form.search-form {position: relative;}
.input-field.search-field {border-radius: 0; padding-right: 35px; border:  0px; box-shadow: 0px 4px 13px rgba(1, 125, 181, 0.13); min-width: 250px;}
.search-submit {width: 35px; height: 100%; position: absolute; top: 0; right: 0; background: transparent url("../images/search.svg") no-repeat center; border: 0; font-size: 0; background-size: 16px; cursor: pointer;}
.sc-icons {cursor: pointer; margin-left: 15px; display: flex; align-items: center; width: 30px; justify-content: flex-end;}
.cancel-icon {display: none;}
.sc-icons.active .search-icon {display: none;}
.sc-icons.active .cancel-icon {display: block;}

.header-search-form{opacity: 0; visibility: hidden; transition: all .2s ease-in-out;}
.header-search-form.active{opacity: 1; visibility: visible;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

.partnerCat-box.we-believe-box{display: none;}

/*Gallery page css start*/
/*.absoImg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}*/
/*.project-img-bx .absoImg {object-fit: cover; width: 100%; height: 100%;}*/
.trans {-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.flex-div {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
.readmore-link{color: #017DB5; font-size: 14px; font-weight: 600; font-family: "Poppins", sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.readmore-link .svgImg{width: 25px; height: 11px; margin-left: 6px; vertical-align: middle; margin-top: -2px;}
.project-title{color: #ffffff;width: 100%;text-align: left;margin-bottom: 10px;/* display: none !important; */}

.galleryFilter{text-align: center; margin-bottom: 30px;}
.galleryFilter li{display: inline-block; vertical-align: middle;}
.galleryFilter li h2{padding: 0 5px 7px; position: relative; margin: 0 15px; font-size: 16px; font-weight: 500; line-height: 21px; color: #000; cursor: pointer; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.galleryFilter li h2:before{content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2.5px; background-color: #017DB5; -webkit-transform: scale(0) translateX(-50%); -ms-transform: scale(0) translateX(-50%); -o-transform: scale(0) translateX(-50%); transform: scale(0) translateX(-50%); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transform-origin: center;}
.galleryFilter li.current h2{color: #017DB5;}
.galleryFilter li.current h2:before{width: 100%; -webkit-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%);}
.loadmoreDiv{text-align: center; margin-top: 30px;}
.gallery-trans{width: 100%;}
.galleryContainer .project-box{flex-grow: 1; width: 33.3%;}
.selectCate {display: none;}
.gallery-filter-div{position: relative; width: 100%; max-width: 1920px; padding: 0 0px;}
.project-category-name {flex: 0 0 100%;color: #fff;text-align: left;font-size: 18px;margin-bottom: 5px; line-height: 1.3; display: none;}
.hidden {display: none !important;}

.project-box{position: relative; text-align: center; flex-basis: 33.3%;}
/*.project-img-bx{position: relative; flex-basis: 100%;}*/
/*.project-img-bx .absoImg {object-fit: cover; width: 100%; height: 100%;}*/
/*.project-img-bx .absoImg{object-fit: cover; width: 100%; height: 100%;}*/
.project-img-bx .absoImg.lazy,.project-img-bx .absoImg.no-image{object-fit: unset; width: unset; height: unset;}
.project-box a{display: block; position: relative; display: flex; overflow: hidden;margin: 8px;}
.project-box a:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 140, 202, 0.8); opacity: 0; visibility: hidden; z-index: 1; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.project-content {display: flex; align-items: center; padding: 0 15px 25px 30px; position: absolute; bottom: 0%; left: 0; width: 100%; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 2; height: 100%; justify-content: center; text-align: center;}
h3.project-title {color: #ffffff; width: 100%; text-align: center; margin-bottom: 0; /* display: none !important; */ font-size: 26px; font-weight: 700; line-height: 1.3;}
.project-box a > img{-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/*Gallery page css end*/

@media only screen and (min-width: 768px){    
}
@media only screen and (min-width: 992px){
    .galleryFilter {display: block!important;}
}
@media only screen and (min-width: 1200px){

    /*Gallery page css start*/
    .project-box a:hover > img{transform: scale(1.1);}
    .project-box a:hover:before{opacity: 1; visibility: visible;}
    .project-box a:hover .project-content{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
    .project-box a:hover .readmore-link:hover{color: #ffffff;}
    .galleryFilter li h2:hover{color: #017DB5;}
    .galleryFilter li h2:hover:before{width: 100%; -webkit-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%);}
    /*Gallery page css end*/

}
@media only screen and (max-width: 1199px){
    .header-bottom{position: relative;}
    .header-search-form{position: absolute; top: 100%; right: 0px; z-index: 1;}
    .input-field.search-field{border: 1px solid rgba(234, 234, 234, 0.6);}
    .sc-icons{margin: 0px; width: auto;}
    h3.project-title{font-size: 24px;}

    .galleryFilter li h2{margin: 0 5px;}

}
@media only screen and (max-width: 991px){
    .galleryContainer .project-box {
    width: 50%;flex-basis: 50%;}
    .sec-padding {padding: 30px 0;}
    h3.project-title{font-size: 22px;}

    /*Gallery page css start*/
    .galleryInnr{position:relative;}
    .selectCate{display:block;background:#017DB5;color:#fff;padding:10px 15px 10px;text-align:left;margin-bottom:15px;position:relative;font-weight:700;}
    .selectCate h2{font-size:18px; margin: 0;}
    .selectCate::after{content:"";top:0;bottom:0;margin:auto;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;height:5px;position:absolute;right:14px;width:9px;}
    .galleryFilter{display:none;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;position:absolute;top:42px;left:0;width:100%;z-index:11;background-color:#f1f1f1;}
    .galleryFilter li{width:100%;margin:0;border-bottom:1px solid #ddd;text-align:left;}
    .galleryFilter li h2{border-radius:0;padding:6px 15px;font-size:15px; margin: 0;}
    .galleryFilter li.current h2{background-color:transparent;color:#017DB5;}
    .galleryFilter li.current h2:before{display: none;} 
    /*Gallery page css end*/
}

@media only screen and (max-width: 767px){
    .header-search-form {width: calc(100% + 30px); position: relative; margin: 0 -15px; height: 0px;}
    .header-search-form.active{height: 50px; transform: translateY(15px);}
    .input-field.search-field{padding-right: 50px; padding-left: 15px; font-size: 14px;}
    .search-submit{right: 15px; background-position: center right;}    

    header.header-main{border: 0px;}
    .header-cnt .header-right{flex-wrap: wrap; border-bottom: 1px solid rgba(234, 234, 234, 0.6);}    
    
    /*Gallery page css start*/
    h3.project-title{font-size: 20px;}
    /*Gallery page css end*/

}


@media only screen and (max-width: 479px){

  .galleryContainer .project-box {
    width: 100%;}
    .project-box a {justify-content: center;}

    h3.project-title{font-size: 18px;}
}