.portfolio_area{padding:150px 0 100px;position:relative;width:100%}.portfolio_area .portfolio_bg{content:"";height:1084px;left:0;position:absolute;top:0;width:100%}.portfolio_area .wrapper{position:relative;z-index:1}.portfolio_area .portfolio_top{margin-bottom:50px;padding:30px 80px;width:100%}.portfolio_area .portfolio_top h1{color:#272e6e;margin-bottom:15px}.portfolio_area .portfolio_cover{border-top:1px solid rgba(38,46,110,.4);display:flex;flex-wrap:wrap;width:100%}.portfolio_area .portfolio_box{align-items:center;border-bottom:1px solid rgba(38,46,110,.4);border-right:1px solid rgba(38,46,110,.4);display:flex;justify-content:center;min-height:460px;padding:40px;position:relative;text-align:center;width:25%}.portfolio_area .portfolio_box .bg{content:"";inset:0;opacity:0;position:absolute;transition:all ease-in- .4s}.portfolio_area .portfolio_box:hover>.bg{opacity:.5}.portfolio_area .portfolio_box .morebtn{bottom:0;position:absolute;right:0}.portfolio_area .portfolio_box:hover .morebtn a{color:#fff}.portfolio_area .portfolio_box .logo img{max-width:320px;transition:all .4s ease-in-out;width:100%}.portfolio_area .portfolio_box:hover .logo img{filter:brightness(0) invert(1)}.portfolio_area .portfolio_box:nth-child(4n){border-right:none}.portfolio_area .portfolio_info{transition:all .4s ease}.portfolio_area .portfolio_box:hover .portfolio_info{opacity:.5}.portfolio_area .portfolio_box:hover .bg,.portfolio_main .box:hover .link{opacity:1}.portfolio_area .portfolio_boxin{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.portfolio_area .portfolio_img{display:inline-block;height:400px;margin-bottom:20px;vertical-align:top;width:100%}.portfolio_area .portfolio_info{display:block;width:100%}.portfolio_area .portfolio_info h4{color:#262e6e;font-size:36px;font-weight:700;letter-spacing:0;line-height:48px}.portfolio_area .portfolio_info h5{color:#84bd00;font-size:21px;font-weight:700;letter-spacing:.1em;line-height:30px;margin:10px 0;text-transform:uppercase;width:100%}.portfolio_area .morebtn a{color:#f76161;font-family:obvia-wide,sans-serif;font-size:18px;font-weight:500;font-weight:700;line-height:36px;text-transform:uppercase}.portfolio_area .morebtn a:hover{opacity:.9}.portfolio_area .portfolio_popupbox{display:none}.portfolio_area .portfolio_box .hover_link{height:100%;left:0;position:absolute;top:0;width:100%}.portfolio_area .portfolio_box .logo{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100px}.portfolio_popupbox.fancybox-content{background:linear-gradient(158.03deg,#262e6e 41.12%,#35c1d6 110.1%);max-width:1500px;padding:0;width:100%}.portfolio_popupbox .portfolio_popupboxin{color:#fff;display:flex;flex-wrap:wrap;padding:110px;position:relative;z-index:1}.portfolio_popupbox.fancybox-content .portfolio_img{align-items:center;display:block;display:flex;justify-content:center;width:400px}.portfolio_popupbox.fancybox-content .portfolio_popupright{display:flex;flex-direction:column;justify-content:center;padding-left:70px;width:calc(100% - 400px)}.portfolio_popupbox.fancybox-content .portfolio_popupright h4{color:#fff;font-size:48px;font-weight:700;line-height:60px}.portfolio_popupbox.fancybox-content .portfolio_popupright h5{color:#f76161;font-size:21px;font-weight:700;letter-spacing:.1em;line-height:30px;margin:10px 0 50px;text-transform:uppercase;width:100%}.portfolio_popupbox .portfolio_bio a{color:#fff;font-family:obvia-wide,sans-serif;font-size:18px;font-weight:500;font-weight:700;line-height:36px;text-transform:uppercase}@media(max-width:1600px){.portfolio_area .portfolio_info h4{font-size:28px;line-height:38px}.portfolio_area .portfolio_info h5{font-size:18px;line-height:28px}.portfolio_area{padding:150px 0 40px}}@media(max-width:1400px){.portfolio_area{padding:120px 0 40px}.portfolio_popupbox .portfolio_popupboxin{padding:60px}.portfolio_popupbox.fancybox-content .portfolio_popupright h4{font-size:38px;line-height:50px}.portfolio_popupbox.fancybox-content .portfolio_img{width:300px}.portfolio_popupbox.fancybox-content .portfolio_popupright{font-size:18px;line-height:30px;padding-left:50px;width:calc(100% - 300px)}.portfolio_popupbox.fancybox-content .portfolio_popupright h5{margin:5px 0 30px}.portfolio_popupbox .fancybox-close-small{height:70px!important;width:70px!important}.portfolio_area .portfolio_bg{height:784px}}@media(max-width:1200px){.portfolio_area{padding:70px 0 40px}.portfolio_area .portfolio_top{padding:30px 20px 0}.portfolio_area .portfolio_img{height:300px}.portfolio_area .portfolio_info h4{font-size:22px;line-height:30px}.portfolio_area .morebtn a,.portfolio_area .portfolio_info h5{font-size:16px;line-height:26px}.portfolio_popupbox.fancybox-content:after{background-size:cover!important}.portfolio_area .portfolio_box{min-height:300px;padding:20px}}@media(max-width:991px){.portfolio_area .portfolio_top{padding:0 30px}.portfolio_area .portfolio_box{width:50%}.portfolio_popupbox .portfolio_popupboxin{padding:40px}.portfolio_popupbox.fancybox-content .portfolio_img{width:240px}.portfolio_popupbox.fancybox-content .portfolio_popupright{padding-left:40px;width:calc(100% - 240px)}.portfolio_popupbox.fancybox-content .portfolio_popupright h4{font-size:28px;line-height:40px}.portfolio_popupbox.fancybox-content .portfolio_popupright h5{font-size:16px;line-height:26px;margin:5px 0 20px}.portfolio_popupbox .fancybox-close-small{background-size:24px;height:50px!important;width:50px!important}.portfolio_area .portfolio_box{min-height:220px}}@media(max-width:767px){.portfolio_area .portfolio_box .logo{min-height:70px}.portfolio_area .portfolio_box{border:1px solid rgba(38,46,110,.4);width:50%}.portfolio_popupbox .portfolio_popupboxin{padding:50px 20px}.portfolio_popupbox.fancybox-content .portfolio_popupright{padding:30px 0 0;width:100%}.fancybox-slide--html .fancybox-close-small{background-size:18px!important;height:30px!important;width:30px!important}.portfolio_main .box:nth-child(n){border-right:none;padding:20px 40px}}.portfolio_main .box{align-items:center;border-bottom:1px solid rgba(38,46,110,.4);border-right:1px solid rgba(38,46,110,.4);display:flex;justify-content:center;min-height:460px;padding:40px;position:relative;text-align:center;width:25%}.portfolio_main .box:nth-child(4n){border-right:none}.portfolio_main .box .bg{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease-in-out}.portfolio_main .box .logo{position:relative}.portfolio_main .box .link,.portfolio_main .box .logo img{transition:all .4s ease-in-out}.portfolio_main .box .link{bottom:30px;opacity:0;position:absolute;right:30px;z-index:1}.portfolio_main .box .link a{align-items:center;border-bottom:2px solid;display:flex;font-family:obvia-wide,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;line-height:30px;text-transform:uppercase}.portfolio_main .box .link a svg{margin:0 0 0 6px}.portfolio_main .box:hover .bg,.portfolio_main .box:hover .link{opacity:1}.portfolio_main .box:hover .logo img{filter:brightness(0) invert(1)}