.back-to-top,.mobile-nav-toggle{right:15px;transition:.4s;width:40px;height:40px}#hero h1,#hero p{text-shadow:1px 1px 2px #000,0 0 25px #5cdb95,0 0 5px #006400}#header .profile h1,#hero p,.resume .resume-item h4,.skills .progress .skill{font-family:Poppins,sans-serif}.mobile-nav-active,section{overflow:hidden}#footer,#header{position:fixed;bottom:0;width:300px;background:#040b14}body{font-family:"Open Sans",sans-serif;color:#272829}a{color:#149ddd;text-decoration:none}a:hover{color:#37b3ed;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}.back-to-top{position:fixed;visibility:hidden;opacity:0;bottom:15px;z-index:996;background:#149ddd;border-radius:50px}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{background:#2eafec;color:#fff}.back-to-top.active{visibility:visible;opacity:1}#header{top:0;left:0;transition:.5s;z-index:9997;padding:0 15px;overflow-y:auto}#header .profile img{margin:15px auto;display:block;width:120px;border:8px solid #2c2f3f}#header .profile h1{font-size:24px;margin:0;padding:0;font-weight:600;-moz-text-align-last:center;text-align-last:center}#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:#149ddd;color:#fff;text-decoration:none}#main{margin-left:300px}.nav-menu{padding:30px 0 0}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a,.nav-menu a:focus{display:flex;align-items:center;color:#a8a9b4;padding:12px 15px;margin-bottom:8px;transition:.3s;font-size:15px}.nav-menu a i,.nav-menu a:focus i{font-size:24px;padding-right:8px;color:#6f7180}.nav-menu .active,.nav-menu .active:focus,.nav-menu a:hover,.nav-menu li:hover>a{text-decoration:none;color:#fff}.nav-menu .active i,.nav-menu .active:focus i,.nav-menu a:hover i,.nav-menu li:hover>a i,.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#149ddd}.mobile-nav-toggle{position:fixed;top:15px;z-index:9998;border:0;font-size:24px;outline:0!important;background-color:#149ddd;color:#fff;display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:50px;cursor:pointer}.mobile-nav-active #header{left:0}#hero{width:100%;height:100vh;background-color:#5cdb95;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}#hero h1{margin:0 0 10px;font-size:64px;font-weight:700;line-height:56px;color:#05386b}#hero p{color:#fff;margin-bottom:50px;font-size:26px}#hero p span{color:#3500d3;padding-bottom:4px;letter-spacing:1px}@media (min-width:1024px){#hero{background-attachment:fixed}}section{padding:60px 0}.section-bg{background:#f5f8fd}.section-title{padding-bottom:30px}.section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative;color:#173b6c}.section-title h2::after{content:"";position:absolute;display:block;width:50px;height:3px;background:#149ddd;bottom:0;left:0}.about .content p:last-child,.section-title p{margin-bottom:0}.about .content h3{font-weight:700;font-size:26px;color:#173b6c}.about .content ul{list-style:none;padding:0}.about .content ul li{margin-bottom:20px;display:flex;align-items:center}.about .content ul strong{margin-right:10px}.about .content ul i{font-size:16px;margin-right:5px;color:#149ddd;line-height:0}.skills .progress{height:60px;display:block;background:0 0;border-radius:0}.skills .progress .skill{padding:0;margin:0 0 6px;text-transform:uppercase;display:block;font-weight:600;color:#050d18}.skills .progress .skill .val{float:right;font-style:normal}.skills .progress-bar-wrap{background:#dce8f8;height:10px}.skills .progress-bar{width:1px;height:10px;transition:.9s;background-color:#149ddd}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#050d18}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid #1f5297;position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;color:#050d18;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:#e4edf9;padding:5px 15px;display:inline-block;font-weight:600;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 #1f5297}.portfolio .portfolio-item{margin-bottom:30px}.portfolio #portfolio-flters{padding:2px 15px;margin:0 auto 35px;list-style:none;text-align:center;background:#fff;border-radius:50px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:10px 15px 8px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#272829;margin-bottom:5px;transition:.3s ease-in-out}.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:.3s ease-in-out;z-index:2;opacity:0}.portfolio .portfolio-wrap .portfolio-links{opacity:1;left:0;right:0;bottom:-60px;z-index:3;position:absolute;transition:.3s ease-in-out;display:flex;justify-content:center}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;font-size:28px;text-align:center;background:rgba(20,157,221,.75);transition:.3s;width:50%}.portfolio .portfolio-wrap .portfolio-links a:hover{background:rgba(20,157,221,.95)}.portfolio .portfolio-wrap .portfolio-links a+a{border-left:1px solid #37b3ed}.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}.contact{padding-bottom:130px}.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:#149ddd;float:left;width:44px;height:44px;background:#dff3fc;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:.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 .address:hover i,.contact .info .email:hover i,.contact .info .github:hover i,.contact .info .phone:hover i,.contact .info .social-links a:hover{background:#149ddd;color:#fff}@-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){#hero h1{font-size:28px;line-height:36px}#hero h2{font-size:18px;line-height:24px;margin-bottom:30px}.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}#footer{padding:15px;color:#f4f6fd;font-size:14px;left:0;z-index:9999}#footer .copyright{text-align:center}#footer .credits{padding-top:5px;text-align:center;font-size:13px;color:#eaebf0}@media (max-width:1199px){#header{left:-300px}#main{margin-left:0}#footer{position:static;width:auto;padding-right:20px 15px}}