body{font-family:"Open Sans",sans-serif;background:#191923;color:#a8a9b4;cursor:pointer}a{color:#ffc107}a:hover{color:#dfa700;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.back-to-top{position:fixed;display:none;width:40px;height:40px;border-radius:50px;right:15px;bottom:15px;background:#ffc107;color:#fff;transition:display .5s ease-in-out;z-index:99999}.back-to-top i{font-size:24px;position:absolute;top:7px;left:8px}.back-to-top:hover{color:#fff;background:#dfa700;transition:background .2s ease-in-out}#header{position:fixed;top:0;left:0;bottom:0;width:300px;transition:all ease-in-out .5s;z-index:9997;transition:all .5s;padding:0 15px;background:#040b14;overflow-y:auto}#header .profile img{margin:15px auto;display:block;width:120px;border:5px solid #2c2f3f;border-radius:15%!important}#header .profile h1{font-size:24px;margin:0;padding:0;font-weight:600;-moz-text-align-last:center;text-align-last:center;font-family:Poppins,sans-serif}#header .profile h1 a,#header .profile h1 a:hover{color:#fff;text-decoration:none}#header .profile .social-links a{font-size:18px;display:inline-block;background:#212431;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#header .profile .social-links a:hover{background:#ffc107;color:#fff;text-decoration:none}#main{margin-left:300px}@media (max-width:1199px){#header{left:-300px}#main{margin-left:0}}.quote{background:url(../img/kriptan-5.jpg);background-size:cover;width:100%;height:600px;color:#fff;display:flex;filter:grayscale(1);transition:transform .3s ease}.quote:hover{transform:scale(.95);filter:grayscale(0);transition:transform .3s ease}.blockquote{font-size:1.5rem;filter:drop-shadow(2px 4px 6px #000)}.blockquote-footer{font-size:75%;color:#fff}.nav-menu{padding-top:30px}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a{display:flex;align-items:center;color:#a8a9b4;padding:12px 15px;margin-bottom:8px;transition:.3s;font-size:15px}.nav-menu a i{font-size:24px;padding-right:8px;color:#6f7180}.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{text-decoration:none;color:#fff}.nav-menu .active>a i,.nav-menu a:hover i,.nav-menu li:hover>a i{color:#ffc107}.mobile-nav-toggle{position:fixed;right:15px;top:15px;z-index:9998;border:0;background:0 0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right}.mobile-nav-toggle i{color:#ffc107}.mobile-nav-active{overflow:hidden}.mobile-nav-active #header{left:0}.mobile-nav-active .mobile-nav-toggle i{color:#fff}#hero{width:100%;height:100vh;background:url(../img/kriptan-4.jpg) top center;background-size:cover}#hero:before{content:"";background:rgba(5,13,24,.3);position:absolute;bottom:0;top:0;left:0;right:0;z-index:1}#hero .hero-container{position:relative;z-index:2;min-width:300px;padding-left:25%}#hero h1{margin:0 0 10px 0;font-size:64px;font-weight:700;line-height:56px;color:#fff}#hero p{color:#fff;margin-bottom:50px;font-size:26px;font-family:Poppins,sans-serif}#hero p span{color:#fff;padding-bottom:4px;letter-spacing:1px;border-bottom:3px solid #ffc107}@media (min-width:1024px){#hero{background-attachment:fixed}}@media (max-width:768px){#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}}section{padding:60px 20px;overflow:hidden}section>.container{background:linear-gradient(159deg,#2d2d3a 0,#2b2b35 100%);padding-bottom:20px}.section-bg{background:#191923}.section-title{padding:30px 0}.section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative;color:#ffc107}.section-title h2::after{content:'';position:absolute;display:block;width:50px;height:3px;background:#ffc107;bottom:0;left:0}.section-title p{margin-bottom:5px}.about .content h3{font-weight:700;font-size:26px;color:#fff}.about .content ul{list-style:none;padding:0}.about .content ul li{padding-bottom:10px}.about .content ul i{font-size:20px;padding-right:2px;color:#ffc107}.about .content p:last-child{margin-bottom:0}.facts{padding-bottom:30px}.facts .count-box{padding:30px;width:100%}.facts .count-box i{display:block;font-size:44px;color:#ffc107;float:left}.facts .count-box span{font-size:48px;line-height:40px;display:block;font-weight:700;color:#050d18;margin-left:60px}.facts .count-box p{padding:15px 0 0 0;margin:0 0 0 60px;font-family:Raleway,sans-serif;font-size:14px;color:#122f57}.facts .count-box a{font-weight:600;display:block;margin-top:20px;color:#122f57;font-size:15px;font-family:Poppins,sans-serif;transition:ease-in-out .3s}.facts .count-box a:hover{color:#1f5297}.skills .progress{height:50px;display:block;background:0 0}.skills .progress .skill{padding:10px 0;margin:0 0 6px 0;text-transform:uppercase;display:block;font-weight:600;font-family:Poppins,sans-serif;color:#a8a9b4}.skills .progress .skill .val{float:right;font-style:normal}.skills .progress-bar-wrap{background:#dce8f8}.skills .progress-bar{width:1px;height:10px;transition:.9s;background-color:#ffc107}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#fff}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid #ffc107;position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:Poppins,sans-serif;color:#fff;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:#e4edf9;padding:5px 15px;display:inline-block;font-weight:600;color:#191923;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item::before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#fff;border:2px solid #ffc107}.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{padding:0;margin:0 auto 35px auto;list-style:none;text-align:center;background:#fff;border-radius:50px;padding:2px 15px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px 8px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#272829;margin-bottom:5px;transition:all .3s ease-in-out}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#ffc107}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1}.portfolio .portfolio-wrap::before{content:"";background:rgba(255,255,255,.5);position:absolute;left:0;right:0;top:0;bottom:0;transition:all ease-in-out .3s;z-index:2;opacity:0}.portfolio .portfolio-wrap .portfolio-links{opacity:1;left:0;right:0;bottom:-60px;z-index:3;position:absolute;transition:all ease-in-out .3s;display:flex;justify-content:center}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;font-size:28px;text-align:center;background:rgb(255 193 7 / 80%);transition:.3s;width:50%}.portfolio .portfolio-wrap .portfolio-links a:hover{background:rgb(223 167 0 / 90%)}.portfolio .portfolio-wrap .portfolio-links a+a{border-left:1px solid #dfa700}.portfolio .portfolio-wrap:hover::before{top:0;left:0;right:0;bottom:0;opacity:1}.portfolio .portfolio-wrap:hover .portfolio-links{opacity:1;bottom:0}.services .icon-box{margin-bottom:20px}.services .icon{float:left;display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#ffc107;border-radius:50%;transition:.5s;border:1px solid #ffc107}.services .icon i{color:#fff;font-size:24px}.services .icon-box:hover .icon{background:#fff}.services .icon-box:hover .icon i{color:#ffc107}.services .title{margin-left:80px;font-weight:700;margin-bottom:15px;font-size:18px}.services .title a{color:#343a40}.services .title a:hover{color:#ffc107}.services .description{margin-left:80px;line-height:24px;font-size:14px}.testimonials .testimonial-item{box-sizing:content-box;text-align:center;min-height:320px}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50%;margin:0 auto}.testimonials .testimonial-item h3{font-size:18px;font-weight:700;margin:10px 0 5px 0;color:#111}.testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:#c3e8fa;font-size:26px}.testimonials .testimonial-item .quote-icon-left{display:inline-block;left:-5px;position:relative}.testimonials .testimonial-item .quote-icon-right{display:inline-block;right:-5px;position:relative;top:10px}.testimonials .testimonial-item p{font-style:italic;margin:0 15px 15px 15px;padding:20px;background:#fff;position:relative;margin-bottom:35px;border-radius:6px;box-shadow:0 2px 15px rgba(0,0,0,.1)}.testimonials .testimonial-item p::after{content:"";width:0;height:0;border-top:20px solid #fff;border-right:20px solid transparent;border-left:20px solid transparent;position:absolute;bottom:-20px;left:calc(50% - 20px)}.testimonials .owl-dots,.testimonials .owl-nav{margin-top:5px;text-align:center}.testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd!important}.testimonials .owl-dot.active{background-color:#ffc107!important}@media (max-width:767px){.testimonials{margin:30px 10px}}.contact{padding-bottom:0}.contact .info{padding:30px;background:#fff;width:100%;box-shadow:0 0 24px 0 rgba(0,0,0,.12)}.contact .info i{font-size:20px;color:#ffc107;float:left;width:44px;height:44px;background:#dff3fc;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#050d18}.contact .info p{padding:0 0 10px 60px;margin-bottom:20px;font-size:14px;color:#173b6c}.contact .info .email p{padding-top:5px}.contact .info .social-links{padding-left:60px}.contact .info .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s;margin-right:10px}.contact .info .social-links a:hover{background:#ffc107;color:#fff}.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i{background:#ffc107;color:#fff}.contact .php-email-form{width:100%;padding:30px;background:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.12)}.contact .php-email-form .form-group{padding-bottom:8px}.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}.contact .php-email-form .error-message{display:none;color:#fff;background:#ffc107!important;text-align:left;padding:15px;font-weight:600}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}.contact .php-email-form input{height:44px}.contact .php-email-form textarea{padding:10px 12px}.contact .php-email-form button[type=submit]{background:#ffc107;border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:#dfa700}@-webkit-keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.breadcrumbs{padding:20px 0;background:#f9f9f9}.breadcrumbs h2{font-size:26px;font-weight:300}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:15px}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#0e2442;content:"/"}@media (max-width:768px){.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-container{position:relative}.portfolio-details .portfolio-details-carousel{position:relative;z-index:1}.portfolio-details .portfolio-details-carousel .owl-dots,.portfolio-details .portfolio-details-carousel .owl-nav{margin-top:5px;text-align:left}.portfolio-details .portfolio-details-carousel .owl-dot{display:inline-block;margin:0 10px 0 0;width:12px;height:12px;border-radius:50%;background-color:#ddd!important}.portfolio-details .portfolio-details-carousel .owl-dot.active{background-color:#ffc107!important}.portfolio-details .portfolio-info{padding:30px;position:absolute;right:0;bottom:-70px;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1);z-index:2}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:400;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:50px}.portfolio-details .portfolio-description h2{width:50%;font-size:26px;font-weight:400;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}@media (max-width:768px){.portfolio-details .portfolio-description h2{width:100%}.portfolio-details .portfolio-info{position:static;margin-top:30px}}#footer{padding:15px;color:#f4f6fd;font-size:14px;position:fixed;left:0;bottom:0;width:300px;z-index:9999;background:#040b14}#footer .copyright{text-align:center}#footer .credits{padding-top:5px;text-align:center;font-size:13px;color:#eaebf0}@media (max-width:1199px){#footer{position:static;width:auto;padding-right:20px 15px}}.animated{animation-duration:1.5s;animation-fill-mode:both;animation-iteration-count:1}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce:hover{animation-name:bounce}#hero{cursor:pointer}.image-wrapper{width:100%;height:600px;position:relative}.image-wrapper img{position:absolute;top:0;left:0;height:auto;width:100%;transform-origin:left}.image-1{clip-path:polygon(0 0,0 32%,28% 0);transform:translate(-10px,-10px);transition:transform .3s ease;transform-origin:top}.image-2{clip-path:polygon(28% 0,0 32%,0 100%,17% 100%,90% 0);transform:translate(-30px,5px);transition:transform .3s ease}.image-3{clip-path:polygon(100% 0,100% 65%,74% 100%,17% 100%,90% 0);transform:translate(-15px,-10px);transition:transform .3s ease}.image-4{clip-path:polygon(100% 65%,74% 100%,100% 100%);transform:translate(-32px,5px);transition:transform .3s ease;transform-origin:top}#borderimg{transition:transform .3s ease}#borderimg>img:hover{transform:scale(1.1);transition:transform .3s ease;box-shadow:5px 5px 5px rgb(170 170 170 / 51%)}#bottom{padding:20px}.more{background:#ffc107;border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius:4px}.endtext{color:#ffc107;padding-top:25px}@media (max-width:480px){.quote{height:440px;}.blockquote{font-size:19px;}}@media (max-width:767px){.image-wrapper{display:none;}#hero{height:250px}#hero .hero-container{padding-left:5%}#hero p{font-size:16px}}@media (max-width:1024px){#hero .hero-container{padding-left:10%}#hero p{font-size:18px}}@media (max-width:1199px){#hero .hero-container{padding-left:2%}#hero p{font-size:15px}}