.wave,.wave-footer{bottom:-1px}.loaded #loader-wrapper,.wave{visibility:hidden}#services .services-item h3,body{font-family:Poppins,sans-serif}.portfolio-card,section{overflow:hidden}.main-button,.main-button:hover,a:hover{text-decoration:none}#contact h2,.main-button{text-transform:uppercase}*,ul{padding:0;margin:0}html{height:100%}#contact form .form-group textarea.form-control,img{height:auto}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif}h2{font-weight:700}h3,h4,h5,h6{font-weight:600}p{color:#748182;line-height:28px}.navbar-scroll-fixed .navbar-nav .back-button,a{color:#000}.main-button:focus,.main-button:hover,.navbar .navbar-toggler:focus,.navbar .navbar-toggler:hover,a:focus,a:hover{outline:0}ul{list-style:none}img{max-width:100%}.padtop-20{padding-top:20px}.padtop-40{padding-top:40px}.padtop-60,footer{padding-top:60px}.padtop-90{padding-top:90px}.padbtm-20{padding-bottom:20px}.padbtm-40{padding-bottom:40px}.padbtm-60,footer{padding-bottom:60px}.padbtm-90{padding-bottom:90px}.martop-20{margin-top:20px}.martop-40{margin-top:40px}.martop-60{margin-top:60px}#about .about-info-container .about-skills .progress-box,#services .services-item .fa,.marbtm-20{margin-bottom:20px}.marbtm-40{margin-bottom:40px}.marbtm-60{margin-bottom:60px}.main-button{border:1px solid #aaa;color:#000;padding:10px 20px;font-size:14px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background-color:transparent}.main-button:hover{border:1px solid #000;background:#000;color:#fff}.main-button.success{border-color:#28a745;color:#28a745}.main-button.success:hover{background-color:#28a745;color:#fff}.main-button.error{border-color:#dc3545;color:#dc3545}.main-button.error:hover{background-color:#dc3545;color:#fff}.wave{position:absolute;width:100%;height:50px;left:0;fill:#fff;z-index:1}.wave-footer,.wave-primary,.wave-secondary{position:relative}.wave-primary .wave{fill:#fff;display:block;visibility:visible}.wave-secondary .wave{fill:#f3f3f3;visibility:visible}.wave-footer .wave{fill:#111;visibility:visible;top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.portfolio-card:hover .portfolio-card-overlay,body.loaded p{opacity:1}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}#loader-wrapper .loader-section{position:fixed;top:-500%;width:101%;height:1000%;background:#111;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:-50%}#loader-wrapper .loader-section.section-right{right:-50%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:1.5s cubic-bezier(.645, .045, .355, 1) 1s;-o-transition:1.5s cubic-bezier(.645, .045, .355, 1) 1s;transition:1.5s cubic-bezier(.645, .045, .355, 1) 1s}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:1.5s cubic-bezier(.645, .045, .355, 1) 1s;-o-transition:1.5s cubic-bezier(.645, .045, .355, 1) 1s;transition:1.5s cubic-bezier(.645, .045, .355, 1) 1s}.loaded .loading{opacity:0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}.loading{z-index:1001;display:inline-block;position:fixed;left:50%;top:50%;width:70px;height:70px;margin-top:-35px;margin-left:-35px;-webkit-border-radius:50%;border-radius:50%;border:10px solid transparent;border-left:10px solid #3c3c3c;border-bottom:10px solid #3c3c3c;-webkit-animation:2s linear infinite spin-one;animation:2s linear infinite spin-one}#banner:before,.loading:after,.loading:before,.navbar{top:0;position:absolute;left:0}.loading:after,.loading:before{content:"";display:block;width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;border:10px solid transparent;border-left:10px solid #3c3c3c;border-bottom:10px solid #3c3c3c}.loading:before{-webkit-animation:1s linear infinite spin-two;animation:1s linear infinite spin-two}.loading:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}@-webkit-keyframes spin-one{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(360deg);transform:rotateX(0) rotateY(0) rotateZ(360deg)}}@keyframes spin-one{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(360deg);transform:rotateX(0) rotateY(0) rotateZ(360deg)}}@-webkit-keyframes spin-two{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}}@keyframes spin-two{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}}.navbar{padding-top:30px;padding-bottom:20px;font-size:.9rem;width:100%;z-index:99}.navbar .navbar-brand img{width:100%}.navbar .navbar-toggler{border:none}.navbar .navbar-nav .back-button,footer ul.social-icons li a:hover{color:#fff}.navbar-scroll-fixed{padding-top:10px;padding-bottom:10px;position:fixed;background-color:#fff;-webkit-box-shadow:0 2px 24px rgba(0,0,0,.12);box-shadow:0 2px 24px rgba(0,0,0,.12);z-index:1030;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}#banner{background-position:top center;-webkit-background-size:cover;background-size:cover;position:relative;background-attachment:fixed}#banner:before{content:" ";width:100%;height:100%;background-color:#000;opacity:.4;z-index:1}#banner .banner-text{text-align:center;position:absolute;z-index:2;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#banner .banner-text h1{font-weight:800;color:#fff;font-size:60px;line-height:100px;letter-spacing:2px}#banner .banner-text #typed{color:#fff;font-size:32px;font-weight:500}.typed-cursor{opacity:1;-webkit-animation:.7s infinite blink;animation:.7s infinite blink;font-size:35px;font-weight:900;color:#fff}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}#about,#contact{padding-top:120px;padding-bottom:160px}#about .about-info-container{background-color:#f3f3f3;margin-top:20px;padding-top:40px;padding-bottom:40px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.01);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.01);-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);-o-transition:.3s cubic-bezier(.25, .8, .25, 1);transition:.3s cubic-bezier(.25, .8, .25, 1)}#about .about-info-container:hover{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.01);box-shadow:0 10px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.01)}#about .about-info-container .about-info{text-align:right;padding-right:50px}#about .about-info-container .about-info .info-item img{width:100px;-webkit-border-radius:90px;border-radius:90px;border:5px solid #fff;margin-bottom:20px}#about .about-info-container .about-info .info-item p{margin-bottom:10px}#about .about-info-container .about-info .info-item span{font-family:Montserrat,sans-serif;font-weight:500;color:#000}#about .about-info-container .about-skills{padding-left:50px}#about .about-info-container .about-skills h3{font-weight:700;margin-bottom:20px}#about .about-info-container .about-skills .progress-box p{text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:500;font-size:14px;margin-bottom:10px;color:#000}#about .about-info-container .about-skills .progress-box .progress{-webkit-border-radius:0;border-radius:0;height:2px}#about .about-info-container .about-skills .progress-box .progress .progress-bar{background-color:#616161;-webkit-transition:width 1.5s;-o-transition:width 1.5s;transition:width 1.5s;width:0}#services{padding-top:120px;padding-bottom:110px}#services .services-item{text-align:center;padding:30px 20px;background-color:#f2f2f2;margin-bottom:50px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);-o-transition:.3s cubic-bezier(.25, .8, .25, 1);transition:.3s cubic-bezier(.25, .8, .25, 1)}#services .services-item:hover{-webkit-box-shadow:0 14px 28px rgba(0,0,0,.1);box-shadow:0 14px 28px rgba(0,0,0,.1)}#services .services-item h3{font-size:18px;font-weight:500;margin-bottom:15px}#portfolio{padding-top:120px;padding-bottom:130px;background-color:#f2f2f2}.portfolio-items .single-item .popup:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.row.portfolio-items{margin-left:-15px;margin-right:-15px}.row.portfolio-items>[class*=" col-"],.row.portfolio-items>[class^=col-]{padding-left:15px;padding-right:15px;margin-bottom:30px}.portfolio-card{position:relative;border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.06)}.portfolio-card img{display:block;width:100%;height:auto;transition:transform .4s}.portfolio-card:hover img{transform:scale(1.06)}.portfolio-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.48);opacity:1;transition:opacity .25s;text-align:center;padding:16px}.portfolio-card-overlay h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}.portfolio-card-overlay .btn{background:#0d6efd;color:#fff;border:none;padding:10px 16px;border-radius:4px;text-decoration:none;font-size:14px}.portfolio-card-overlay .btn:hover{background:#0b5ed7}#contact h2{margin-bottom:30px;font-size:24px}#contact .contact-item h4{font-weight:600;margin-bottom:6px;font-size:14px;line-height:21px}#contact .contact-item p{font-size:14px;line-height:24px}#contact form .form-group{margin-bottom:24px}#contact form .form-group .form-control{font-size:14px;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;border-radius:0;background-color:transparent;border:0;border-bottom:1px solid #ccc;height:52px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}#contact form .form-group .con-error{border-color:red}#contact form .form-control:active,#contact form .form-control:focus,#contact form .form-control:hover{-webkit-box-shadow:none;-moz-webkit-box-shadow:none;box-shadow:none;border-color:#666}footer{background-color:#111;text-align:center}footer ul.social-icons{padding:0;margin:0;list-style-type:none}footer ul.social-icons li{display:inline-block;margin:0 15px}footer ul.social-icons li:first-child{margin-left:0}footer ul.social-icons li:last-child{margin-right:0}footer ul.social-icons li a{color:#757575;font-size:16px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}footer p{color:#757575;margin:24px 0 0;font-size:14px}@media screen and (max-width:992px){#banner .banner-text h1{font-size:50px}#banner .banner-text #typed,#banner .banner-text .typed-cursor{font-size:30px}#about .about-info-container .about-info{text-align:center;margin-bottom:60px;padding-right:15px}#about .about-info-container .about-skills{padding-left:15px}#about .about-info-container .about-skills h3{text-align:center}#blog-posts-area .pagination{margin-bottom:50px}.wave{height:25px}}@media screen and (max-width:767px){#banner .banner-text h1{font-size:32px;line-height:50px}#banner .banner-text #typed,#banner .banner-text .typed-cursor{font-size:20px}.navbar .navbar-brand img{width:80%}.navbar.navbar-dark .navbar-collapse{background-color:rgba(0,0,0,.9);text-align:center}.navbar.navbar-dark .navbar-collapse li.nav-item{border-bottom:1px solid #111;margin-bottom:4px}.navbar.navbar-dark .navbar-collapse li.nav-item:last-child,.navbar.navbar-light li.nav-item:last-child{margin-bottom:0;border-bottom:0}.navbar.navbar-light{text-align:center}.navbar.navbar-light li.nav-item{border-bottom:1px solid #eee;margin-bottom:4px}#contact .message-box h2{margin-top:50px;text-align:left!important}.blog-banner h1{font-size:32px}.blog-banner .bread-crumb a{font-size:14px}.row.reply-area{margin-left:40px;margin-top:20px}}#banner #particles-js{position:absolute;height:100vh;width:100%;left:0;right:0;z-index:10}