@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";::-webkit-scrollbar{width:0px;background-color:#000}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:50px}.hidden,.hide{display:none !important}.stopScroll{overflow:hidden}.vh{height:100vh !important}.vw{width:100%}.container{width:calc(100% - 32px);padding:0 16px}@media(min-width: 992px){.container{width:860px}}@media(min-width: 1200px){.container{width:1160px}}@media(min-width: 1600px){.container{width:1560px}}header{position:fixed;z-index:10;top:0;width:100%;height:80px}header .brand{position:absolute;top:10px;left:30px}header .brand img{width:70%;max-width:300px}@media(max-width: 767px){header .brand img{width:55%}}@media(min-width: 768px){header nav.nav{display:flex;justify-content:end;height:100%;align-items:center}header nav.nav .navA{display:flex;justify-content:space-around;width:100%;max-width:400px}header nav.nav .navA a{text-decoration:none;color:hsl(0,0%,90%);font-size:1.25rem}}@media(max-width: 767px){header .menu-cont{width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%);right:20px;cursor:pointer;z-index:2}header .menu-cont span.nav-menu-top{content:"";background:#fff;width:40px;height:5px;position:absolute;top:5px;transition:.3s ease-in-out}header .menu-cont span.nav-menu{background-color:#fff;width:40px;height:5px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease-in-out}header .menu-cont span.nav-menu-bottom{content:"";background:#fff;width:40px;height:5px;position:absolute;bottom:5px;transition:.3s ease-in-out}header .menu-cont.menu-active span.nav-menu-top{animation:goDown1 .3s ease-in-out forwards,turn .2s ease-in-out .25s forwards}@keyframes goDown1{0%{top:5px}100%{top:50%}}@keyframes turn{100%{transform:rotate(45deg) translateY(-50%);top:50%}}header .menu-cont.menu-active span.nav-menu{animation:fade .2s ease-in-out .2s forwards}@keyframes fade{0%{opacity:1}100%{opacity:0}}header .menu-cont.menu-active span.nav-menu-bottom{animation:goUp1 .3s ease-in-out forwards,turn2 .2s ease-in-out .25s forwards}@keyframes goUp1{from{bottom:5px}to{bottom:50%}}@keyframes turn2{100%{transform:rotate(-45deg) translateY(50%);bottom:50%}}header .menu-cont.menu-inactive span.nav-menu-top{transition:.3s ease-in-out;animation:fix .2s ease-in-out forwards,goUp2 .3s ease-in-out .2s forwards}@keyframes goUp2{from{transform:translateY(-50%);top:50%}to{top:5px}}@keyframes fix{from{transform:rotate(45deg) translateY(-50%);top:50%}to{transform:rotate(0deg);top:50%}}header .menu-cont.menu-inactive span.nav-menu{opacity:0;animation:appear .2s ease-in-out .2s forwards}@keyframes appear{0%{opacity:0}100%{opacity:1}}header .menu-cont.menu-inactive span.nav-menu-bottom{transition:.3s ease-in-out;animation:fix2 .2s ease-in-out forwards,goDown2 .3s ease-in-out .2s forwards}@keyframes goDown2{from{bottom:50%;transform:translateY(50%)}to{bottom:5px}}@keyframes fix2{from{transform:rotate(-45deg) translateY(50%);bottom:50%}to{transform:rotate(0deg);bottom:50%}}header nav.nav{position:absolute;top:0;left:0}header nav.nav .box{background-color:rgba(23,23,23,.8);backdrop-filter:blur(15px);width:0%;height:0%;z-index:1;position:absolute;top:0;right:0;transition:.3s ease-in-out}header nav.nav .box.box-open{width:100%;height:100vh}header nav.nav .navA{position:absolute;display:grid;top:50%;left:50%;transform:translate(-50%, -100%);z-index:-1;opacity:0;margin-top:-20%;transition:.3s ease-in-out;width:100%}header nav.nav .navA.aShow{opacity:1;z-index:2;transform:translate(-50%, -50%);margin-top:0}}@media(max-width: 767px)and (min-width: 992px){header nav.nav .navA.aShow{width:30%}}@media(max-width: 767px)and (min-width: 1200px){header nav.nav .navA.aShow{width:20%}}@media(max-width: 767px){header nav.nav .navA a{font-size:36px;text-align:center;margin-bottom:30px;color:#fff;transition:.3s ease-in-out}header nav.nav .navA a:hover{margin-bottom:40px;font-size:40px}}html,body{padding:0;margin:0;list-style:none;text-decoration:none;font-family:"Manrope",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:hsl(0,0%,10%);overflow-x:hidden}body#bdoy-home::before{content:"";width:1700px;height:1700px;position:absolute;overflow:hidden;top:0;right:0;transform:translate(50%, -50%);border-radius:4200px;opacity:.3;background:radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);z-index:-30}main{margin-top:80px}main section{color:hsl(0,0%,90%)}main section h2{font-size:3rem}main section p{font-size:2rem}main section:not(.hero){display:flex;justify-content:center;padding:40px 0px 0px 0}main section.hero{display:flex;justify-content:center;padding:0px 0px 0px 0;height:calc(100vh - 140px);align-items:center}main section.hero .svgGroup{width:-moz-min-content;width:min-content;margin:auto}main section.hero .logo-path{fill:rgba(0,0,0,0);stroke:#e6e6e6;stroke-width:2px;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 5s ease forwards,fillLogo 1.5s linear .5s forwards}main section.hero .color-dot{fill:rgba(0,0,0,0);stroke:#f27068 !important;stroke-width:2px;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawDot 5s ease forwards,fillDot 1s linear 5s forwards}main section.hero .logo-path:nth-child(1){animation-delay:0s,1.2s}main section.hero .logo-path:nth-child(2){animation-delay:.3s,1.7s}main section.hero .logo-path:nth-child(3){animation-delay:.6s,2.2s}main section.hero .logo-path:nth-child(4){animation-delay:.9s,2.4s}main section.hero .logo-path:nth-child(5){animation-delay:1.2s,2.7s}main section.hero .logo-path:nth-child(6){animation-delay:1.5s,2.9s}main section.hero .logo-path:nth-child(7){animation-delay:1.8s,3.1s}main section.hero .logo-path:nth-child(8){animation-delay:2.1s,3.3s}main section.hero .logo-path:nth-child(9){animation-delay:2.5s,3.5s}main section.hero .color-dot{animation-delay:1.8s,3.1s}main section.hero .quotes{position:relative;height:2rem;overflow:hidden;color:#f27068;font-size:1.5rem}main section.hero .quotes span{position:absolute;left:0;width:100%;opacity:0;transform:translateY(20px);animation:quoteFade 9s infinite}main section.hero .quotes span:nth-child(1){animation-delay:5s}main section.hero .quotes span:nth-child(2){animation-delay:8s}main section.hero .quotes span:nth-child(3){animation-delay:11s}main section.hero .heroFadeContainer{position:relative;margin-top:40px}main section.hero .heroFadeContainer .heroFade{color:hsl(0,0%,90%);opacity:0;transform:translateY(30px);animation:heroFade 1.5s forwards;animation-delay:5s}main section.hero .heroFadeContainer .heroFade.btnFade{position:absolute;font-size:1.5rem}@keyframes heroFade{to{opacity:1;transform:translateY(0px)}}@keyframes draw{from{fill:rgba(0,0,0,0);stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes drawDot{from{fill:rgba(0,0,0,0);stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes fillLogo{to{fill:#e6e6e6}}@keyframes fillDot{to{fill:#f27068}}@keyframes quoteFade{0%{opacity:0;transform:translateY(50px)}10%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(-20px)}100%{opacity:0}}main section.contact .contactGroup .formContainer form label{display:flex;font-size:2rem;margin-bottom:80px;position:relative;min-height:40px}main section.contact .contactGroup .formContainer form label span{position:absolute;bottom:0;transition:.3s ease-in-out}main section.contact .contactGroup .formContainer form label input,main section.contact .contactGroup .formContainer form label textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,0);border:none;border-bottom:2px solid #fff;padding:0;margin:0;outline:none;box-shadow:none;border-radius:0;width:100%;max-width:500px;color:#fff;font-size:2rem}main section.contact .contactGroup .formContainer form label input#projectDescription,main section.contact .contactGroup .formContainer form label textarea#projectDescription{max-height:150px;min-height:50px;resize:vertical;overflow-y:auto}main section.contact .contactGroup .formContainer form label:has(input:not(:-moz-placeholder)) span, main section.contact .contactGroup .formContainer form label:has(textarea:not(:-moz-placeholder)) span{transform:translateY(-45px);font-size:1rem}main section.contact .contactGroup .formContainer form label:has(input:focus) span,main section.contact .contactGroup .formContainer form label:has(input:active) span,main section.contact .contactGroup .formContainer form label:has(input:not(:placeholder-shown)) span,main section.contact .contactGroup .formContainer form label:has(textarea:focus) span,main section.contact .contactGroup .formContainer form label:has(textarea:active) span,main section.contact .contactGroup .formContainer form label:has(textarea:not(:placeholder-shown)) span{transform:translateY(-45px);font-size:1rem}main section.contact .contactGroup .formContainer form label[for=formServiceNeeded],main section.contact .contactGroup .formContainer form label[for=formPriceRange]{padding-top:40px}main section.contact .contactGroup .formContainer form label[for=formServiceNeeded] span,main section.contact .contactGroup .formContainer form label[for=formPriceRange] span{font-size:2rem;transform:translateY(-55px)}main section.contact .contactGroup .formContainer form label select{min-inline-size:14ch}main section.contact .contactGroup .formContainer form label select,main section.contact .contactGroup .formContainer form label select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;border:none;color:hsl(0,0%,90%);border-radius:.25rem;background-color:#222;font-size:1.25rem}main section.contact .contactGroup .formContainer form label select::picker(select){margin-block-start:.5rem;margin-block-end:.5rem;opacity:0;border:1px solid hsl(0,0%,30%);transition:opacity .25s ease-in-out,transform .25s ease-in-out;transform:scale(0.9)}main section.contact .contactGroup .formContainer form label select::picker(select):popover-open{opacity:1;transform:scale(1)}@starting-style{main section.contact .contactGroup .formContainer form label select::picker(select):popover-open{opacity:0;transform:scale(0.9)}}main section.contact .contactGroup .formContainer form label select option{padding:10px}main section.contact .contactGroup .formContainer form label select option:checked{background:hsl(0,0%,25%)}main section.contact .contactGroup .formContainer form label select::picker-icon{margin-right:5px}main section .fade{opacity:0;transform:translateY(60px);transition:opacity 2s ease,transform 2s ease}main section .fade.visible{opacity:1;transform:translateY(0)}