/*!
 * Copyright (c)JaPHP 2012-2022. (http://japhp.ru)
 */
.slick-arrow{text-align:center;margin-left:10px;margin-right:10px}.slick-arrow .bi{font-size:48px}.portfolio-area{padding-top:86px;overflow:hidden}@media (max-width:767px){.portfolio-area .container-fluid{padding:0 15px!important}}.portfolio-area .container-fluid .col-lg-3{padding-left:10px;padding-right:10px}@media (max-width:767px){.portfolio-area .container-fluid .col-lg-3{padding-left:15px;padding-right:15px}}.portfolio-area .section-title{padding-bottom:22px}.portfolio-area.portfolio-16-area{padding-top:66px}.portfolio-area.portfolio-16-area .portfolio-active .slick-arrow:hover,.portfolio-area.portfolio-16-area .portfolio-active .slick-dots li.slick-active button{background:#3863f6}.portfolio-area.portfolio-16-area .portfolio-active .slick-arrow:hover i{color:#fff}.portfolio-item,.portfolio-item .portfolio-overlay{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.portfolio-item{position:relative;overflow:hidden;border-radius:5px}.portfolio-item .portfolio-overlay{position:absolute;left:0;top:0;height:100%;display:flex;align-items:flex-end}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-item .portfolio-overlay .content{padding-left:10px}}@media (max-width:767px){.portfolio-item .portfolio-overlay .content{padding-left:15px}}.portfolio-item .portfolio-overlay .content .title{font-size:30px;color:#fff;font-family:"space_grotesk";padding-top:21px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-item .portfolio-overlay .content .title{font-size:24px}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-item .portfolio-overlay .content .title{font-size:24px}}@media (max-width:767px){.portfolio-item .portfolio-overlay .content .title{font-size:24px}}.portfolio-2-item img,.portfolio-item>img{width:100%}.portfolio-active .slick-current .portfolio-item .portfolio-overlay{opacity:1}.portfolio-active .slick-arrow{z-index:9;position:absolute;top:50%;transform:translateY(-50%);height:130px;width:130px;background:#fff;border-radius:50%;line-height:140px;font-size:46px;color:#000;cursor:pointer;opacity:0}.portfolio-active .slick-arrow,.portfolio-active .slick-arrow i,.portfolio-active .slick-dots li button{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.portfolio-active .slick-arrow:hover{background:#00a5ff}.portfolio-active .slick-arrow.prev{left:-3%;text-align:right;padding-right:30px}@media only screen and (min-width:1200px) and (max-width:1600px){.portfolio-active .slick-arrow.prev{left:-4%}}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-active .slick-arrow.prev{left:-6%}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-active .slick-arrow.prev{left:-7%}}.portfolio-active .slick-arrow.next{right:-3%;text-align:left;padding-left:30px}@media only screen and (min-width:1200px) and (max-width:1600px){.portfolio-active .slick-arrow.next{right:-4%}}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-active .slick-arrow.next{right:-6%}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-active .slick-arrow.next{right:-7%}}.portfolio-active .slick-dots{position:absolute;left:50%;bottom:-47px;transform:translateX(-50%);margin:0;padding:0;list-style-type:none}.client-slide .slick-dots li,.portfolio-active .slick-dots li,.project-menu ul li{display:inline-block}.portfolio-active .slick-dots li button{height:6px;width:6px;border:0;font-size:0;border-radius:50%;background:#e0e0e0;padding:0;margin:0 5px}.portfolio-active .slick-dots li.slick-active button{background:#00a5ff;width:25px;border-radius:10px}.portfolio-active:hover .slick-arrow{opacity:1}.portfolio-2-area{padding-top:100px;padding-bottom:100px}.portfolio-2-item{position:relative;overflow:hidden}.portfolio-2-item .portfolio-overlay{position:absolute;left:0;bottom:20px;padding:33px 45px 34px 25px;background:#fff;border-radius:0 7px 7px 0;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-2-item .portfolio-overlay{padding:33px 25px 34px}}@media (max-width:767px){.portfolio-2-item .portfolio-overlay{padding:33px 15px 34px}}.portfolio-2-item .portfolio-overlay .title{font-size:22px;margin-bottom:5px;font-weight:600}.portfolio-2-item .portfolio-overlay span{color:#00a5ff;font-size:14px}.portfolio-2-item .portfolio-overlay-2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:320px;height:200px;border-radius:10px;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-2-item .portfolio-overlay-2{width:260px}}@media (max-width:767px){.portfolio-2-item .portfolio-overlay-2{width:260px}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-2-item .portfolio-overlay-2{width:320px}}.portfolio-2-item .portfolio-overlay-2 .title{color:#fff;font-size:25px;line-height:30px;padding-top:38px;margin-bottom:4px}.portfolio-2-item .portfolio-overlay-2>span{color:#fff;font-size:14px;font-weight:500;margin-bottom:15px;display:inline-block}.portfolio-2-item .portfolio-overlay-2 a{color:#fff;font-size:14px;font-weight:600}.portfolio-2-item .portfolio-overlay-2 a span{display:inline-block;margin-left:3px;height:24px;width:24px;background:#000;border-radius:50%;text-align:center;line-height:21px;transform:rotate(45deg)}.portfolio-2-item:hover .portfolio-overlay{left:-100%}.portfolio-2-item:hover .portfolio-overlay-2{transform:translate(-50%,-50%) scale(1)}.project-menu{text-align:center;padding:26px 0 30px}.project-menu ul{padding:0;margin:0;list-style-type:none}.project-menu ul li{height:56px;line-height:60px;background:rgba(0,0,0,.05);color:#000;padding:0 28px;border-radius:5px;margin:0 6px;cursor:pointer}@media (max-width:767px){.project-menu ul li{padding:0 4px}}@media only screen and (min-width:576px) and (max-width:767px){.project-menu ul li{padding:0 24px}}@media only screen and (min-width:768px) and (max-width:991px){.project-menu ul li{margin-bottom:10px}}@media (max-width:767px){.project-menu ul li{margin-bottom:10px}}.project-menu ul li.active{color:#fff;background:linear-gradient(90deg,#00a5ff 0,#ff564f 65%)}.portfolio-style-2{background:#f5f5f5;padding-top:70px;padding-bottom:100px}.portfolio-style-2-item{border-radius:15px;overflow:hidden;position:relative}.portfolio-style-2-item .project-overlay,.portfolio-style-2-item>img{width:100%;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.portfolio-style-2-item .project-overlay{position:absolute;left:0;top:0;height:100%;background:rgba(0,0,0,.4);padding-left:35px;padding-top:34px;opacity:0}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-style-2-item .project-overlay{padding-left:20px;padding-top:10px}}@media (max-width:767px){.portfolio-style-2-item .project-overlay{padding-left:20px;padding-top:10px}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-style-2-item .project-overlay{padding-left:35px;padding-top:34px}}.portfolio-style-2-item .project-overlay .title{color:#fff;font-size:40px;font-weight:600;font-family:"space_grotesk";margin-top:4px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-style-2-item .project-overlay .title{font-size:24px;margin-bottom:5px}}.portfolio-style-2-item .project-overlay span{font-size:14px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:1px}.portfolio-style-2-item .project-overlay a{position:absolute;left:35px;bottom:30px;height:60px;width:60px;text-align:center;line-height:54px;background:#00a5ff;border-radius:50%;color:#fff}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-style-2-item .project-overlay a{left:20px}}.portfolio-style-2-item:hover>img,.portfolio-style-4-item:hover .portfolio-thumb img{transform:scale(1.1)}.portfolio-style-2-item:hover .project-overlay{opacity:1}@media (max-width:767px){.portfolio-style-2-item.item-8{display:none}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-style-2-item.item-8{display:block}}.portfolio-style-2-item.portfolio-style-3-item .project-overlay{background:rgba(0,0,0,.6);padding:0}.portfolio-style-2-item.portfolio-style-3-item .project-overlay .item .title{font-family:"space_grotesk";font-weight:700;margin-bottom:8px}.portfolio-style-3-area,.portfolio-style-4-area{padding-top:67px;padding-bottom:100px}.portfolio-style-3-area.portfolio-service-3{padding-bottom:65px}.portfolio-style-4-area{background:#f5f5f5}.portfolio-style-4-area .section-title ul{display:inline-block;padding-top:25px;padding-bottom:20px}.portfolio-style-4-area .section-title ul li{display:inline-block;line-height:55px;background:#fff;color:#000;box-shadow:5px;padding:0 28px;font-size:16px;font-weight:600;text-transform:capitalize;letter-spacing:1px;margin:0 5px}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-style-4-area .section-title ul li{margin:0 5px 10px}}.portfolio-style-4-area .section-title ul li.active{background:#00a5ff;color:#fff}.portfolio-style-4-item{background:#fff;border-radius:10px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}.portfolio-style-4-item .portfolio-thumb{border-radius:10px;overflow:hidden;position:relative}.portfolio-style-4-item .portfolio-thumb a,.portfolio-style-4-item .portfolio-thumb>img,.portfolio-style-5-item>img{-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.portfolio-style-4-item .portfolio-thumb a{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);display:inline-block;border-radius:5px;background:#fff;line-height:64px;padding:0 25px;font-size:14px;text-transform:uppercase;font-weight:600;color:#000;letter-spacing:1px;opacity:0;white-space:nowrap}.portfolio-style-4-item .portfolio-thumb a span{display:inline-block;background:#00a5ff;height:24px;width:24px;border-radius:50%;text-align:center;line-height:22px}.portfolio-style-4-item .portfolio-thumb>img,.portfolio-style-5-item>img{width:100%}.portfolio-style-4-item .portfolio-content{padding:21px 10px 23px 25px}.portfolio-style-4-item .portfolio-content .title{font-size:20px;font-weight:600;line-height:25px;margin-bottom:0}@media (max-width:767px){.portfolio-style-4-item .portfolio-content .title{font-size:18px}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-style-4-item .portfolio-content .title{font-size:20px}}.portfolio-style-4-item .portfolio-content span{font-size:14px;color:#00a5ff}.portfolio-style-4-item:hover{box-shadow:0 10px 50px rgba(0,0,0,.05)}.portfolio-style-4-item:hover .portfolio-thumb a{top:50%;opacity:1}.portfolio-style-5-area{padding-top:67px;padding-bottom:100px}.portfolio-style-5-item{position:relative;overflow:hidden}.portfolio-style-5-item .portfolio-overlay{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.5);opacity:0;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.portfolio-style-5-item .portfolio-overlay .item{padding-left:25px;padding-bottom:18px;position:relative;width:100%}.portfolio-style-5-item .portfolio-overlay .item .title{color:#fff;font-size:20px;font-weight:700;margin-bottom:0}@media (max-width:767px){.portfolio-style-5-item .portfolio-overlay .item .title br{display:none}}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-style-5-item .portfolio-overlay .item .title{font-size:18px}}.portfolio-style-5-item .portfolio-overlay .item span{color:#fff;font-size:14px;display:block}.portfolio-style-5-item .portfolio-overlay .item a{position:absolute;right:25px;top:50%;transform:translateY(-50%);height:50px;width:50px;text-align:center;line-height:44px;border-radius:50%;background:#00a5ff;display:inline-block}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-style-5-item .portfolio-overlay .item a{position:static;transform:translateY(0);margin-top:10px}}@media (max-width:767px){.portfolio-style-5-item .portfolio-overlay .item a{position:static;transform:translateY(0);margin-top:10px}}.portfolio-style-5-item:hover .portfolio-overlay{opacity:1}.portfolio-style-5-item:hover>img{transform:scale(1.1)}.portfolio-details-area{padding-top:60px;padding-bottom:83px}.portfolio-details-top .portfolio-details-top-title .title{font-size:54px;line-height:62px;font-weight:500;padding-right:40px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-top .portfolio-details-top-title .title{font-size:46px;line-height:54px}}@media (max-width:767px){.portfolio-details-top .portfolio-details-top-title .title{font-size:26px;line-height:40px;padding-right:0}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-details-top .portfolio-details-top-title .title{font-size:46px;line-height:56px;padding-right:0}}.portfolio-details-top .portfolio-details-top-text{margin-left:-10px}.portfolio-details-category .portfolio-details-category-thumb img,.portfolio-details-thumb .portfolio-details-thumb-1 img,.portfolio-details-thumb .portfolio-details-thumb-2 img{width:100%}.portfolio-details-category .portfolio-details-category-list{margin-left:20px}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-details-category .portfolio-details-category-list{margin-left:0}}@media (max-width:767px){.portfolio-details-category .portfolio-details-category-list{margin-left:0}}.portfolio-details-category .portfolio-details-category-list .item{background:#f5f5f5;border-radius:10px;padding:32px 45px 16px 30px;margin-bottom:10px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-category .portfolio-details-category-list .item{padding:14px 15px 10px 30px}}@media (max-width:767px){.portfolio-details-category .portfolio-details-category-list .item{padding:14px 15px 10px 20px}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-details-category .portfolio-details-category-list .item{padding:32px 45px 16px 30px}}.portfolio-details-category .portfolio-details-category-list .item span{font-size:16px;font-weight:500;text-transform:uppercase;color:#383838;padding-left:20px;position:relative;letter-spacing:1px}.portfolio-details-category .portfolio-details-category-list .item span::before{position:absolute;content:'';left:0;top:50%;transform:translateY(-50%);height:8px;width:8px;background:#00a5ff}.portfolio-details-category .portfolio-details-category-list .item .title{font-size:20px;font-weight:400;margin-top:2px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-category .portfolio-details-category-list .item .title{font-size:18px}}.portfolio-details-content .text{color:#000}.portfolio-details-content .text ul{margin:0;padding-left:16px}.portfolio-details-content .text ul li{color:#000;line-height:35px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-content .text ul li{font-size:16px}}.portfolio-details-content .text ul li:nth-child(2){text-decoration:underline}.portfolio-business-planing .title{font-size:40px;font-weight:500;color:#000}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-business-planing .business-planing-items{flex-wrap:wrap}}@media (max-width:767px){.portfolio-business-planing .business-planing-items{flex-wrap:wrap}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-business-planing .business-planing-items .item{margin:65px 40px 0}}@media (max-width:767px){.portfolio-business-planing .business-planing-items .item{margin:65px 20px 0}}.portfolio-business-planing .business-planing-items .item span{font-size:18px;font-weight:500;color:#000;display:block;padding-top:22px}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-details-thumb .portfolio-details-thumb-1{margin-bottom:40px}}@media (max-width:767px){.portfolio-details-thumb .portfolio-details-thumb-1{margin-bottom:40px}}.portfolio-details-thumb .portfolio-details-thumb-2{position:relative}.portfolio-details-thumb .portfolio-details-thumb-2 a{position:absolute;top:50%;right:-42px;transform:translateY(-50%);height:85px;width:85px;background:#00a5ff;text-align:center;line-height:70px;border-radius:50%;font-size:20px;color:#383838;border:8px solid #fff}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-thumb .portfolio-details-thumb-2 a{right:-30px}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-details-thumb .portfolio-details-thumb-2 a{left:50%;right:auto;transform:translateX(-50%)}}@media (max-width:767px){.portfolio-details-thumb .portfolio-details-thumb-2 a{left:50%;right:auto;transform:translateX(-50%)}}.portfolio-details-social .quote{padding-left:36px;position:relative;padding-right:80px}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-social .quote{padding-right:0}}@media only screen and (min-width:768px) and (max-width:991px){.portfolio-details-social .quote{margin-bottom:30px}}@media (max-width:767px){.portfolio-details-social .quote{margin-bottom:30px;padding-right:0;padding-left:20px}}@media only screen and (min-width:576px) and (max-width:767px){.portfolio-details-social .quote{padding-right:80px;padding-left:20px}}.portfolio-details-social .quote::before{content:'';width:5px;height:100%;background:#00a5ff}.portfolio-details-social .quote .text{font-size:18px;font-weight:500;line-height:28px}.portfolio-details-social .quote .info{padding-left:65px;position:relative}.client-slide .item .content .info img,.portfolio-details-social .quote .info img,.portfolio-details-social .quote::before{position:absolute;left:0;top:50%;transform:translateY(-50%)}.portfolio-details-social .quote .info .title{font-size:16px;font-weight:600;color:#383838;letter-spacing:1px;margin-bottom:0}.client-slide .item .content .info span,.portfolio-details-social .quote .info span{font-size:14px;color:#000;display:block;margin-top:-3px}.portfolio-details-social ul{margin:0;padding:0;list-style:none;display:flex}.portfolio-details-social ul li a{background:#1da1f2;border-radius:5px;line-height:44px;display:inline-block;padding:0;margin-bottom:8px;margin-left:8px;white-space:nowrap;width:170px;text-align:center;color:#fff}@media only screen and (min-width:992px) and (max-width:1200px){.portfolio-details-social ul li a{width:135px}}@media (max-width:767px){.portfolio-details-social ul li a{width:130px}}.portfolio-details-social ul li a i{padding-right:6px}.portfolio-details-social ul li:nth-child(2) a,.portfolio-details-social ul.item-2 li:nth-child(2) a{background:#00a5ff}.portfolio-details-social ul.item-2 li a{background:#3b5998}.client-area{position:relative;z-index:10;padding-top:100px;padding-bottom:100px}.client-area .section__bg{background-image:url(../images/client-bg.jpg)}.client-slide .item{padding:50px;background:#fff;border-radius:10px}@media (max-width:767px){.client-slide .item{padding:20px}}@media only screen and (min-width:576px) and (max-width:767px){.client-slide .item{padding:40px}}.client-slide .item .content{font-size:18px;font-weight:500;position:relative;padding-left:28px;margin-top:50px}@media (max-width:767px){.client-slide .item .content{padding-left:20px}}.client-slide .item .content::before{position:absolute;content:'';left:0;top:50%;transform:translateY(-50%);width:5px;height:100%;background:#e0e0e0}.client-slide .item .content .info{padding-left:65px;position:relative}.client-slide .item .content .info .title{font-size:16px;font-weight:600;color:#383838;margin-bottom:0}.client-slide .slick-dots{position:absolute;right:50px;top:60px}.client-slide .slick-dots li button{border:0;background:#e0e0e0;border-radius:50%;font-size:0;height:10px;width:10px;margin-left:10px;padding:0}.client-slide .slick-dots li.slick-active button{border-radius:10px;width:30px;background:#00a5ff}.portfolio-item .portfolio-overlay{width:100%!important}.portfolio-item .portfolio-overlay .content{padding-bottom:5px;color:#fff;font-family:"space_grotesk";text-shadow:#161f3e 2px 2px 10px,#161f3e -2px -2px 10px,#161f3e -2px 2px 10px,#161f3e 2px -2px 10px;text-align:center}