.main-navbar{width:100%;display:flex;align-items:center;justify-content:space-between}.main-navbar-logo img{width:70px}.main-navbar-links,.main-navbar-links li{display:inline-block}.main-navbar-links li a{-webkit-transition:.2s;transition:.2s;padding:15px;color:#a9cbd6;text-decoration:none;font-weight:500}.main-navbar-links :hover a,.main-navbar-links li a.active{color:#fff}a.social-icon:first-child{padding:10px 17px;font-size:1.2rem}a.social-icon{font-size:1.4rem;border-radius:25px;padding:9px 13px;background-color:#1e5c70;color:#a9cbd6;-webkit-transition:.2s;transition:.2s}a.social-icon:hover{background-color:#a9cbd6;color:#1e5c70}.main-navbar-toggler{font-size:1.4rem;border-radius:25px;padding:5px 13px;background-color:#1e5c70;color:#a9cbd6;-webkit-transition:.2s;transition:.2s;display:none;cursor:pointer}.main-navbar-toggler:hover{background-color:#a9cbd6;color:#1e5c70}@media (max-width:768px){.main-navbar-links{display:none}.main-navbar-toggler{display:block}.social-icon{display:none}}.sidebar-links{margin-top:30px}.sidebar-links li{list-style-type:none;padding:10px 0}.sidebar-links li a{color:#a9cbd6;font-weight:500}.sidebar-links li a:hover{text-decoration:none}.sidebar-links li a.active{color:#fff}.footer-nav-links{text-align:center;margin-top:30px;padding:0}.footer-nav-links li{display:inline-block}.footer-nav-links li a{color:#a9cbd6;text-decoration:none;padding:25px;-webkit-transition:.3s;transition:.3s}.footer-nav-links li a.active,.footer-nav-links li a:hover{color:#fff}.all-rights-reserved{color:#a9cbd6;font-size:.9rem}a.footer-social-icon:first-child{padding:10px 17px;font-size:1.2rem}a.footer-social-icon{font-size:1.4rem;border-radius:25px;padding:9px 13px;background-color:#1e5c70;color:#a9cbd6;-webkit-transition:.2s;transition:.2s}a.footer-social-icon:hover{background-color:#a9cbd6;color:#1e5c70}@media (max-width:768px){.footer-nav-links li{display:block;padding:5px}}.quote{color:#a9cbd6;font-size:1.2rem;font-weight:500}.author{color:#fff;font-size:1rem;font-weight:400}.author:after{content:"";height:4px;width:30px;display:block;background-color:#a9cbd6;margin-top:12px;position:relative}.main-title{letter-spacing:-4px;font-size:9.8rem;font-weight:900;color:#fff;text-rendering:optimizeLegibility}.main-title:after{content:"Web Developers";font-weight:800;display:block;-webkit-transform:translateY(-70%);transform:translateY(-70%);color:#a9cbd6;font-size:3rem;letter-spacing:0}.homepage-vector{width:550px;position:absolute;left:40px}.homepage-vector-orbit{width:380px;left:70px;top:5px;position:absolute;z-index:-1;-webkit-animation:rotate 50s linear infinite;animation:rotate 50s linear infinite}@media (max-width:991.98px){.homepage-vector,.homepage-vector-orbit{display:none}.main-title{text-align:center;font-size:4.5rem}.main-title:after{-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:0;font-size:1.6rem}.author:after{left:calc(50% - 15px)}}.homepage-works-image{height:400px;width:100%;background-color:#fff;background-size:cover;background-position:top;position:relative}.homepage-section-title{color:#fff;font-weight:800;font-size:4rem}.homepage-section-title:after{content:"";height:5px;width:100px;display:block;background-color:#a9cbd6;margin-top:10px;margin-left:5px;position:relative}.homepage-works-image:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(30,92,112,0);-webkit-transition:.3s;transition:.3s}.homepage-works-image:hover:after{background-color:rgba(30,92,112,.7)}.homepage-works-image-text{position:absolute;z-index:2;color:#fff;font-size:3rem;font-weight:700;opacity:0;-webkit-transition:.3s;transition:.3s}.homepage-works-image:hover .homepage-works-image-text{opacity:1}a.homepage-works-image-text-view-work{bottom:50px;font-size:1rem;color:#fff;text-decoration:none;position:absolute;z-index:2;opacity:0;background-color:hsla(0,0%,100%,.2);padding:10px 25px;text-align:center;-webkit-transition:.2s;transition:.2s}a.homepage-works-image-text-view-work:hover{color:#1e5c70;background-color:hsla(0,0%,100%,.7)}.homepage-works-image:hover .homepage-works-image-text-view-work{opacity:1}@media (max-width:991.98px){.homepage-works-image{height:300px}.homepage-section-title{font-size:2rem}.homepage-section-title:after{display:none}.subtitle,a.see-more-works{font-size:1rem}.homepage-works-image-text-view-work{width:100%;left:0}.homepage-works-image-text{text-align:center}}.hompage-section-title-secondary{font-size:2rem;font-weight:500;color:#fff}.capabilities-skills a{text-decoration:none;font-size:6rem;margin:0 15px;height:auto;display:flex;align-items:center;justify-content:center;width:auto;background-color:#1e5c70;color:#a9cbd6;padding:20px;-webkit-transition:.2s;transition:.2s;cursor:pointer}.capabilities-skills a:hover{background-color:#a9cbd6;color:#1e5c70}.capabilities-skills a:first-child i{-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.capabilities-skills i{font-size:4rem;margin:0 8px}}@media (max-width:575.98px){.capabilities-skills i{font-size:2rem;margin:0 5px}}.component-works-image{height:300px;width:100%;background-color:#fff;background-size:cover;background-position:top;position:relative}a.see-more-works{color:#a9cbd6;font-size:1.3rem;font-weight:400;text-decoration:none;-webkit-transition:.3s;transition:.3s}a.see-more-works:hover{color:#fff}.component-works-image:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(30,92,112,0);-webkit-transition:.3s;transition:.3s}.component-works-image:hover:after{background-color:rgba(30,92,112,.7)}.component-works-image-text{position:absolute;z-index:2;color:#fff;font-size:2.5rem;font-weight:700;opacity:0;-webkit-transition:.3s;transition:.3s}.subtitle{display:block;font-size:1.5rem;color:hsla(0,0%,100%,.7)}.component-works-image:hover .component-works-image-text{opacity:1}a.component-works-image-text-view-work{bottom:35px;font-size:1rem;color:#fff;text-decoration:none;position:absolute;z-index:2;opacity:0;background-color:hsla(0,0%,100%,.2);padding:10px 25px;text-align:center;-webkit-transition:.2s;transition:.2s}a.component-works-image-text-view-work:hover{color:#1e5c70;background-color:hsla(0,0%,100%,.7)}.component-works-image:hover .component-works-image-text-view-work{opacity:1}.work-image{width:100%;height:100%}.work-info i{font-size:2rem}@media (max-width:991.98px){.component-works-image{height:300px}.subtitle,a.see-more-works{font-size:1rem}.component-works-image-text-view-work{width:100%;left:0}.component-works-image-text{text-align:center}}.contact-form input,.contact-form textarea{width:100%;padding:7px;margin:7px 0;border:1px solid #1a5263;background-color:#1e5c70;color:#a9cbd6}.contact-form ::-webkit-input-placeholder{color:#a9cbd6}.contact-form ::-moz-placeholder{color:#a9cbd6}.contact-form :-ms-input-placeholder{color:#a9cbd6}.contact-form ::-ms-input-placeholder{color:#a9cbd6}.contact-form ::placeholder{color:#a9cbd6}.contact-form button{border:0;background-color:#a9cbd6;color:#1a5263;-webkit-transition:.2s;transition:.2s}.contact-form button:hover{background-color:#b1d7e3}.success-modal .modal-footer,.success-modal .modal-header{border:0}.success-modal .modal-content{border-radius:0;background:#21596b;background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#21596b),color-stop(100%,#003647));background:-webkit-radial-gradient(center,ellipse cover,#21596b 0,#003647 100%);background:-webkit-radial-gradient(center,ellipse,#21596b 0,#003647 100%);background:radial-gradient(ellipse at center,#21596b 0,#003647 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#21596b",endColorstr="#003647",GradientType=1)}.success-modal button{padding:8px 15px;border:0;color:#a9cbd6;background-color:#1e5c70;-webkit-transition:.2s;transition:.2s}.success-modal button:hover{color:#1e5c70;background-color:#a9cbd6}body{margin:0;padding:0;position:relative;font-family:Roboto,sans-serif;color:#fff;overflow-x:hidden;background:#21596b;background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#21596b),color-stop(100%,#003647));background:-webkit-radial-gradient(center,ellipse cover,#21596b 0,#003647 100%);background:-webkit-radial-gradient(center,ellipse,#21596b 0,#003647 100%);background:radial-gradient(ellipse at center,#21596b 0,#003647 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#21596b",endColorstr="#003647",GradientType=1)}.transition-enter{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0}.transition-enter-active,.transition-exit{opacity:1}.transition-exit-active{position:absolute;display:none;opacity:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.component-section-title{color:#fff;font-weight:800;font-size:4rem}.component-section-title:after{content:"";height:5px;width:100px;display:block;background-color:#a9cbd6;margin-top:10px;margin-left:5px;position:relative}.component-section-subtitle{font-size:1.5rem;position:relative;font-weight:600;color:hsla(0,0%,100%,.8)}.scrollto-top-btn{position:fixed;bottom:20px;right:20px;background-color:hsla(0,0%,100%,.2);color:#a9cbd6;border-radius:25px;padding:5px 10px;cursor:pointer}@media (max-width:991.98px){.component-section-title{font-size:2rem}.component-section-title:after{display:none}.component-section-subtitle{font-size:.9rem}}