/* -----------Common Style----------- */

.build-features{width:100%;padding-top:90px;padding-bottom:90px;background-size:cover;background-attachment:fixed;color:#fff;background-color:#002e5b;}
.build-features .tit{text-align:center;}
.build-features .tit h3{font-size:42px;color:#fff;font-weight:700;line-height:1;border-bottom:1px solid #dadada;display:inline-block;}
.build-features .tit h3::after{content:"";margin:10px auto -2px;width:70px;height:4px;background:#ffb600;display:block;}


.work-filter ul{margin:45px 0 0;text-align:center;font-size:0;}
.work-filter ul li {display:inline-block;margin:0 10px;}
.work-filter ul li a {font-size:18px;position:relative;padding:5px 0;display:block;color:#fff;}
.work-filter ul li a:before {content:'';height:1px;width:0;background:#ffb600;position:absolute;bottom:0;left:50%;right:50%;}
.work-filter ul li a:hover::before,.work-filter ul li a.active:before {width:100%;left:0;right:0;}
.work-filter ul li a:hover,.work-filter li a.active {color:#ffb600;}

.build-features .gallery{margin-top:30px;}

.gallery .work-item {padding:15px;position:relative;}

.mix {display:none;}
.overlay {background:rgba(252,102,25,0.75);position:absolute;opacity:0;top:auto;left:0;bottom:-100%;height:100%;width:100%;color:#fff;transition:all 0.3s ease 0s;}

.overlay .overlay-inner {position:absolute;bottom:0;left:0;right:0;padding:15px;text-align:left;transform:translateY(100%);}

.overlay .overlay-inner a {background:#fff;color:#ffb600;font-size:15px;padding:2px 5px;display:inline-block;margin-bottom:5px;}
.overlay .overlay-inner h4 {font-size:18px; line-height: 20px;
 max-height:40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.overlay .overlay-inner p {margin-bottom:0; line-height: 20px;font-size:16px; color:#dfdfdf;
 max-height:100px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}

@media screen and (min-width:768px){
.overlay:hover .overlay-inner{transform:translateY(0);}
.gallery .item-container:hover .overlay,.zerogrid .item-container:hover .overlay {opacity:1;bottom:0;}
.gallery .item-container:hover img {opacity:0.4;transform:scale3d(1.1,1.1,1);}
}
           
@media screen and (max-width:1550px){
.build-features {padding:80px 0;}  
.build-features .tit h3{font-size:39px;}
}

@media screen and (max-width:1441px) {
.build-features {padding:75px 0;}  
.build-features .tit h3{font-size:38px;}
}

@media screen and (max-width:1367px) {
.build-features {padding:70px 0;}  
.build-features .tit h3{font-size:36px;}
}

@media screen and (max-width:1281px){
.build-features {padding:60px 0;}  
.build-features .tit h3{font-size:34px;}
.work-filter ul{margin:35px 0 0;}
.work-filter ul li a{font-size:17px;}
  
}

@media screen and (max-width:1171px){
.build-features .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.build-features .tit h3{font-size:31px;}
}

@media screen and (max-width:768px){
.build-features {padding:30px 0;}  
.build-features .tit h3{font-size:28px;}
.build-features .tit h3::after{width:50px;height:3px;}
.wrap-content{margin:0 -10px;}
.build-features .gallery{margin-top:20px;}
.gallery .work-item{padding:10px;}
  .overlay .overlay-inner p{
  display:none !important;
  }
  .overlay .overlay-inner h4 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}

@media screen and (max-width:576px) {
.build-features .tit h3{font-size:26px;}
.work-filter ul{margin:30px 0 0;}
.work-filter ul li a{font-size:16px;}
  
}

@media screen and (max-width:480px) {
.build-features .tit h3{font-size:24px;}
.work-filter ul{margin:20px 0 0;}
.work-filter ul li a{font-size:15px;}
.build-features .gallery{margin-top:15px;}
  
}	


@media screen and (max-width:420px) {
.build-features .tit h3{font-size:22px;}
}