@import url("https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800,900");body{font-size:16px;font-family:Barlow,sans-serif;background:transparent;line-height:28px;font-weight:400;color:#677286}img{max-width:100%;height:auto}a,a:active,a:focus,a:hover,button:focus{text-decoration:none;border:none;outline:0;color:#fff}li,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Barlow,sans-serif;color:#233d63;font-weight:700}h2{font-size:45px;line-height:60px}h3{font-size:20px;line-height:30px}h4,h5,h6{font-weight:400;font-size:18px;line-height:28px}.section-padding{padding:130px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{margin-bottom:20px}.section-title p{max-width:640px;margin:0 auto}.s-table{height:100%;width:100%;display:table}.s-tablec{display:table-cell;vertical-align:middle}.stok-btn{display:inline-block;background:#039be6;border:3px solid #039be6;text-transform:uppercase;font-weight:600;color:#fff;padding:10px 40px;border-radius:25px;-webkit-transition:.4s;transition:.4s}.stok-btn:hover{background:#fff;color:#233d63;border:3px solid #039be6}.plr-0{padding-left:0;padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{margin-right:0}.mb-30{margin-bottom:30px}.mb-60{margin-bottom:60px}.top-bar{background:#131536}.top-left{float:left;overflow:hidden}.top-left ul li{color:#fff;display:inline-block;padding-right:15px;padding-top:15px;padding-bottom:15px}.top-left ul li:last-child{padding-right:0}.top-left ul li span{margin-right:5px;vertical-align:middle;color:#fff}.top-right{float:right;overflow:hidden}.top-right ul li a span{vertical-align:middle;margin-left:2px}.top-right ul li a{background:#039be6;padding:15px 45px;font-weight:600;text-transform:uppercase;display:inline-block;color:#fff}.main-menu{padding:0}.main-logo{padding:25px 0}.main-logo a img{max-width:140px;height:auto}.menu-right ul{text-align:right}.menu-right ul li{display:inline-block;margin-right:45px;padding:35px 0;position:relative}.menu-right ul li:last-child{margin-right:0}.menu-right ul li a{font-size:18px;text-transform:uppercase;font-weight:500;color:#677286;-webkit-transition:.3s;transition:.3s}.menu-right ul li a:active,.menu-right ul li a:hover{color:#039be6}.menu-right li ul{background:#fff;border-top:3px solid #039be6;left:-20px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;text-align:left;top:120px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;visibility:hidden;width:230px;z-index:-1}.menu-right ul li:hover ul{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;top:98px;z-index:99}.menu-right li ul li{display:block;padding-top:0;margin-right:0}.menu-right li ul li a{padding-bottom:13px;padding-top:10px;display:block;text-transform:none;padding-left:20px;border-bottom:1px solid #ddd}.menu-right li ul li:last-child a{border:none}.menu-right li li{padding:0}#responsive-menu{display:none}.slicknav_nav a{font-size:16px}.banner{background:url(img/banner.webp);background-repeat:no-repeat;background-size:cover;background-position:50%;height:650px;position:relative;z-index:1}.banner:after{background:rgba(19,21,54,.9);left:0;width:100%;content:"";z-index:-1}.banner-right,.banner:after{position:absolute;top:0;height:100%}.banner-right{background:url(img/banner-right.webp);background-size:cover;background-repeat:no-repeat;background-position:0;width:45%;right:0}.banner-content{text-align:left}.banner-content h3{color:#fff;text-transform:uppercase;margin-bottom:25px}.banner-content h2{color:#fff;font-size:68px;line-height:85px;margin-bottom:40px}.banner-content ul li{display:inline-block;margin-right:30px}.banner-content ul li:last-child{margin-right:0}.banner-content ul li a{display:block;background:#039be6;border:3px solid #039be6;text-transform:uppercase;font-weight:600;color:#fff;padding:10px 40px;border-radius:25px;-webkit-transition:.4s;transition:.4s}.banner-content ul li a:hover{background:#fff;color:#233d63;border:3px solid #039be6}.banner-content ul li:last-child a{background:#ddd;color:#233d63;border:3px solid #ddd}.banner-content ul li:last-child a:hover{background:#fff;border:3px solid #ddd}.features-title p{max-width:460px;margin-top:10px;margin-bottom:40px}.features-box{text-align:center;background:#effaff;padding:30px 20px;-webkit-clip-path:polygon(83% 0,100% 17%,100% 100%,0 100%,0 0);clip-path:polygon(83% 0,100% 17%,100% 100%,0 100%,0 0);-webkit-transition:.4s;transition:.4s}.features-box:hover{background:#039be6}.features-box:hover h3,.features-box:hover p,.features-box:hover span:before{color:#fff}.features-box span{display:block}.features-box span:before{color:#039be6;font-size:50px;line-height:50px;margin:0;vertical-align:middle}.features-box h3{margin:20px 0}.features-right{border:4px solid #d1f0ff;padding:25px}.features-right h3{margin-bottom:15px;margin-top:25px;font-size:24px;line-height:34px}.features-right a{margin-top:30px;margin-bottom:28px}.service{background:#f9f7fa}.service-box{background:#fff;padding:60px 20px;text-align:center;border:2px solid #d1f0ff;-webkit-transition:.4s;transition:.4s}.service-box h3{margin:20px 0}.service-icon{width:100px;height:100px;line-height:100px;text-align:center;border-radius:50%;margin:0 auto;position:relative;border:2px solid #d1f0ff;-webkit-transition:.4s;transition:.4s}.service-box i:before{margin:0;font-size:38px;line-height:38px;vertical-align:middle}.service-box i:before,.service-box span{color:#039be6;-webkit-transition:.4s;transition:.4s}.service-box span{position:absolute;right:0;top:-4px;background:#fff;border:2px solid #d1f0ff;border-radius:50%;height:35px;width:35px;display:block;line-height:30px;text-align:center;font-size:14px;font-weight:600}.service-box:hover{background:#effaff}.service-box:hover .service-icon{background:#039be6;border-color:#039be6}.service-box:hover i:before{color:#fff}.service-box:hover span{background:#039be6;color:#fff;border-color:#fff}.counter{background:url(img/point.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;background-color:#131536}.counter-title{text-align:center;margin-bottom:60px}.counter-title h2{color:#fff}.counter-item{border:4px solid #121e42;border-right:0;background:#131536;padding:30px 40px 35px;text-align:center}.counter-br{border-right:4px solid #121e42}.counter-item h3{color:#fff;font-size:40px;line-height:48px;font-weight:700;margin-bottom:10px}.counter-item p{color:#fff;font-weight:600}.counter-botm{text-align:center;margin-top:55px}.counter-botm h3{color:#fff;font-weight:700;font-size:24px;line-height:34px}.counter-botm h3 a{color:#039be6;text-decoration:underline}.project-filter{text-align:center;margin-bottom:65px}.project-filter li{display:inline-block;font-weight:600;text-transform:uppercase;padding-right:30px;cursor:pointer;line-height:36px}.project-filter li:last-child{padding-right:0}.project-filter li.active{color:#039be6;text-decoration:underline}.project-item img{width:100%;height:auto}.project-item{position:relative}.project-item:before{content:"";top:0;left:0;right:0;bottom:0;position:absolute;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:#17a0e4;z-index:1;-webkit-transition:.4s;transition:.4s}.project-item:hover .project-content{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.project-item:hover .project-content,.project-item:hover:before{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.project-item:hover:before{top:25px;right:25px;bottom:25px;left:25px}.project-content{position:absolute;left:0;right:0;padding:25px 0;z-index:1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";top:50%;-webkit-transform:translateY(0);transform:translateY(0);text-align:center;-webkit-transition:.4s;transition:.4s}.project-content h3,.project-content p{color:#fff}.team{padding-bottom:130px}.team-item img{width:100%}.team-show h3{font-size:24px;line-height:34px;font-weight:700;margin-top:20px;margin-bottom:5px}.team-show{text-align:center}.team-bottom{border:2px solid #d1f0ff;border-top:none;padding:0 20px 45px}.team-show p{color:#039be6}.team-sh-icon:after{font-family:"Font Awesome\ 5 Free";content:"\f107";font-weight:900;color:#fff}.team-sh-icon[aria-expanded=true]:after{content:"\f106"}.team-show button{outline:none;background:#039be6;height:40px;width:40px;line-height:30px;font-size:24px;text-align:center;border-radius:50%;border:2px solid #fff}.team-show{margin-top:-20px}.team-detail{text-align:center;margin-top:20px}.team-detail li{display:inline-block}.team-detail li a{height:35px;width:35px;line-height:35px;text-align:center;font-size:18px;border-radius:50%;vertical-align:middle;display:block}.fb-color{background:#3b5999}.tw-color{background:#55acee}.go-color{background:#dd4b39}.team-detail li{margin-right:15px}.team-detail li:last-child{margin:0}.team-detail p{margin-bottom:20px;font-size:14px}.testimonial{background-color:#131536;background-image:url(img/testimonial.webp);background-repeat:no-repeat;background-size:cover;background-position:50%}.testimonial-item{text-align:center}.testimonial-item img{max-width:70px;border:3px solid #fff;border-radius:50%}.testimonial-name{border-top:1px solid #336;margin-top:35px;padding-top:25px}.testimonial-name h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.testimonial-name p{color:#fff;font-size:14px}.testimonial-item img{width:100%;margin:0 auto}.testimonial-content span{font-size:60px;color:#09f}.testimonial-content p{color:#fff;font-style:italic;max-width:650px;margin:30px auto;padding-bottom:5px}.blog-head-pad{margin-bottom:65px}.blog-title p{max-width:420px;margin-top:25px}.blog-tab{text-align:right;float:right;margin-top:50px}.blog-tab .nav-tabs{border:0}.blog-tab .nav-tabs .nav-link{padding:10px 40px;font-weight:600;background:#ddd;color:#233d63;border-radius:25px;margin:0;text-transform:uppercase;border:3px solid #ddd}.blog-tab .nav-tabs .nav-item.show .nav-link,.blog-tab .nav-tabs .nav-link.active{background:#039be6;border:3px solid #039be6;color:#fff}.blog-tab .nav-tabs .nav-item{margin-bottom:0;margin-right:30px}.blog-tab .nav-tabs .nav-item:last-child{margin-right:0}.blog-content h3 a{color:#233d63;font-size:24px;font-weight:700;-webkit-transition:.3s;transition:.3s;line-height:38px}.blog-content h3 a:hover{color:#039be6}.blog-tag li{display:inline-block;margin-right:15px}.blog-tag li a{color:#039be6}.blog-tag li:last-child{margin-right:0}.blog-tag{margin-top:20px;margin-bottom:10px}.blog-meta li{display:inline-block;margin-right:15px;text-transform:uppercase;font-size:14px}.blog-meta li:last-child{margin-right:0}.blog-meta{margin-top:15px}.blog-meta li span{margin-right:5px;color:#039be6}.blog-img{width:100%;height:100%;overflow:hidden}.blog-img img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.blog-img img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.consultant{background-image:url(img/consultant.webp);background-color:#039be6;padding:60px 0;background-size:cover;background-position:50%;background-repeat:no-repeat}.consultant-left{text-align:left}.consultant-left h2{color:#fff}.consultant-right a{display:inline-block;background:#fff;color:#039be6;font-weight:600;text-align:center;text-transform:uppercase;padding:10px 40px;border-radius:30px;border:3px solid #fff}.consultant-right{text-align:right}.footer{background:#131536;padding-top:130px;padding-bottom:80px}.footer-widget h3{color:#fff;font-size:24px;line-height:34px;font-weight:700}.widget{margin-top:35px}.contact-info li a span{margin-right:10px;color:#039be6;vertical-align:middle}.contact-info li{margin-bottom:15px}.contact-info li:last-child{margin:0}.contact-info li a{color:#e3e3e3}.social-icon li{display:inline-block;margin-right:15px}.social-icon li:last-child{margin:0}.social-icon li a{background:#1a1c44;color:#fff;display:block;height:45px;width:45px;border-radius:50%;text-align:center;line-height:45px;vertical-align:middle;font-size:18px;-webkit-transition:.4s;transition:.4s}.social-icon li a:hover{background:#039be6}.footer-menu li a{line-height:36px;color:#e3e3e3;-webkit-transition:.3s;transition:.3s}.footer-menu li a:hover{color:#039be6}.blog-widget ul li{position:relative;padding-left:90px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #323b71}.blog-widget ul li:last-child{border:0;margin-bottom:0;padding-bottom:0}.blog-widget ul li a img{position:absolute;left:0;top:7px;width:65px;height:70px}.blog-widget li h4 a{font-weight:600;color:#e3e3e3;-webkit-transition:.3s;transition:.3s}.blog-widget li h4 a:hover{color:#039be6}.blog-widget ul li p{color:#e3e3e3;font-size:14px}.copyright{background:#131536;border-top:1px solid #323b71;padding:25px 0}.footer-copyeight{text-align:right}.footer-copyeight p{font-weight:500;color:#e3e3e3;margin-top:10px}.footer-logo img{max-width:140px}.scroll-top{background:#039be6;bottom:1%;color:#fff;font-size:20px;height:40px;line-height:40px;position:fixed;right:1%;text-align:center;width:40px;z-index:9;cursor:pointer;display:none}.scroll-up:hover{color:#fff}.page-header{background-color:#131536;padding:100px 0;background-image:url(img/page-header.webp);background-position:50%;background-size:cover;background-repeat:no-repeat;height:auto;z-index:1;position:relative}.page-header:after{position:absolute;background:rgba(19,21,54,.6);left:0;top:0;width:100%;height:100%;content:"";z-index:-1}.page-title h2{color:#fff;font-size:65px;line-height:75px;margin-bottom:15px}.page-title ul li{display:inline-block;margin-right:10px}.page-title ul li:last-child{margin-right:0}.page-title li:last-child:before{content:"|";margin-right:10px;color:#fff;font-weight:500}.page-title li a{font-size:20px}.contact-list.section-padding{padding-bottom:110px}.contact-item{text-align:center;border:2px solid #d1f0ff;padding:50px 10px}.contact-item h3{font-size:24px;margin-top:20px;margin-bottom:15px}.contact-item i:before{margin:0;font-size:40px;color:#09f;vertical-align:middle;display:inline-block;background:#effaff;height:90px;width:90px;line-height:90px;border-radius:50%}.contact-form{padding-bottom:130px}.contact-left li a:hover i{background:#09f;color:#fff}.contact-left li a i{background:#ccc;color:#336;height:40px;width:40px;line-height:40px;text-align:center;border-radius:50%;font-size:18px;-webkit-transition:.3s;transition:.3s}.contact-left li{display:inline-block;margin-right:15px}.contact-left li:last-child{margin:0}.contact-left h2{margin-bottom:30px}.contact-left p{margin:25px 0}.contact-left h3{margin-bottom:30px}.contact-left img{width:100%}.contact-right{margin-top:90px}.form-group{margin-bottom:30px}.form-group input{width:100%;height:60px;border:1px solid #ccc;padding-left:25px;background-color:#faf9ff;border-radius:3px}.form-group button{border:none}.form-group textarea{border:1px solid #ccc;width:100%;padding:20px 20px 20px 25px;resize:none;height:230px;background-color:#faf9ff}.form-group input:focus,.form-group input:hover,.form-group textarea:hover{outline:none}input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:#ccc}.form-group.button{margin-bottom:0}.btn-form{background:#09f;text-transform:uppercase;font-weight:600;color:#fff;padding:15px 45px;border-radius:40px}.side-widget{border-radius:15px;padding:30px;border:2px solid #cff}.side-search,.side-widget,.side-widget h3{margin-bottom:30px}.side-search form.search-box{position:relative;width:100%}.search-box input[type=text]{color:#669;display:block;height:60px;padding-left:20px;padding-right:60px;font-size:14px;position:relative;width:100%;font-style:italic;border:2px solid #cff;border-radius:30px;background:#f1faff}.search-box button{display:block;cursor:pointer;height:50px;width:80px;padding:11px 0;position:absolute;right:6px;text-align:center;top:5px;background:#09f;border:none;color:#fff;border-radius:30px;font-size:20px}.form-control:focus{color:#669;background-color:#09f;border-color:#cff;outline:0;box-shadow:none}.about-me b{color:#336;font-weight:600;margin-top:20px;display:block;margin-bottom:10px}.about-me img{width:100%}.cat-list li a{color:#669;font-weight:500;-webkit-transition:.3s;transition:.3s}.cat-list li{margin-bottom:30px}.cat-list li:last-child{margin:0}.cat-list li a:hover{color:#09f}.cat-list li a:hover span{background:#09f;color:#fff}.cat-list li a span{-webkit-transition:.3s;transition:.3s;float:right;background:#cff;color:#09f;display:block;border-radius:50%;height:30px;width:30px;line-height:28px;text-align:center}.follow-social li{display:inline-block;margin-right:15px}.follow-social li a{-webkit-transition:.3s;transition:.3s;color:#336;background:#ccc;height:45px;width:45px;display:block;line-height:45px;text-align:center;font-size:20px;border-radius:50%}.follow-social li:last-child{margin:0}.follow-social li a:hover{background:#09f;color:#fff}.blog-archive li a{color:#669;font-weight:500;-webkit-transition:.3s;transition:.3s}.blog-archive li{margin-bottom:20px}.blog-archive li i{margin-right:5px;color:#09f}.blog-archive li:last-child{margin:0}.blog-archive li a:hover{color:#09f}.bg-newsletter{background:#131536;background-position:50%;background-size:cover;background-repeat:no-repeat;z-index:1;height:auto;position:relative;border-radius:15px;border:none}.bg-newsletter:after{position:absolute;background:rgba(19,21,54,.9);left:0;top:0;width:100%;height:100%;content:"";z-index:-1;border-radius:15px}.bg-newsletter h3{color:#fff}.newsletter input{margin-bottom:30px;background:#fff;padding-left:25px;font-size:14px;font-weight:500;color:#233d63}.newsletter button,.newsletter input{width:100%;border:none;height:50px;border-radius:30px}.newsletter button{background:#09f;color:#fff;font-weight:600;text-transform:uppercase}.blog-tags li a{display:inline-block;background:#ccc;float:right;margin-right:15px;color:#666698;border-radius:30px;font-weight:500;-webkit-transition:.3s;transition:.3s;padding:7px 15px 10px}.blog-tags li a:hover{color:#fff;background:#09f}.blog-tags li{display:inline-block}.blog-tags li:last-child a{margin:0}.blog-pagination{margin-top:40px;text-align:center}.bloglist-content h2{margin-bottom:20px;font-size:30px;line-height:40px}.bloglist-content{padding:30px;border:2px solid #cff;border-top:none}.bloglist-content h2 a{color:#336}.bloglist-content>a{color:#09f;font-weight:600;margin-top:20px;display:block}.bloglist-content a span{margin-left:8px}.bloglist-img img{width:100%}.bloglist-meta{border:2px solid #cff;border-top:0;padding:30px}.bloglist-meta li a{color:#09f}.bloglist-meta li i{color:#09f;margin-right:8px}.bloglist-meta li{margin-right:15px;font-size:14px;display:inline-block}.bloglist-meta li:last-child{margin:0}.blog-pagination li{display:inline-block;margin-right:15px}.blog-pagination li a{color:#669;background:#ccc;display:block;height:50px;width:50px;line-height:50px;text-align:center;border-radius:50%;font-weight:600;-webkit-transition:.3s;transition:.3s}.blog-pagination li:last-child{margin:0}.blog-pagination li .active,.blog-pagination li a:hover{background:#09f;color:#fff}.side-widget:last-child{margin:0}.blog-content h2{font-size:35px;line-height:45px;margin-top:30px;margin-bottom:30px}.blog-content p{margin-bottom:20px}.blog-content-img img{height:300px}.blog-con-meta,.blog-content-img{margin-bottom:30px}.blog-con-meta li a{color:#09f}.blog-con-meta li i{color:#09f;margin-right:8px}.blog-con-meta li{margin-right:15px;display:inline-block;font-size:14px}.blog-con-meta li:last-child{margin:0}.related-tag span{display:block;font-weight:500;float:left;overflow:hidden;margin-right:10px}.related-tag li{overflow:hidden;display:inline-block;margin-right:5px}.related-tag li a{color:#669}.related-tag li a:hover{color:#09f}.related-tag{margin-top:5px}.related-share li{display:inline-block}.related-share li a{color:#000}.related-share{text-align:right}.related-share li a{color:#fff;height:40px;display:block;width:40px;line-height:40px;text-align:center;border-radius:50%}.related-share li{margin-right:15px}.related-share li:last-child{margin:0}.sfb{background:#369}.stwi{background:#69f}.sin{background:#c36}.comt-user{float:left;margin-top:8px}.comt-detail{overflow:hidden;padding-left:30px}.comtuser-name p{margin:0;color:#669;font-size:14px}.comt-detail p{color:#669}.comtuser-name{position:relative;overflow:hidden}.comtuser-name a{position:absolute;top:0;color:#09f;font-weight:600;right:0}.comtuser-name h3{font-size:16px;font-weight:600;color:#336}.comt-user img{width:100%;border-radius:20px}.comment-count{margin:30px 0;border-top:1px solid #ccc;padding-top:30px}.comtuser-name a i{margin-right:5px;color:#09f}.comt-sub{margin-left:48px}.comment-temp li{margin-bottom:15px}.comment-temp li:last-child{margin:0}.comment-form-title{margin-bottom:30px}.project-meta{margin-top:30px;border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:25px}.project-meta li{display:inline-block;font-size:14px;margin-right:15px}.project-meta li:last-child{margin:0}.project-meta li a{color:#09f}.project-meta li i{margin-right:5px;color:#09f}.project-single-img img{width:100%}.pro-single-content{margin-top:0}.pro-single-content h3{font-size:24px;line-height:36px;font-weight:600;margin-bottom:20px}.pro-single-content p{margin-bottom:20px}.pro-single-content p:last-child{margin-bottom:0}.project-sidebar{background:#effaff;padding:30px;margin-top:85px}.project-sidebar li{margin-bottom:30px}.project-sidebar li:last-child{margin:0}.project-sidebar li span{color:#233d63;font-weight:500;margin-right:5px}.project-sidebar li span i{color:#09f;font-size:14px;margin-right:4px}.project-sidebar li a{color:#677286}.pro-single-btn{background:#09f;display:block;text-align:center;padding:10px 0;font-weight:500;border-radius:4px}.project-sidebar li:last-child a{color:#fff}.project-next-prev li a{color:#669;background:#ccc;padding:7px 25px;display:block;font-weight:500;border-radius:2px;transition:.3s}.project-next-prev li a:hover,.project-next-prev li:first-child a{background:#09f;color:#fff}.project-next-prev li{display:inline-block;margin-right:15px}.project-next-prev li:last-child{margin-right:0}.project-next-prev{margin-top:40px}