@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Work+Sans:wght@200;300;400;500;600;700;800&display=swap";header{position:absolute;left:0;width:100%;z-index:3}header .container{display:flex;justify-content:space-between;align-items:center;position:relative;min-height:83px}header .container:after{content:"";position:absolute;bottom:0;left:1rem;width:calc(100% - 2rem);height:1px;background-color:#fff}header .container nav{flex:1;display:flex;align-items:center;justify-content:flex-end}header nav .ham-icon{color:#fff;display:block;font-size:1.5rem}@media (min-width: 768px){header nav .ham-icon{display:none}}header .container nav ul{display:flex}@media (max-width: 768px){header .container nav ul{display:none}}header nav ul li{margin-left:1.2rem}@media (min-width: 768px){header nav ul li{margin-left:.5rem}}header nav ul li a{display:block;color:#fff;padding:2rem 1rem;text-transform:uppercase;font-size:small}header nav ul li a.active,header nav ul li a:hover{color:#19c8fa;border-bottom:3px solid #19c8fa;position:relative;z-index:2}header form{border-left:1px solid white;margin-left:.8rem}span.icon{display:block;color:#fff;margin-left:.8rem;position:relative;width:2.5rem}.landing{min-height:100vh;width:100%;background-color:#000;background-image:url(/kasper/assets/landing2-249f9bad.jpg);background-size:cover;position:relative}.landing .overlay{background-color:#00000080;height:100%;width:100%}.landing .content{background-color:#0f748fb3;position:absolute;top:50%;transform:translateY(-50%);width:50%;padding:1.5rem 1rem}.content .text{margin-left:30%;color:#fff}.content .text h1{font-size:1rem;font-weight:600;margin-bottom:.8rem;line-height:1.6}.content .text p{font-size:.65rem;line-height:1.5}.landing span.icon{display:block;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:3rem}.icon.left{left:20px}.icon.right{right:20px}@media (max-width: 767px){.landing span.icon{display:none}.landing .content{width:100%;padding:1.5rem 1rem}.content .text{width:100%;margin-left:0}}.landing .bullets{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.landing .bullets ul{display:flex}.landing .bullets ul li{width:1.2rem;height:1.2rem;border:1px solid white;border-radius:50%;margin-right:.5rem}.landing .bullets ul li.active{background-color:#fff}section.serv{min-height:100vh;background-color:#fff;padding-top:2.5rem}section .container{display:flex;flex-direction:column}section .services{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media (max-width: 992px){section .services{flex-direction:column}}section .services .service{flex:35%;margin-right:1rem;display:flex;justify-content:space-between;margin-bottom:5rem;margin-right:2rem}section .services .service .icon{color:#000;font-size:4rem;margin-right:4.5rem}section .services .service .text{flex:70%}section .services .service .text h3{font-size:1.3rem;font-weight:400;margin-bottom:1rem;color:#19c8fa}section .services .service .text p{color:#b0acae;font-size:.9rem;line-height:1.5}@media (max-width: 767px){section .services .service{flex-direction:column;align-items:center;margin-bottom:2rem}section .services .service .text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px}section .services .service .icon{margin-right:0}}.design{background-color:#000;background-image:url(/kasper/assets/design-features-1419fb11.jpg);background-size:cover;min-height:70vh;width:100%;position:relative;overflow:hidden}.design .layout{height:100%;width:100%}.design .content{width:50%;position:absolute;top:50%;transform:translateY(-50%);right:0;background-color:#0f748fb3;padding:3rem;color:#fff}.design .prop span.icon{display:block;color:#fff;margin-left:.8rem;position:relative;width:2.5rem}.design .content h1{font-size:1rem;font-weight:600;margin-bottom:20px;line-height:1.6}div.prop{display:flex;margin-bottom:10px}figure.mobile{position:absolute;bottom:-100px;left:200px}@media (max-width: 1110px){figure.mobile{display:none}.design .content{width:100%;padding:1.5rem 1rem;display:flex;flex-direction:column}}section.port{min-height:100vh;overflow:hidden;margin-bottom:30px}section .heading{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;width:40%;margin:0 auto;margin-bottom:4rem;margin-top:.5rem}section .heading h1{font-size:2rem;font-weight:700;padding-bottom:20px;position:relative;margin-bottom:1rem}section .heading h1:before{content:"";position:absolute;bottom:0;width:70%;height:1px;background-color:#000;left:50%;transform:translate(-50%)}section .heading h1:after{content:"";position:absolute;bottom:-5px;width:10px;height:10px;background-color:#fff;border-radius:50%;border:1px solid black;left:50%;transform:translate(-50%)}section .heading p{color:#b0acae;font-size:.9rem}div.types{margin:0 auto;display:flex;justify-content:center;align-items:center}div.types ul{display:flex;justify-content:space-between;align-items:center}div.types ul li{list-style:none;padding:10px 20px;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease-in-out}div.types ul li:hover{color:#fff;background-color:#19c8fa}.projs{display:flex;flex-wrap:wrap;margin-top:40px}.projs .proj{position:relative;flex:25%;transition:all .3s ease-in-out}.projs .proj img{width:100%;display:block}.projs .proj figcaption{position:absolute;bottom:-600px;background-color:#fff;width:100%;padding:15px}.projs .proj figcaption h1{font-size:1rem;font-weight:400}.projs .proj figcaption p{font-size:.7rem;font-weight:300;color:#19c8fa}.projs .proj:hover figcaption{bottom:0;transition:all .6s ease-in-out}.projs .proj{flex:100%}@media (min-width:767px){.projs .proj{flex:50%}}@media (min-width:992px){.projs .proj{flex:25%}}div.more{display:flex;margin-top:30px;justify-content:center;align-items:center}div.more button{padding:10px 20px;border:transparent;background-color:#19c8fa;color:#fff;font-size:1rem;font-weight:400;cursor:pointer}div.more button:hover{background-color:#19c9facd}section.vid{margin-top:2rem;position:relative}section.vid video{position:relative;width:100%}section.vid video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}section.vid .text{position:absolute;top:50%;transform:translateY(-50%);width:100%;background-color:#0f748fb3;text-align:center;padding:1.5rem;color:#fff;max-height:100%}section.vid .text h1{font-weight:400;margin-bottom:1.5rem;margin-top:1rem}section.vid .text p{font-size:.8rem;line-height:1.5;margin-bottom:1.5rem}section.vid .text button{border:none;background-color:#000;padding:10px 25px;color:#fff}section.about div.title{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}section.about div.title figure{margin-bottom:-135px;padding-right:95px}div.stats{width:100%;background-color:#000;background-image:url(/kasper/assets/stats-9d0fc3e8.png);background-size:cover;position:relative}div.stats:before{content:"";position:absolute;width:100%;height:100%;background-color:#00000080}section.about div.content{display:flex;background-color:#0f748fb3;width:100%;justify-content:space-between;padding-right:40px;padding-left:40px;position:relative;z-index:2}section.about div.pad{padding:70px 0}section.about div.stat{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}section.about div.stat span.icon{width:auto;position:relative;font-size:20px;margin:30px 10px 10px}section.about div.stat span.icon:before{content:"⬢";color:#6a6868;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);font-size:55px;z-index:-1}section.about div.stat h1{font-size:50px;margin:10px 0}section.about div.stat p{font-size:12px;text-align:center;margin:10px 0 40px}@media (max-width: 767px){section.about div.content{flex-direction:column;padding:0}section.about div.stat span.icon{font-size:50px}section.about div.stat span.icon:before{font-size:150px}section.about div.stat h1{font-size:90px}section.about div.stat p{font-size:20px}section.about div.title figure{display:none}}section.main{margin-top:30px;padding-top:50px;padding-bottom:50px}section.main .container{display:flex;flex-direction:row}.container .testimonials{flex:50%;margin-right:50px}.container .skills{flex:50%}section.main .title{text-align:center}section.main .title h2{font-weight:400;font-size:30px;margin-bottom:30px}section.main .title p{font-size:13px;color:#666666b3;margin-bottom:30px}.testimonial{display:flex;margin-bottom:30px}.testimonial figure{width:200px;margin-right:20px}.testimonial figure img{width:100%;height:auto;border-radius:50%}.testimonial .text{display:flex;flex-direction:column;border-bottom:1px solid black}.testimonial .text p{font-size:13px;color:#000;line-height:2}.testimonial .text h3{font-size:14px;color:#666666b3;text-align:right;font-weight:400}section.main .testimonials .bullets{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:30px}section.main .testimonials .bullets ul{display:flex}section.main .testimonials .bullets ul li{width:13px;height:13px;border-radius:50%;border:1px solid black;margin-right:10px}section.main .testimonials .bullets ul li.active{background-color:#000}section.main .skills .skills-content{display:flex;flex-direction:column}section.main .skills .skills-content .skill{margin-bottom:25px}section.main .skills .skills-content .skill h3{font-weight:400;padding-bottom:10px;font-size:15px;text-transform:uppercase}section.main .skills .skills-content .prog-holder{height:20px;background-color:#dedadc}section.main .skills .skills-content .prog-holder .prog{height:100%;background-color:#19c8fa;display:block;position:relative}section.main .skills .skills-content .prog-holder .prog:before{content:attr(data-progress);position:absolute;top:-30px;right:-13px;font-size:11px;color:#fff;background-color:#000;padding:3px 5px}section.main .skills .skills-content .prog-holder .prog:after{content:"";border-width:7px;border-color:black transparent transparent transparent;border-style:solid;position:absolute;right:-5px;top:-9px}@media (max-width: 767px){section.main .container{flex-direction:column}.container .testimonials{margin-top:20px;margin-right:0}.container .skills{margin-top:40px}}section.quote{background-color:#000;background-image:url(/kasper/assets/quote-5617e45a.jpg);background-size:cover;padding:40px 30px;text-align:center;color:#fff;position:relative;margin-bottom:20px;max-width:100%}section.quote:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3}section.quote .container{display:flex;justify-content:center;align-items:center;padding:20px 45px;max-width:100%}section.quote h5{margin-bottom:20px;font-weight:400;z-index:1}section.quote p{font-size:1.7rem;font-weight:300;margin-bottom:20px;z-index:1}section.quote p:before{content:open-quote}section.quote p:after{content:close-quote}section.prices{margin-bottom:30px;margin-top:60px}section.prices .container{display:flex;flex-direction:column}section.prices .container .data{display:flex;margin-bottom:20px}section.prices .container .data .price{flex:25%;text-align:center;margin-top:20px}section.prices .container .data .price:not(:last-child){margin-right:20px}section.prices .container .data .price .price-data{border-bottom:1px solid #19c8fa;border-top:1px solid #19c8fa}section.prices .container .data .price .price-data h2{font-weight:lighter;font-size:17px;text-transform:uppercase;margin-top:10px;margin-bottom:10px}section.prices .container .data .price .price-data h1{font-size:50px;margin:10px auto 20px;position:relative;width:fit-content}section.prices .container .data .price .price-data h1:before{content:"$";position:absolute;font-size:17px;top:12px;left:-15px}section.prices .container .data .price .price-data h1:after{content:"/mo";position:absolute;bottom:10px;right:-40px;font-weight:lighter;font-size:17px}section.prices .container .data .price li{width:fit-content;margin-left:auto;padding:30px 20px;margin-right:auto}section.prices .container .data .price li:not(:last-child){border-bottom:1px solid #19c8fa}section.prices .container .data .price .buy{border-top:1px solid #19c8fa;padding-top:30px}@media (max-width: 767px){section.prices .container .data{flex-direction:column}}section.prices .container .contact-us{display:flex;flex-direction:column;align-items:center;margin-top:30px}section.prices .container .contact-us p{margin-bottom:30px}section.prices .container .contact-us button{width:150px;height:50px;border-radius:5px;background-color:#19c8fa;color:#fff;border:none;font-size:20px;cursor:pointer}section.prices .container .contact-us button:hover{background-color:#19c9fab4}section.subscribe{background-color:#000;background-image:url(/kasper/assets/subscribe-2b43f82a.jpg);background-size:cover;margin-bottom:30px;position:relative}section.subscribe:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3}section.subscribe .container{display:flex;flex-direction:row;padding-top:100px;padding-bottom:100px}section.subscribe .container .input{flex:55%;display:flex;z-index:1;border:1px solid white;margin-right:20px;min-height:50px;margin-bottom:20px}section.subscribe .container .input input{flex:40%;position:relative;background-color:transparent;color:#fff;border:none}section.subscribe .container .input input::placeholder{color:#fff;text-transform:uppercase}section.subscribe .container .input button{padding:10px 20px;background-color:#19c8fa;border:none;color:#fff;text-transform:uppercase}section.subscribe .container .input .env{position:absolute;top:50%;left:55px;transform:translateY(-50%);color:#fff;font-size:20px}section.subscribe .container p{flex:40%;z-index:1;color:#fff;font-size:13px}@media (max-width:992px){section.subscribe .container{flex-direction:column;text-align:center}section.subscribe .container .input{flex:90%;margin-right:0}section.subscribe .container .input input{flex:95%}}section.contact{min-height:100vh;margin-bottom:30px}section.contact .input{display:flex}@media (max-width: 767px){section.contact .input{flex-direction:column}}section.contact .input .take-input{flex:70%;display:flex;flex-direction:column}section.contact .input .take-input input[type=text]{padding:10px;margin:10px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:1.2rem}section.contact .input .take-input input[type=email]{padding:10px;margin:10px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:1.2rem}section.contact .input .take-input textarea{padding:10px;margin:10px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:1.2rem;min-height:200px}section.contact .input .our-contacts{flex:30%;display:flex;flex-direction:column;padding-left:30px}@media (max-width: 767px){section.contact .input .our-contacts{padding-left:0;text-align:center;margin-top:40px}}section.contact .input .our-contacts .number{margin-bottom:30px}section.contact .input .our-contacts .number h4,section.contact .input .our-contacts .address h4{margin-bottom:30px;font-weight:400;text-transform:uppercase}section.contact .input .our-contacts .number p,section.contact .input .our-contacts .address p{color:#ccc;font-size:14px;padding-top:10px;padding-bottom:10px}section.contact .submit{margin-left:auto;margin-top:30px;margin-right:5px}section.contact .submit button{padding:10px 20px;border:none;outline:none;background:#19c8fa;color:#fff;font-size:1.2rem;cursor:pointer;border-radius:5px}footer{background-color:#000}footer .container{display:flex;justify-content:center;align-items:center;padding-top:60px;padding-bottom:60px}footer .content{width:fit-content;display:flex;flex-direction:column;color:#fff;text-align:center}footer .content figure{margin-bottom:30px}footer .content p.para{font-size:22px;border-bottom:1px solid white;padding-bottom:20px;margin-bottom:20px;text-transform:uppercase}footer .social{margin-bottom:55px}footer a{color:#fff;padding:10px}footer p.copy-right span{color:#19c8fa}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:open sans,sans-serif}a{text-decoration:none}ul{list-style:none}.container{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}