*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:60.5%;scroll-behavior:smooth}body{font-family:'Titillium Web',sans-serif;text-rendering:optimizeLegibility;line-height:1.3;font-size:1.6rem}ul li{list-style-type:none}h1{font-size:3.6rem;color:#fff}:focus{outline:0}.clearfix::after{content:'';display:block;clear:both;height:0;visibility:hidden}.row{max-width:114rem;margin:0 auto}section{padding:8rem 0}h2{font-size:3rem;letter-spacing:.3rem;margin-top:0;font-weight:600;margin-bottom:2rem;color:#fff;text-align:center}h2::after{content:'';display:block;clear:both;height:.3rem;width:8.5rem;background:#fff;margin:auto;margin-top:2rem}h3{font-size:2rem;text-transform:uppercase;font-weight:700}h4{font-size:1.8rem;text-transform:uppercase;margin:1rem 0}.box{padding:1%}.box p{font-size:1.6rem;font-weight:300;margin-top:2rem;color:#fff}.little-description{font-size:1.8rem;width:60%;margin-left:20%;line-height:2rem}.btn,.btn:link,.btn:visited{background:#000;border-bottom:.3rem solid #000;color:#fff;text-decoration:none;padding:1.2rem 3rem;text-transform:uppercase;border-radius:.3rem;display:inline-block;margin-top:4.5rem;font-size:1.6rem}header{background:-webkit-gradient(linear,left top,left bottom,from(rgba(104,82,112,.9)),to(rgba(135,80,156,.8))),url(img/hero-bg.jpg);background:linear-gradient(rgba(104,82,112,.9),rgba(135,80,156,.8)),url(img/hero-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;height:90vh;position:relative}.logo{height:3.5rem;width:auto;margin-top:3.5rem;float:left}.hero-text-box{width:114rem}.main-nav{float:right;margin-top:3.5rem}.main-nav li{display:inline-block;margin-left:1rem}.main-nav li:first-child{margin-left:0}.main-nav li a:link,.main-nav li a:visited{color:#fff;text-decoration:none;text-transform:uppercase;background:rgba(126,120,0,0);padding:5px .5rem;border-radius:.3rem;display:inline-block;font-size:1.6rem;-webkit-transition:.3s;transition:.3s}.main-nav li:hover a:link,.main-nav li:hover a:visited{background:#643a79}.main-nav li.active a{background:#643a78}.sticky{position:fixed;top:0;left:0;width:100%;background:#87509c;padding:1rem 0;-webkit-box-shadow:0 2 5 rgba(255,255,255,.9);box-shadow:0 2 5 rgba(255,255,255,.9);z-index:9999}.sticky .logo{margin-top:0}.sticky .main-nav{margin-top:.2rem}.hero-text-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.btn-hero:link,.btn-hero:visited{background:#eb7d4b;border-color:#c86a40}.mobile-menu span{color:#fff;font-size:4rem;float:right;margin-top:1.5rem;display:none}.mobile-menu span:hover{cursor:pointer}.overlay{width:0;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.9);z-index:1;overflow-x:hidden;-webkit-transition:.5s;transition:.5s}.overlay-content{position:relative;top:15%;width:100%;text-align:center}.overlay a{text-decoration:none;display:block;font-size:2.5rem;text-transform:uppercase;letter-spacing:.3rem;color:#999;padding:.5rem 0}.overlay a:hover{color:#fff}.overlay .closebtn{position:absolute;top:2rem;right:4.5rem;font-size:6rem}.sticky .mobile-menu span{margin-top:0;line-height:1}.services-section{text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(rgba(23,194,163,.8)),to(rgba(15,145,121,.8))),url(img/services-bg.jpg);background:linear-gradient(rgba(23,194,163,.8),rgba(15,145,121,.8)),url(img/services-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;color:#fff}.services-section h2::after{background:#14a58c}.services-icon{height:12.8rem;margin-top:4.5rem;margin-bottom:3.5rem}.team-section{background:-webkit-gradient(linear,left top,left bottom,from(rgba(231,241,231,.9)),to(rgba(231,241,231,.9))),url(img/team-bg.jpg);background:linear-gradient(rgba(231,241,231,.9),rgba(231,241,231,.9)),url(img/team-bg.jpg);text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}.team-section h2{color:#3c4761}.team-section h2::after{background:#c8d9e5}.team-member{margin-top:4.5rem;margin-bottom:3.5rem;height:20rem;width:20rem;border-radius:50%}.team-section h3{color:#27283d}.role{color:#30bae7;font-size:1.6rem;text-transform:capitalize;margin-top:.5rem;display:inline-block}.team-section .box p{color:#3c4761}.social-link{margin-top:4.5rem}.social-link ul li{display:inline-block;margin:0 .5rem}.social-link ul li a{color:#fff}.social-link ul li a:link i::before{background:#bdd1df;width:2rem;height:2rem;border-radius:50%;display:inline-block;font-size:1.5rem;padding:1rem;-webkit-transition:1s;transition:1s}.social-link ul li a:hover i::before{background:#393939;-webkit-transform:rotate(360deg);transform:rotate(360deg)}svg.radial-progress{height:auto;max-width:200px;padding:1em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%}svg.radial-progress circle{fill:transparent;stroke:#fff;stroke-dashoffset:219.91148575129;stroke-width:10}svg.radial-progress circle.incomplete{opacity:.25}svg.radial-progress circle.complete{stroke-dasharray:219.91148575129}svg.radial-progress text{fill:#fff;text-anchor:middle}.skill-section{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.9)),to(rgba(255,255,255,.9))),url(img/skill-bg.jpg);background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url(img/skill-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;text-align:center;color:#3c4761}.skill-section h2,.skill-section h3{color:#3c4761}.skill-section h2::after{background:#dfe8ed}.skill-section .box{margin-top:4.5rem}svg.radial-progress circle{stroke-width:5}svg.radial-progress text{fill:#3c4761;font-size:1.5rem}svg.web-design circle{stroke:#30bae7}svg.html-css circle{stroke:#d74680}svg.graphic-design circle{stroke:#15c7a8}svg.ux-xi circle{stroke:#eb7d4b}.portfolio-section{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,221,153,.9)),to(rgba(255,221,153,.9))),url(img/portfolio-bg.jpg);background:linear-gradient(rgba(255,221,153,.9),rgba(255,221,153,.9)),url(img/portfolio-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;text-align:center}.portfolio-section h2{color:#393939}.portfolio-section h2::after{background:#e5c37f}.portfolio-filter{margin:3rem 0}.portfolio-filter button{background:#ebc985;font-size:1.8rem;padding:1rem 2rem;border:0;border-radius:.5rem;text-transform:uppercase;color:#625948;margin:.5rem .5rem;-webkit-transition:.5s;transition:.5s}.portfolio-filter button:hover{cursor:pointer;-webkit-box-shadow:inset 0 .3rem .3rem rgba(57,57,57,.5);box-shadow:inset 0 .3rem .3rem rgba(57,57,57,.5)}.portfolio-section .portfolio-image{width:100%;height:auto}.portfolio-section .col:nth-child(3){margin-left:0}.portfolio-section .btn-load-more{background:#17c2a4;border:#14a58c}.portfolio-section .mixitup-control-active{background:#fff}.testimonial{background:-webkit-gradient(linear,left top,left bottom,from(rgba(215,70,128,.9)),to(rgba(215,70,128,.9))),url(img/testimonial-bg.jpg);background:linear-gradient(rgba(215,70,128,.9),rgba(215,70,128,.9)),url(img/testimonial-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.testimonial .little-description{text-align:center;color:#fff}.testimonial .col:nth-child(3){margin-left:0}.testimonial .col:nth-child(1),.testimonial .col:nth-child(2){margin-top:4rem}.testimonial .col:nth-child(3),.testimonial .col:nth-child(4){margin-top:8rem}.client-photo{width:10rem;float:left}.client-photo img{height:8rem;border-radius:50%;margin-bottom:3rem}.client-review{width:30rem;float:left}.client-review p{font-size:2.1rem;font-style:italic;margin-top:0;margin-bottom:2rem}.client-review .role{color:#fd9}.contact-section{background:-webkit-gradient(linear,left top,left bottom,from(rgba(60,83,153,.9)),to(rgba(60,83,153,.9))),url(img/contact-bg.jpg);background:linear-gradient(rgba(60,83,153,.9),rgba(60,83,153,.9)),url(img/contact-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;background-attachment:fixed}.contact-section h2::after{background:#273a71}.contact-section .little-description{color:#fff}.contact-section form{margin-top:5rem;width:70%;margin-left:15%}.contact-section input[type=email],.contact-section input[type=text],.contact-section textarea{background:#273a71;width:100%;border:.1rem solid #273a71;padding:1.5rem;font-size:1.8rem;border-radius:.5rem;color:#fff;margin:.5rem 0}.contact-section textarea{height:20rem}.contact-section form ::-webkit-input-placeholder{color:#fff;opacity:1}.contact-section form :-ms-input-placeholder{color:#fff;opacity:1}.contact-section form ::placeholder{color:#fff;opacity:1}.btn-submit{border:0;border-bottom:.3rem solid #299ec5;background:#30bae7}.btn-submit:hover{cursor:pointer}.footer-section{background:#344b8e;padding:3rem 0;text-align:center;border-top:.3rem solid rgba(255,255,255,.2)}.footer-section li{display:inline-block;margin:0 2rem}.footer-section li a{color:#fff;text-decoration:none;text-transform:capitalize;font-size:2.4rem}.footer-section li:hover a{color:#30bae7}