.portfolio .titlebox{position:relative;text-align:center;padding:0 0 2% 0}.portfolio .titlebox .title{color:#00369f;font-size:1.88vw;font-weight:500}.portfolio .titlebox .subtitle{font-size:1.6vw}.portfolio .sort{display:flex;justify-content:center;margin-bottom:3%}.portfolio .sort .box{font-size:1.46vw;width:6vw}.portfolio .sort .box a{color:#616161}.portfolio .sort .box:hover a,.portfolio .sort .box.active{color:#00369f;transition:.3s ease-in-out}.portfolio{padding:7% 0 2% 0}.portfolio .img{position:relative;border-radius:5px}.portfolio .img img{border-radius:5px}.portfolio .gradientblack .text{position:absolute;bottom:3%;width:100%;font-size:1.28vw;font-weight:400;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1vw}.portfolio .gradientblack{background:#000;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 34%);position:absolute;width:100%;height:100%;bottom:0;border-radius:5px}.portfolio .viewmore{font-size:.73vw;text-align:center;color:#8bcef3;height:1rem;opacity:0;transition:all .3s ease-in-out}.portfolio .gradientblack:hover .viewmore{opacity:1;transition:all .3s ease-in-out}.portfolio .owl-carousel .owl-nav button.owl-prev{position:absolute;left:0;top:35%}.portfolio .owl-carousel .owl-nav button.owl-next{position:absolute;right:0;top:35%}.pagination{justify-content:center;padding:0 0 1.5vw 0}.page-link{color:#00369f;font-weight:300;font-size:1.3vw;width:3.35vw;height:3.35vw;margin:0 1rem;border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px #9b9b9b solid}.page-link:hover,.page-link.actives{color:#fff;font-weight:500;background-color:#00369f}.portfolio-detail{padding:7% 0 0 0}.portfolio-detail .title{font-size:2vw;font-weight:500;color:#00369f;text-align:center;padding:0 0 2rem 0}.portfolio-detail .img{margin:1rem 0 0 0}.portfolio-detail img{height:12vw;object-fit:cover;border-radius:5px}.portfolio-detail img:hover{transform:scale(1.05);transition:.3s ease-in-out}@media (max-width:991px){.portfolio{padding:70px 0 20px 0}.portfolio .img img{border-radius:5px}.portfolio .gradientblack .text{font-size:24px}.portfolio .gradientblack:hover .viewmore{font-size:14px}.portfolio .titlebox .title{font-size:28px}.portfolio .titlebox .subtitle{font-size:18px}.portfolio-detail img{height:190px}.page-link{font-size:18px;width:35px;height:35px}}