@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}.toggle{position:fixed;top:30px;right:30px;width:50px;height:50px;background:#000 url(/assets/menu-acf00dcb.png);background-size:30px;background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:1000}.toggle.active{background:#000 url(/assets/close-5af9b70e.png);background-size:25px;background-position:center;background-repeat:no-repeat;cursor:pointer}section{padding:100px;min-height:100vh}.banner{position:relative;width:100%;min-height:100vh;display:flex;align-items:center}.banner .contentBx,.sidebar{position:absolute;top:0;right:0;width:calc(100% - 500px);height:100%;display:flex;justify-content:center;align-items:center;padding:100px}.logoText{position:absolute;top:40px;left:100px;font-size:1.2em;text-transform:uppercase;letter-spacing:1px;background:#333;color:#fff;padding:0 5px}.banner .contentBx h4{font-size:1.5em;color:#333;font-weight:300}.banner .contentBx h4 span{color:#00bcd4;font-size:1.5em;font-weight:700}.banner .contentBx h2{font-size:3em;color:#333;line-height:1em}.banner .contentBx .typewriter{position:relative;font-size:1.5em;color:#333;line-height:1.5em;max-width:340px;height:125px;margin-top:10px}p{font-size:1.1em;margin:20px 0;font-weight:300}.btn{background:#00bcd4;color:#fff;padding:10px 30px;display:inline-block;text-decoration:none;font-weight:500;letter-spacing:2px}.bannerBox{position:relative;width:400px;height:400px;background:rgb(0,188,212,.8);border-radius:50%;overflow:hidden}.bannerBox:before{content:"";position:absolute;inset:-10px 140px;background:linear-gradient(315deg,#fff,#4c4c4c);transition:.5s;animation:animate 10s linear infinite}.bannerBox:hover:before{inset:-20px 0px}.bannerBox:after{content:"";position:absolute;inset:6px;background:#162052;border-radius:50%;z-index:1}.bannerBoxContent{position:absolute;inset:30px;border:6px solid #070a1c;z-index:3;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.bannerBoxContent img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.5s;pointer-events:none;z-index:3}.bannerBox:hover .bannerBoxContent img{opacity:0}.bannerBoxContent h2{position:relative;font-size:1.5em;text-align:center;color:#fff;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bannerBoxContent h2 span{font-weight:300;font-size:.75em}.bannerBoxContent a{position:relative;margin-top:10px;padding:10px 20px;background:#fff;color:#070a1c;border-radius:25px;font-weight:500;font-size:1.25em;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:.5s}.bannerBoxContent a:hover{letter-spacing:.2em}@keyframes animate{0%{transform:rotate(0)}0%{transform:rotate(360deg)}}.sidebar{position:fixed;background:#000;display:flex;justify-content:center;align-items:center;transition:.5s;padding:40px;z-index:100;right:-100%}.sidebar.active{right:0%}.sidebar ul{display:flex;justify-content:center;align-items:center;flex-direction:column}.sidebar ul li{list-style:none}.sidebar ul li a{text-decoration:none;text-transform:uppercase;font-size:2em;color:#fff;font-weight:300;margin:10px 0;letter-spacing:2px;transition:.5s}.sidebar ul li a:hover{color:#00bcd4cc;transform:translateY(-50px)}.sci{position:absolute;left:0px;bottom:40px;display:flex;justify-content:center;align-items:center;min-width:100%}.sci li{margin-right:10px;list-style:none}.icon{width:50px;height:auto;transform:scale(.6);opacity:.7}.icon:hover{transform:scale(.9)}.title{width:100%;text-align:center}.title h2{position:relative;color:#00bcd4;font-size:1.8em;font-weight:700;letter-spacing:1px}.title p{max-width:700px;display:inline-block}.title h2:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-10px;width:60px;height:4px;background:#000}.title.white h2,.title.white p,.contact .title.white a{color:#fff}.title.white h2:before{background:#fff}.about{background:#000}.about .content{display:flex;justify-content:space-between}.about .content .textBx p{font-size:1.1em;margin:20px 5%;font-weight:300;color:#fff;text-align:justify}.about .content .imgBx{margin:50px 15%}.about .content .imgBx img{max-width:100%}.services .content{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.services .content a{text-decoration:none;color:#000}.services .content a:visited{color:#000}.services .content .servicesBx{padding:40px 20px;max-width:340px;margin:20px;transition:.5s;text-align:center;background:#f5f5f5}.services .content .servicesBx:hover{background:#000;transform:scale(1.1)}.services .content .servicesBx img{max-width:80px;transition:.5s}.services .content .servicesBx:hover img{filter:invert(1)}.services .content .servicesBx img{margin-top:20px;margin-bottom:10px;font-size:20px;font-weight:20px;font-weight:600;transition:.5s}.services .content .servicesBx:hover h2{color:#fff}.services .content .servicesBx p{margin:0;transition:.5s}.services .content .servicesBx:hover p{color:#fff}.work .content{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.work .content .workBx{position:relative;width:350px;height:350px;margin:10px;overflow:hidden}.work .content .workBx .imgBx,.work .content .workBx .textBx{position:absolute;top:0;left:0;width:100%;height:100%}.work .content .workBx .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.work .content .workBx .textBx:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transform:scaleX(0);transition:transform .5s ease-in-out;transform-origin:right;transition-delay:0s}.work .content .workBx:hover .textBx:before{transform:scaleX(1);transition:transform .5s ease-in-out;transform-origin:left;transition-delay:0s}.work .content .workBx .textBx{display:flex;justify-content:center;align-items:center}.work .content .workBx .textBx h3{position:relative;color:#fff;padding:30px;margin-left:10%;margin-right:10%;z-index:1;transition:.5s;transform:translate(-300px);transition-delay:0s}.work .content .workBx:hover .textBx h3{transform:translate(0);color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:1em;padding:30px;margin-left:10%;margin-right:10%;transition-delay:.1s}.contact{background:#000;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact .contactForm{position:relative;width:100%;margin-top:20px}.contact .contactForm .row{width:100%;display:flex}.contact .contactForm .row .col50{width:50%;margin:10px}.contact .contactForm .row .col100{width:100%;margin:10px;text-align:center}.contact .contactForm .row input,.contact .contactForm .row textarea{width:100%;padding:10px;border:none;outline:none;background:#111;color:#fff;font-size:16px;resize:none}.contact .contactForm .row textarea{height:100px}.contact .contactForm .row input[type=submit]{background:#00bcd4;color:#fff;padding:10px 30px;display:inline-block;font-weight:500;letter-spacing:2px;cursor:pointer;max-width:150px}.footer{color:#fff;background:#111;text-align:center;padding:10px}.footer p{margin:0;font-size:.8em}@media (max-width: 991px){.banner .contentBx{position:static;text-align:center;width:100%}.banner{flex-direction:column-reverse}.banner .bannerBox{margin-bottom:100px}.sidebar{width:100%;padding:40px}.logoText{left:40px}.toggle{right:40px}.sci{left:0px;min-width:100%}.sci li{margin-right:0;list-style:none}section{padding:40px}.about .content{flex-direction:column}.about .content .textBx{min-width:100%;width:100%}.about .content{margin-top:0}.about .content .imgBx{margin-left:0}.services .content .servicesBx{padding:30px 20px;max-width:340px;margin:10px}.contactForm{width:100%}.contactForm .row{width:100%;display:flex;flex-wrap:wrap}.contact .contactForm .row .col50{width:100%}.sidebar ul li a{font-size:1.5em}}@media (max-width: 300px){.services .content .servicesBx,.work .content .workBx{max-width:100%;width:100%;margin:10px 0}}@media screen and (min-width: 1500px){body,.sidebar{max-width:1500px;margin:0 auto}}