.project-gallery{padding:0}.project-gallery .wraper{max-width:1200px;width:100%;margin:0 auto}.project-gallery h2{font-size:35px;font-weight:600;color:#003160;line-height:45px;margin:0 0 35px;text-align:center}.masonry{column-count:3;column-gap:20px;padding:0 15px;max-width:1000px;width:100%;margin:0 auto}.masonry .grid{margin-bottom:15px;position:relative}.masonry .grid figure{margin:0}.masonry .grid figure .image-popup-vertical-fit{position:absolute;width:100%;height:100%;z-index:9}.masonry .grid figure img{width:100%;height:auto}.masonry .grid:after{content:"";position:absolute;top:0;left:0;width:0;height:99%;background-color:rgba(0,0,0,.5);z-index:2}.masonry .grid:after,.masonry .grid:hover:after{transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}.masonry .grid:hover:after{width:100%}.masonry .grid .content{position:absolute;z-index:3;left:0;top:50%;transform:translateY(-50%);padding:0 15px;opacity:0}.masonry .grid .content,.masonry .grid:hover .content{transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}.masonry .grid:hover .content{opacity:1}.masonry .grid h4{font-size:20px;font-weight:600;color:#fff;line-height:24px;margin:0 0 10px}.masonry .grid p{font-size:14px;font-weight:500;color:#fff;line-height:22px;margin:0}.gallery-menu{padding:0;text-align:center}.gallery-menu li{list-style:none;display:inline-block;padding:0 5px 10px;margin:0}.gallery-menu li a{font-size:20px;font-weight:600;color:#003160;display:inline-block;border:1px solid #b7b7b7;text-decoration:none;padding:13px 20px}.gallery-menu li.selected a,.gallery-menu li a:hover{color:#fff;background-color:#832807;border-color:#832807}.mfp-title h4{color:#fff;font-size:18px}.mfp-title p{color:#fff;font-size:16px;margin:0}.load-more{display:block;font-size:23px;font-weight:600;text-align:center;margin:50px 0 0}@media screen and (max-width:1199px){.project-gallery{padding:40px 15px}.masonry{padding:0}}@media screen and (max-width:991px){.masonry{column-count:2}.project-gallery h2{font-size:30px}.gallery-menu li a{font-size:18px}}@media screen and (max-width:767px){.project-gallery h2{font-size:25px;line-height:30px}.gallery-menu li a{font-size:16px;padding:10px 13px}.masonry{column-count:1}.masonry .grid{max-width:450px;width:100%;margin:0 auto 15px}}@media screen and (max-width:479px){.gallery-menu li a{font-size:14px;padding:8px 13px}.masonry .grid h4{font-size:18px;line-height:22px}}