:root{--darkblue:#161F6D;--blue:#00ABE1;--hoverblue:#53d4fb;--background:rgba(0,171,225,.9);}html,body{height:100%;}body{font-family:"Open Sans",sans-serif;color:var(--blue);}a{color:var(--darkblue);text-decoration:none;}a:hover{color:var(--blue);text-decoration:none;}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff;}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid var(--darkblue);border-top-color:var(--blue);border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite;}@-webkit-keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:20px;z-index:996;background:var(--darkblue);width:40px;height:40px;border-radius:50px;transition:all .4s;}.back-to-top i{font-size:20px;color:#fff;line-height:0;}.back-to-top:hover{background:var(--blue);color:#fff;}.back-to-top.active{visibility:visible;opacity:1;}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}#header{height:80px;transition:all .5s;z-index:997;transition:all .5s;background:var(--blue);}#header.header-transparent{background:rgba(0,171,225,.9);}#header.header-scrolled{background:var(--blue);height:60px;}#header .logo h1{font-size:28px;margin:0;padding:0;line-height:1;font-weight:700;}#header .logo h1 a,#header .logo h1 a:hover{color:#fff;text-decoration:none;}#header .logo img{padding:0;margin:0;max-height:40px;}.navbar{padding:0;}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;}.navbar li{position:relative;}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:15px;font-weight:700;font-family:"Montserrat",sans-serif;letter-spacing:1px;color:#fff;white-space:nowrap;transition:.4s;}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px;}.navbar>ul>li>a:before{content:"";position:absolute;width:0;height:2px;bottom:3px;left:30px;background-color:var(--darkblue);visibility:hidden;width:0;transition:all .3s ease-in-out 0s;}.navbar a:hover:before,.navbar li:hover>a:before,.navbar .active:before{visibility:visible;width:25px;}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:var(--darkblue);}.mobile-nav-toggle{color:#fff;font-size:32px;cursor:pointer;display:none;line-height:0;transition:.5s;}@media (max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:var(--blue);transition:.4s;z-index:999;}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px;}.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:var(--blue);overflow-y:auto;transition:.4s;}.navbar-mobile>ul>li>a:before{left:20px;}.navbar-mobile a{padding:10px 20px;font-size:1.4rem;color:#fff;}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:var(--darkblue);}.navbar-mobile .getstarted{margin:5px;}#hero{width:100%;position:relative;padding:120px 0 0 0;}#hero:before{content:"";background:var(--blue);position:absolute;bottom:0;top:0;left:0;right:0;}#hero h1{margin:0 0 20px 0;font-size:3.5rem;font-weight:700;line-height:56px;color:var(--darkblue);}#hero h2 span{color:#fff;}#hero h2{color:#fff;margin-bottom:30px;line-height:30px;font-size:1.7rem;font-weight:700;letter-spacing:3px;font-family:"IBM Plex Mono",monospace;}.typed-cursor{opacity:.6!important;font-weight:lighter;position:absolute;font-size:2.2rem;}.social-links a{font-size:2.3rem;display:inline-block;color:var(--darkblue);line-height:1;text-align:center;width:36px;height:36px;}.social-links a:hover{color:#fff;transition:.4s;}#hero .btn-get-intouch{margin-top:30px;font-family:"Montserrat",sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 30px;border-radius:50px;transition:.5s;color:#fff;background:var(--darkblue);}#hero .btn-get-intouch:hover{background:#fff;color:var(--darkblue);font-weight:500;}#hero .animated{animation:up-down 4s ease-in-out infinite alternate-reverse both;}@media (max-width:991px){#hero{padding-top:80px}#hero .animated{-webkit-animation:none;animation:none}#hero .hero-img{text-align:center}#hero .hero-img img{max-width:50%}#hero h1{font-size:2.5rem;line-height:42px;margin-bottom:10px}#hero h2{font-size:1.2rem;line-height:24px;margin-bottom:30px}.typed-cursor{font-size:1.7rem}}@media (max-width:575px){#hero .hero-img img{width:80%}}@-webkit-keyframes up-down{0%{transform:translateY(10px)}100%{transform:translateY(-10px)}}@keyframes up-down{0%{transform:translateY(10px)}100%{transform:translateY(-10px)}}.hero-wave{display:block;margin-top:50px;width:100%;height:60px;z-index:7;position:relative;}.wave use{-webkit-animation:move-right 7s linear infinite;animation:move-right 7s linear infinite;-webkit-animation-delay:-2s;animation-delay:-2s;}@-webkit-keyframes move-right{0%{transform:translate(-90px,0%)}100%{transform:translate(85px,0%)}}@keyframes move-right{0%{transform:translate(-90px,0%)}100%{transform:translate(85px,0%)}}section{padding:60px 0;overflow:hidden;}.section-bg{background-color:var(--blue);}.section-title{padding-bottom:40px;}.section-title.about h2{font-size:2.3rem;font-weight:700;padding:0;line-height:5px;margin:0 0 5px 0;font-weight:700;letter-spacing:2px;text-transform:lowercase;color:var(--darkblue);font-family:"IBM Plex Mono",monospace;}.h2code-about{color:var(--blue);}.section-title.about h2::after{content:"";width:90px;height:4px;display:block;background:var(--blue);margin:25px 0;}.section-title.about p{padding-top:10px;margin:0;font-size:1rem;font-weight:500;text-transform:uppercase;font-family:"Montserrat",sans-serif;color:var(--darkblue);}.section-title.skills h2{font-size:2.3rem;font-weight:700;padding:0;line-height:5px;margin:0 0 5px 0;letter-spacing:2px;text-transform:lowercase;color:#fff;font-family:"IBM Plex Mono",monospace;}.h2code-skills{color:var(--darkblue);text-transform:capitalize;}.section-title.skills h2::after{content:"";width:90px;height:4px;display:block;background:#fff;margin:25px 0;}.section-title.resume h2{font-size:2.3rem;font-weight:700;padding:0;line-height:5px;margin:0 0 5px 0;font-weight:700;letter-spacing:2px;text-transform:lowercase;color:var(--darkblue);font-family:"IBM Plex Mono",monospace;}.h2code-resume{color:var(--blue);text-transform:capitalize;}.section-title.resume h2::after{content:"";width:90px;height:4px;display:block;background:var(--blue);margin:25px 0;}.section-title.portfolio h2{font-size:2.3rem;font-weight:700;padding:0;line-height:5px;margin:0 0 5px 0;letter-spacing:2px;text-transform:lowercase;color:#fff;font-family:"IBM Plex Mono",monospace;}.h2code-portfolio{color:var(--darkblue);text-transform:capitalize;}.section-title.portfolio h2::after{content:"";width:90px;height:4px;display:block;background:#fff;margin:25px 0;}.section-title.portfolio p{padding-top:10px;margin:0;font-size:1.2rem;font-weight:500;text-transform:uppercase;font-family:"Montserrat",sans-serif;color:var(--darkblue);}.section-title.portfolio .description span{font-size:1rem,;color:#fff;text-transform:lowercase;}.section-title.contact h2{font-size:2.3rem;font-weight:700;padding:0;line-height:5px;margin:0 0 5px 0;font-weight:700;letter-spacing:2px;text-transform:lowercase;color:var(--darkblue);font-family:"IBM Plex Mono",monospace;}.h2code-contact{color:var(--blue);}.section-title.contact h2::after{content:"";width:90px;height:4px;display:block;background:var(--blue);margin:25px 0;}@media (max-width:991px){.section-title.about h2,.section-title.skills h2,.section-title.resume h2,.section-title.portfolio h2,.section-title.contact h2{font-size:2rem;line-height:6px}}@media (max-width:575px){.section-title.about h2,.section-title.skills h2,.section-title.resume h2,.section-title.portfolio h2,.section-title.contact h2{font-size:1.6rem}.section-title.about h2::after,.section-title.skills h2::after,.section-title.resume h2::after,.section-title.portfolio h2::after,.section-title.contact h2::after{height:2px;width:65px;margin:15px 0}}.breadcrumbs{padding-top:90px;background:#fff;font-family:"Montserrat",sans-serif}.breadcrumbs h2{font-size:1.5rem;font-weight:500;letter-spacing:2px;text-transform:lowercase;color:var(--darkblue);font-family:"IBM Plex Mono",monospace;}.h2code-pdetail{color:var(--blue);text-transform:capitalize;}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:1rem;font-family:"IBM Plex Mono",monospace;font-weight:500;text-transform:lowercase}.breadcrumbs a,ol li + li{color:var(--blue);}.breadcrumbs a:hover{color:var(--darkblue);}.breadcrumbs ol li + li::before{display:inline-block;padding-right:10px;color:var(--blue);content:"/";}@media (max-width:768px){.breadcrumbs .d-flex{display:block!important}.breadcrumbs ol{display:block}.breadcrumbs ol li{display:inline-block}}@media (max-width:350px){.breadcrumbs h2{font-size:1.2rem}}.about{padding:40px 0 0 0;}.about .icon-box{margin-top:40px;}.about .icon-box .icon{float:left;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid var(--blue);border-radius:50px;transition:.5s;}.about .icon-box .icon i{color:var(--blue);font-size:32px;}.about .icon-box:hover .icon{background:var(--blue);border-color:var(--blue);}.about .icon-box:hover .icon i{color:#fff;}.about .icon-box .title{margin-left:85px;font-weight:700;margin-bottom:10px;font-size:1.1rem;}.about .icon-box .description a{color:var(--darkblue);text-decoration:underline;}.about .icon-box .description a:hover{color:var(--blue);text-decoration:none;}.about .icon-box .description{margin-left:85px;line-height:24px;font-size:1rem;}.about .my-photo{background:url("../img/me2.gif") center center no-repeat;background-size:contain;min-height:300px;}.section-title.about strong{color:var(--blue);}.skills .icon-box{display:flex;align-items:center;padding:10px;background:#f5f5ff;transition:ease-in-out .3s;border-radius:25px;color:var(--darkblue);}.skills .icon-box i{font-size:2.5rem;padding-right:10px;line-height:1;}.skills .icon-box h3{font-weight:700;margin:0;padding:0;line-height:1;font-size:1.1rem;}.large-full{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}.large-half{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}.column{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;padding:0 20px;}.resume-timeline{margin-top:2rem;margin-bottom:2rem;}.resume-timeline .column:first-child{padding-right:40px;}.resume-timeline .column:last-child{padding-left:40px;}.timeline{padding-top:4rem;position:relative;}.timeline::before{content:"";display:block;width:2px;height:100%;background-color:var(--blue);position:absolute;left:0;top:1.1rem;}.timeline::after{content:"";display:block;width:5.6rem;height:2px;background-color:var(--blue);position:absolute;left:1px;top:1.1rem;}.timeline-icon-wrap{display:block;width:6rem;height:6rem;border-radius:50%;border:2px solid var(--blue);position:absolute;top:-2rem;left:5.6rem;}.timeline-icon{display:block;-webkit-transform:translate3d(-50%,-50%,0);transform:translate(-50%,-50%,0);position:absolute;left:50%;top:50%;font-size:2.5rem;color:var(--blue);}.timeline-block{position:relative;padding-left:5rem;margin-top:2rem;min-height:20rem;}.timeline .timeline-block:last-child{padding-bottom:0;}.timeline-bullet{content:"";display:block;width:4px;height:5rem;background-color:var(--darkblue);position:absolute;left:-1px;top:8px;}.timeline-header{margin-bottom:2rem;}.timeline-header .timeline-timeframe,.timeline-header h5{font-family:"Montserrat",sans-serif;}.timeline-header .timeline-timeframe{font-size:1.2rem;font-weight:400;line-height:2;text-transform:uppercase;letter-spacing:.3rem;margin-bottom:.8rem;color:var(--blue);}.timeline-header h3,p{margin-bottom:0;color:var(--darkblue);}.timeline-header h5{font-size:1.5rem;font-weight:400;line-height:1.5;margin-top:0;}.link-mta{text-decoration:underline;}#resume .btn-get-cv{margin-top:30px;font-family:"Montserrat",sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 30px;border-radius:50px;transition:.5s;color:#fff;background:var(--darkblue);}#resume .btn-get-cv:hover{background:var(--blue);color:#fff;font-weight:500;}@media screen and (max-width:1200px){.resume-timeline .column:first-child{padding-right:30px}.resume-timeline .column:last-child{padding-left:30px}.timeline::after{width:4.4rem}.timeline-icon-wrap{left:4.4rem}.timeline-block{padding-left:4.4rem}.timeline-header h5{font-size:1.5rem}}@media screen and (max-width:1024px){.resume-timeline .column:first-child{padding-right:16px}.resume-timeline .column:last-child{padding-left:16px}}@media screen and (max-width:900px){.resume-timeline .column{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.resume-timeline .column:first-child{margin-bottom:9rem}.timeline::after{width:5rem}.timeline-icon-wrap{left:5rem}.timeline-block{min-height:0;padding-left:5rem}}@media screen and (max-width:600px){.resume-timeline .column:first-child{padding-right:10px}.resume-timeline .timeline-right{padding-left:10px}.timeline.right{margin-left:5px}.timeline::after{width:4rem}.timeline-icon-wrap{left:4rem}.timeline-block{padding-left:4rem}.timeline-header h5{font-size:1.3rem}}@media screen and (max-width:400px){.resume-timeline .timeline.right{padding-right:0}.resume-timeline .timeline.right{padding-left:0}.timeline::after{width:2.8rem}.timeline-icon-wrap{left:2.8rem}.timeline-block{padding-left:2.8rem}}.portfolio .portfolio-item{margin-bottom:30px;}.portfolio #portfolio-filters{padding:0;margin:0 auto 35px auto;list-style:none;text-align:center;background:var(--darkblue);border-radius:50px;padding:2px 15px;}.portfolio #portfolio-filters li{cursor:pointer;display:inline-block;padding:10px 15px 8px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#fff;margin-bottom:5px;transition:all .4s ease-in-out;}.portfolio #portfolio-filters li:hover,.portfolio #portfolio-filters li.filter-active{color:var(--blue);}.portfolio #portfolio-filters li:last-child{margin-right:0;}.portfolio .portfolio-wrap{transition:.4s;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 .4s;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 .4s;display:flex;justify-content:center;}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;font-size:28px;text-align:center;background:var(--blue);transition:.4s;width:50%;}.portfolio .portfolio-wrap .portfolio-links a:hover{background:var(--darkblue);}.portfolio .portfolio-wrap .portfolio-links a + a{border-left:1px solid var(--blue);}.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;}.portfolio-details{padding-top:40px;}.portfolio-details .portfolio-details-slider img{width:100%;}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative;}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:var(--blue);opacity:1;}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--darkblue);}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(22,31,109,.2);background-color:var(--blue);color:#fff;border-radius:8px;}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--darkblue);}.portfolio-details .portfolio-info a{color:#fff;}.portfolio-details .portfolio-info a:hover{color:var(--darkblue);text-decoration:underline;}.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:30px;}.portfolio-details .portfolio-description h2{color:var(--darkblue);font-size:26px;font-weight:700;margin-bottom:20px;}.portfolio-details .portfolio-description p{color:var(--blue);padding:0;}.portfolio-details .portfolio-info ul li i{font-size:1.5rem;position:relative;top:5px;color:#fff;}.portfolio-details .portfolio-info ul li.github-repo i:hover{color:var(--darkblue);}.testimonials{padding:60px 0 140px;background:var(--blue);position:relative;}.testimonials::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:var(--blue);}.testimonials .section-header{margin-bottom:40px;}.testimonials .testimonial-item{text-align:center;color:#fff;}.testimonials .testimonial-item .testimonial-img{width:100px;border-radius:50%;border:6px solid rgba(255,255,255,.15);margin:0 auto;}.testimonials .testimonial-item h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;color:#fff;}.testimonials .testimonial-item h4{font-size:14px;color:var(--darkblue);margin:0 0 15px 0;}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color:rgba(255,255,255,.4);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 auto 15px auto;color:#fff;}.testimonials .swiper-pagination{margin-top:20px;position:relative;}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background-color:rgba(255,255,255,.4);}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--darkblue);}@media (min-width:1024px){.testimonials{background-attachment:fixed}}@media (min-width:992px){.testimonials .testimonial-item p{width:80%}}.contact{width:100%;background:#fff;}.contact .php-email-form{width:100%;background:#fff;}.contact .php-email-form .form-group{padding-bottom:8px;}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600;border-radius:8px;}.contact .php-email-form .error-message br + br{margin-top:25px;}.contact .php-email-form .sent-message{display:none;color:#fff;background:var(--darkblue);text-align:center;padding:15px;font-weight:600;border-radius:8px;}.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 var(--blue);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:8px;box-shadow:none;font-size:1rem;color:var(--darkblue);}.contact .php-email-form input{height:44px;}.contact .php-email-form textarea{padding:10px 12px;}.contact .php-email-form button[type="submit"]{background:var(--darkblue);border:0;padding:10px 30px;color:#fff;transition:.4s;border-radius:50px;}.contact .php-email-form button[type="submit"]:hover{background:var(--blue);}@-webkit-keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#footer{background:var(--blue);padding:0 0 10px 0;color:#fff;font-size:.9rem;}#footer .social-links a{font-size:1.5rem;display:inline-block;color:#fff;padding:25px 0;text-align:center;width:25px;height:25px;}#footer .social-links a:hover{color:var(--darkblue);transition:.4s;}#footer .copyright{text-align:center;padding-top:10px;}#footer p{padding-top:10px;text-align:center;font-size:.8rem;color:#fff;}#footer-pd{position:absolute;margin-top:41px;width:100%;background:var(--blue);padding:0 0 10px 0;color:#fff;font-size:.9rem;}#footer-pd .social-links a{font-size:1.5rem;display:inline-block;color:#fff;padding:25px 0;text-align:center;width:25px;height:25px;}#footer-pd .social-links a:hover{color:var(--darkblue);transition:.4s;}#footer-pd .copyright{text-align:center;padding-top:10px;}#footer-pd p{padding-top:10px;text-align:center;font-size:.8rem;color:#fff;}