*,*:after,*:before{box-sizing:border-box;padding:0;margin:0;margin-block-start:0;margin-block-end:0}:root{--mainsite: #2e240b;--sitewhite: #fefefe;--secondarycolor: #bb9217;--inputboarder: #ccc;--offset: 9.5em;--bgcolor: #f1f1f0}html{scroll-behavior:smooth}body{background:radial-gradient(#f5efe4,#f3edde,#d8d8d8);scroll-behavior:smooth;overflow-x:clip;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.m-t1{margin-top:1em}.m-t2{margin-top:2em}.m-t5{margin-top:5em}.m-t10{margin-top:10em}.m-t12{margin-top:12em}.responsive-svg{width:auto}.toolbar{grid-template-columns:repeat(2,1fr);background:linear-gradient(181deg,var(--secondarycolor),#fefefe);color:var(--bgcolor);width:100%;height:var(--offset);position:fixed;z-index:9;top:0}.toolbar:before{content:"";position:absolute;width:100%;background-color:#8f8f8fe3;padding:.1px 0;bottom:0;filter:blur(1px);left:0}.toolbar button{position:relative}.toolbar button>img:nth-child(1){left:1em;position:absolute;z-index:8;top:0}.toolbar button>img:nth-child(2){position:absolute;z-index:9;left:115px;top:10px;width:180px;aspect-ratio:1}.color-white{background-color:var(--bgcolor)}.border-radius{border-radius:50%}.container{background-color:transparent;width:auto;max-width:1500px;margin:0 auto;padding:2em}h1{font-size:4rem;background:linear-gradient(112deg,#4e4b45 40%,#222324,#ccc);color:transparent;background-clip:text}.serviceCard{position:relative;border-radius:2em;justify-items:center;color:var(--mainsite);max-height:400px;padding:1em;display:grid;grid-template-columns:minmax(10em,20em) auto}.serviceCard .image-container{width:13em;aspect-ratio:1;position:relative}.serviceCard .image-container img{width:inherit}.serviceCard .content{margin-block-start:1em;text-align:left}.serviceCard .content h3{margin-block:1em}.serviceCard .content p{font-weight:200;text-align:inherit;margin-block:1em}.formGroup{position:relative}.formGroup label{display:grid}.formGroup label span{opacity:1;margin:.4em .8em;font-size:1.2rem;font-weight:300;animation:.5s slideIn forwards;transition:.2s opacity,animation ease-in-out;transform-origin:inherit}.formGroup label .hint{font-size:.8rem}.formGroup label select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto}.formGroup label select,.formGroup label input{width:40vi;padding:.5em 1em;font-size:1.5rem;border-radius:10em;border:1px solid var(--inputboarder);transition:.2s border ease-in-out}.formGroup label select::placeholder,.formGroup label input::placeholder{color:#dad5d5;font-weight:100}.transparent_text{opacity:0!important}.contactinfo{place-items:center;width:100%;height:auto;background:linear-gradient(0deg,var(--secondarycolor),transparent);position:relative;margin-bottom:0;bottom:0;color:var(--sitewhite)}.contactinfo div{width:100%;place-self:auto;align-content:center;display:grid;place-content:center}.contactinfo div .image-contact{width:150px;height:150px;position:relative;box-shadow:inset 0 -10px 7px 5px #9e9c9c;display:grid;place-content:center;place-self:center}.contactinfo div .image-contact img{width:90px;margin:0 auto}.contactinfo div h2{text-align:center;padding-block:1em;margin-block-start:0;margin-block-end:0}.contactinfo div a{color:inherit;text-decoration:none}.contactinfo div p,.contactinfo div a{padding-block:1em;text-align:center}.error{--inputboarder: #c47878}.error span,.error input,.error select{color:var(--inputboarder)}@keyframes slideIn{0%{translate:-10% 0%}to{translate:0% 0%}}@keyframes slideOut{0%{translate:0% 0%}to{translate:-10% 0%;opacity:0}}.success_notification{background:linear-gradient(201deg,#57ad3e,#b3ddd2)}.error_notification{background:linear-gradient(180deg,#a24141,#a24141)}.notification{position:absolute;padding:1em;color:transparent;background-clip:text;border-radius:1em;animation:.4s slideIn forwards;width:100%;text-align:center;font-size:1.2rem;box-shadow:inset 1px 0 6px 1px #fff}.notification button{position:absolute;cursor:pointer;right:-20px;top:-20px;font-size:1.2rem;border-radius:50%;width:38px;aspect-ratio:1;background-color:var(--sitewhite);box-shadow:inset 1px -2px 4px 2px #ccc,2px 2px 3px 1px #bbbaba}.big-margin{margin-top:var(--offset)}.banner{width:100%;aspect-ratio:1;background-image:url("./media/banner_laptop-76G4IY7A.png");height:90vh;background-size:contain;background-repeat:no-repeat;margin-top:var(--offset);position:relative;z-index:7}.banner:before{content:"";position:absolute;inset:0}.banner .banner-content{margin-top:var(--offset);z-index:9;text-align:center}.banner .banner-content p{font-size:1.3em;width:71.4285714286%;background:linear-gradient(0deg,#4e4b45 40%,#222324,#ccc);color:transparent;background-clip:text;margin:0 auto;padding-block:2em;line-height:1.3}.banner .banner-content .btn-contact{display:block;text-align:center;text-decoration:none;margin:0 auto;height:auto;width:fit-content;position:relative;z-index:9;background:#f0ebeb;text-transform:uppercase;padding:1em 3em;box-shadow:inset 2px -1px 4px 2px #2e240bb5;color:var(--mainsite)}.arrow-section{position:absolute;right:3em;bottom:10em}.arrow-1{width:100px;margin:auto;position:relative}.arrow-1 a{padding-top:70px}.arrow-1 a span{position:absolute;top:0;left:50%;width:24px;height:24px;border-left:3px solid #1f1e1e;border-bottom:3px solid #1f1e1e;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 1.5s infinite;animation:sdb05 1.5s infinite;box-sizing:border-box}.chev{visibility:hidden}.btn-clear{background-color:transparent;outline:transparent;border:transparent}.btn{font-size:1.2rem;align-items:center;padding:0 .3em;outline:transparent;border:transparent;background-color:var(--mainsite);color:var(--sitewhite);border-radius:10em;height:50px}.btn-submit{width:max-content;padding:.5em 2em;cursor:pointer;place-self:flex-end}.btn-submit:disabled{background-color:#7e888a!important;cursor:none}.btn-contact{display:grid;grid-template-columns:150px 50px;text-align:justify;height:50px;position:relative;text-align:center;z-index:998;text-transform:uppercase;box-shadow:inset 3px -1px 3px 1px #c2eff9d9}.grid{display:grid}.flex{display:flex}.gap-_5{gap:.5em}.gap-1{gap:1em}.gap-2{gap:2em}.gap-3{gap:3em}.gap-12-3{gap:12em 3em}.justify-content-center{justify-content:center}.justify-items-center{justify-items:center}.col-2{grid-template-columns:repeat(2,1fr)}.col-4{grid-template-columns:repeat(4,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.center-align{text-align:center}.section-scroller{animation:fade-in linear;animation-timeline:view();animation-range-end:entry}.text-enlarged-scroller{animation:fade-in-inlarger linear;animation-timeline:view();animation-range-start:entry}@keyframes fade-in{0%{scale:.6;opacity:0}to{scale:1;opacity:1}}@keyframes fade-in-inlarger{0%{scale:.7}to{scale:1.2;opacity:1}}@keyframes slide-in{0%{translate:200% 0}to{translate:0% 0%}}.slide-in{translate:200% 0;animation:slide-in .5s forwards;transition:animation .7s ease-in}.fade-in{scale:0;opacity:0;animation:fade-in .5s forwards;transition:animation .5s ease-in}.delay-500{animation-delay:.5s}.delay-1s{animation-delay:1s}.delay-2s{animation-delay:2s}@-webkit-keyframes sdb05{0%{-webkit-transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}to{-webkit-transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@keyframes sdb05{0%{transform:rotate(-45deg) translate(0);opacity:0}50%{opacity:1}to{transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;transform:translateY(calc(var(--base_) * 3.8))}66.6%{opacity:1;transform:translateY(calc(var(--base_) * 5.2))}to{opacity:0;transform:translateY(calc(var(--base_) * 8)) scale(.5)}}@media only screen and (max-width: 850px){body{--offset: 7.5em}.chev{visibility:visible}.toolbar button{width:15pc}.toolbar button>img:nth-child(1){left:1em;position:absolute;z-index:8;width:15pc;top:0}.toolbar button>img:nth-child(2){position:absolute;z-index:9;right:3em;top:10px;left:auto;width:7.5pc;aspect-ratio:1}#menu{right:-1em!important;top:calc(var(--offset) - 2.8em)!important;min-width:70px!important}.contactinfo{display:grid;grid-template-columns:1fr;gap:1em}.contactinfo div{display:grid;grid-template-columns:90px 1fr;gap:1em;align-items:center}.contactinfo h2{display:none}.contactinfo .image-contact{width:auto!important;height:auto!important;box-shadow:none!important;background:0}.contactinfo p,.contactinfo a{padding-block:1em;font-size:.7rem;word-wrap:break-word;word-break:break-all;color:var(--mainsite);text-align:left!important}h1{font-size:2rem}.banner{background-image:url("./media/banner_laptop_m-MQ2T7G5M.png")}.banner:before{content:"";position:absolute;inset:0}.banner .banner-content{margin-top:calc(var(--offset) * 2)}select,input{width:90vw!important;font-size:1.1rem!important}.col-2{grid-template-columns:1fr}.container{width:calc(100vw - 1em);padding:0;max-width:100%}.big-margin{margin-top:1em}.banner{margin-bottom:1em}.banner .banner-content{width:100%}.banner .banner-image{position:absolute;opacity:38%;width:100%}.service-section{overflow-x:scroll;align-content:center;grid-template-columns:repeat(6,80vw);width:100%;padding:0 1em;scroll-snap-type:x mandatory}.service-section .serviceCard{grid-template-columns:1fr;max-height:fit-content}.service-section .serviceCard h3{font-size:1.2rem;text-align:left}.service-section .serviceCard .content{margin-top:0;text-align:center;align-self:center}.service-section .serviceCard .content p{text-align:left;font-size:1rem}.responsive-svg{width:70px!important}.arrow-section{display:none}.model{width:90vw!important}}
