html,body{width:100%;overflow-x:hidden}body{font-family:Lato,sans-serif;font-weight:300}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:Work Sans,sans-serif;margin-top:0}a{color:#f0c;transition:all .3s ease-in-out}a:focus,button:focus{outline:none}.btn:hover,a:hover{text-decoration:none;color:#339}img{max-width:100%}.bg-fixed{background-size:cover}.bg-grey{background-color:#f7f8f9}.fs-40{font-size:40px}section{position:relative}.section-content{padding-top:80px;padding-bottom:80px}.title-wrap,.section-title{text-align:center}.shadow{box-shadow:0 10px 30px #4350623d,0 2px 4px #4350621a!important}#header-navbar{position:absolute;top:0;right:0;left:0;z-index:11;transition:all .3s cubic-bezier(.785,.135,.15,.86)}.navbar-brand{font-size:40px;color:#000}.navbar-nav .nav-link{color:#fff;transition:.3s ease}.navbar-nav:hover li a{opacity:.5}.navbar-nav:hover li a:hover{opacity:1}.navbar-toggler{font-size:2rem;color:#fff}.jumbotron{color:#fff;padding-top:80px;padding-bottom:80px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;position:relative;border-radius:0;margin-bottom:0;overflow:hidden;min-height:100vh}@media (max-width: 767px) and (orientation: landscape){.jumbotron{min-height:500px}}.jumbotron .container{position:relative;z-index:1}.jumbotron:before{position:absolute;display:block;content:"";opacity:.8;top:0;bottom:0;left:0;right:0;background:#f0c;background:-webkit-linear-gradient(to right,#333399,#ff00cc);background:linear-gradient(to right,#339,#f0c)}.jumbotron h1{line-height:.9;font-weight:700;display:inline-block;border:15px solid #fff;padding:30px;font-size:9rem;opacity:0;animation:1s fadeInFromTop cubic-bezier(.785,.135,.15,.86) 1s forwards;animation-delay:.8s}.jumbotron-single h1{font-size:3rem!important}.overlay{color:#fff}.overlay:before{position:absolute;display:block;content:"";opacity:.9;top:0;bottom:0;left:0;right:0;background:#f0c;background:-webkit-linear-gradient(to right,#333399,#ff00cc);background:linear-gradient(to right,#339,#f0c)}.overlay.bg-white{color:#000}.overlay.bg-white:before{background:#fff;opacity:.7}.text-white{color:#fff}.btn{font-size:14px;font-weight:600;border-radius:30px;padding:9px 25px;text-transform:capitalize;transition:all .3s ease 0s}.btn-primary{display:inline-block;background-color:#f0c;border-color:#f0c;color:#fff}.btn-primary:hover{background-color:#339;border-color:#339;color:#fff}.btn-outline-primary{color:#fff;background-color:transparent;background-image:none;border-color:#fff}.btn-outline-primary:hover{background-color:#339;border-color:#339;color:#fff}.btn-shadow{box-shadow:-5px 8px 20px #e5100226}.btn-icon{color:#000}.btn-link{color:#f0c}.rectangle-1{width:2000px;height:400px;background:#8e2de2;background:-webkit-linear-gradient(to right,#4A00E0,#8E2DE2);background:linear-gradient(to right,#4a00e0,#8e2de2);transform-origin:50% 150% 0;position:absolute;left:0;z-index:0;transform:scale(1) rotate(-10deg)}.rectangle-2{width:2000px;height:400px;background:#8e2de2;background:-webkit-linear-gradient(to right,#4A00E0,#8E2DE2);background:linear-gradient(to right,#4a00e0,#8e2de2);transform-origin:65% 100% 0;position:absolute;right:0;z-index:0;transform:scale(1) rotate(50deg)}@keyframes fade-in-right{0%{opacity:0;transform:translate(-100vw) rotate(-15deg)}to{opacity:1;transform:translate(0) rotate(-15deg)}}@keyframes grow1{0%{opacity:0;transform:scale(2) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}@keyframes grow2{0%{opacity:0;transform:scale(2) rotate(50deg)}to{opacity:1;transform:scale(1) rotate(50deg)}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.rectangle-1{opacity:0;animation:grow1 ease 1s forwards;box-shadow:0 20px 30px #09153640!important}.rectangle-2{opacity:0;animation:grow2 ease 1s forwards;box-shadow:0 20px 30px #09153640!important}.rectangle-transparent-1{width:500px;height:500px;border:15px solid rgba(255,255,255,.08);position:absolute;left:-5%;bottom:-10%;display:block;animation:floating-slow ease-in-out 12s infinite}.rectangle-transparent-2{width:600px;height:600px;border:15px solid rgba(255,255,255,.08);position:absolute;right:-10%;top:5%;display:block;animation:floating-slow ease-in-out 12s infinite}.circle-1{width:50px;height:50px;border:2px solid #fff;position:absolute;display:block;border-radius:50%;transform-origin:50% 50%;left:5%;top:50%;animation:fadeInFromTop .5s linear forwards,floating ease 4s infinite}.circle-2{width:70px;height:70px;top:20%;left:83%;border:2px solid #fff;position:absolute;display:block;border-radius:50%;transform-origin:50% 50%;animation:fadeInFromTop .5s linear forwards,floating ease-in-out 4s infinite}.circle-3{top:80%;right:25%;width:40px;height:40px;border:2px solid #fff;position:absolute;display:block;border-radius:50%;animation:fadeInFromTop .5s linear forwards,floating ease-in-out 4s infinite}@keyframes floating{0%{transform:translate(0) rotate(25deg)}25%{transform:translate(5%,15%) rotate(25deg)}50%{transform:translate(10%,5%) rotate(25deg)}75%{transform:translateY(15%) rotate(25deg)}to{transform:translate(0) rotate(25deg)}}@keyframes floating-slow{0%{transform:translate(0) rotate(25deg)}25%{transform:translate(1%,3%) rotate(25deg)}50%{transform:translate(2%,1%) rotate(25deg)}75%{transform:translateY(3%) rotate(25deg)}to{transform:translate(0) rotate(25deg)}}.triangle{position:absolute}.triangle-1{right:0;animation:fadeInFromTop .5s linear forwards,floating ease-in-out 6s infinite}.triangle-1 img{height:50px;width:50px;transform:rotate(30deg)}.triangle-2{top:30%;left:20%;animation:fadeInFromTop .5s linear forwards,floating ease-in-out 8s infinite}.triangle-2 img{width:75px;height:75px;transform:rotate(15deg)}.triangle-3{top:80%;left:15%;animation:fadeInFromTop .5s linear forwards,floating ease-in-out 10s infinite}.triangle-3 img{width:45px;height:45px;transform:rotate(40deg)}.triangle-4{top:60%;right:15%;animation:fadeInFromTop .5s linear forwards,floating ease-in-out 5s infinite}.triangle-4 img{width:45px;height:45px;transform:rotate(-40deg)}.feature-item{transition:all .2s ease-in-out 0s!important}.feature-item:hover{transform:translateY(-13px)}.progress-bar{background-color:#f0c}.testi-img img{height:60px;width:60px!important;border-radius:50%;display:inline-block!important}.testi-details{text-align:left}.testi-text{font-weight:300;padding-top:50px;padding-bottom:50px}.testi-icon{color:#f0c}.testi-content{margin-top:80px;padding-bottom:80px}.testi-item{margin-left:15px;margin-right:15px}.owl-dot{position:relative;display:inline-block;margin:0 5px;width:12px;height:12px;cursor:pointer}.owl-dot span{top:0;left:0;width:100%;height:100%;outline:none;border-radius:50%;background-color:#ff00cc4d;text-indent:-999em;cursor:pointer;position:absolute;box-shadow:0 0 0 2px #fff0;-webkit-transition:box-shadow .3s ease,background-color .3s ease;transition:box-shadow .3s ease,background-color .3s ease}.owl-dot.active>span{background-color:transparent;box-shadow:0 0 0 2px #f0c}.owl-dots{position:absolute;bottom:0;display:block;text-align:center;left:0;right:0;clear:both;padding:0;list-style:none;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.heading-section{position:relative}.filter-button-group{margin-bottom:15px}.filter-button-group a{margin:5px;cursor:pointer}.grid-link a{margin:5px;font-size:20px;color:#000}.grid-portfolio{overflow:hidden}.grid-item{opacity:1;transform:scale(1);transition:all .3s ease}.gutter-sizer{width:2%}.grid-sizer,.grid-item{width:32%}.grid-item{margin-bottom:20px;border-radius:5px;overflow:hidden;display:block!important;opacity:1!important;visibility:visible!important}.grid-item:hover .grid-info{top:50%;opacity:1}.grid-item-wrapper:before{content:"";display:block;background:#ffffffb3;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease;opacity:0}.grid-item-wrapper:hover:before{opacity:1}.grid-info{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease}.lightcase-icon-close:before{content:"";font-family:Linearicons-Free}.grid-title{text-align:center}.sidenav{height:100%;width:0;position:fixed;z-index:1002;top:0;left:0;background-color:#000;overflow-x:hidden;transition:.5s;padding-top:60px;color:#fff}.sidenav-content{padding:8px 32px;transform:translateY(20px);opacity:0;transition:transform .5s cubic-bezier(.785,.135,.15,.86),opacity .5s cubic-bezier(.785,.135,.15,.86)}.in .sidenav-content{transform:translateY(0);opacity:1;transition:transform .5s cubic-bezier(.785,.135,.15,.86) .5s,opacity .5s .5s}.sidenav a{text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.sidenav a:hover{color:#f1f1f1}.sidenav #side-nav-close,.sidenav #side-search-close{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#side-search .form-control{background-color:transparent}#side-search .input-group-text{background:transparent;color:#fff}.skill-item{width:100%;position:relative;padding:10px 0}.skill-item p{font-size:16px;text-transform:uppercase;display:inline-block;font-weight:500}.skill-item .text-muted{color:#939393}.progress-bar,.progress{transition:all 4s}.blog-item{transition:all .3s ease-in-out;background-color:#f7f8f9;border-radius:3px;overflow:hidden}.blog-item:hover{box-shadow:0 5px 15px -5px #333;-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 7px 10px #00000026;-moz-box-shadow:0 7px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 7px 10px rgba(0,0,0,.15)}.bg-grey .blog-item{background-color:#fff}.blog-item-wrapper{margin-bottom:30px}.blog-img img{width:100%;height:250px;object-fit:cover}.blog-title h4{color:#000}.blog-text{padding:15px}.blog-tag{color:#000;letter-spacing:1.1px;text-transform:uppercase}.blog-meta{color:#939393}.blog-meta p{display:inline-block;font-size:14px}.blog-meta a{color:#939393}.blog-author{display:inline-block;color:#939393}.blog-author p{font-size:14px;margin-bottom:0}.blog-share-wrapper{float:right;display:inline-block;margin:0 -5px}.blog-share-wrapper .blog-share{padding:0 5px;cursor:pointer}.blog-content img.float-left{margin:15px 15px 15px 0}.blog-content .img.float-right{margin:15px 0 15px 15px}.scroll-down{display:block;position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:24px;opacity:.7;transition:opacity .2s,transform .5s;animation:moveUpDown 2s ease-in-out infinite}.scroll-down:hover{opacity:1;animation-play-state:paused}.scroll-down i{display:block;margin-bottom:10px}.scroll-down i:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@keyframes moveUpDown{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.form-control:focus{border-color:#f0c;box-shadow:0 0 0 .2rem #fd655a40}.form-control::-webkit-input-placeholder{opacity:.5}.form-control::-moz-placeholder{opacity:.5}.form-control:-ms-input-placeholder{opacity:.5}.form-control::-ms-input-placeholder{opacity:.5}.form-control::placeholder{opacity:.5}.client-slider .owl-nav{display:none}.client-slider .client-item{padding:0 40px}@media (max-width: 992px){.not-on-top #header-navbar{position:fixed;top:0;height:auto;width:100%;background:#f0c;background:-webkit-linear-gradient(to right,#333399,#ff00cc);background:linear-gradient(to right,#339,#f0c);z-index:11}#header-navbar{padding-top:15px!important;padding-bottom:15px!important}.navbar-transparent .navbar-collapse{background:#f0c;background:-webkit-linear-gradient(to right,#333399,#ff00cc);background:linear-gradient(to right,#339,#f0c);padding:10px}}@media (max-width: 767px){.jumbotron h1{font-size:6rem}.grid-item{width:100%}.progress{height:30px;font-size:16px}}