*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Inter,sans-serif;font-family:Montserrat,sans-serif}html,body{overflow-x:hidden;width:100%;max-width:100vw}#root{overflow-x:hidden;width:100%}h1{font-family:Genos,sans-serif;letter-spacing:2px;font-size:4rem;color:var(--font-darker)}h2{font-family:Montserrat,sans-serif;letter-spacing:3px;font-size:2rem;font-weight:800;color:var(--font-darker)}h3{font-family:Montserrat,sans-serif;letter-spacing:2.5px;font-size:1.3rem;font-weight:500;color:var(--font-darker)}p,li{font-family:Montserrat,sans-serif;letter-spacing:1px;font-size:.9rem;font-weight:400;color:var(--font-darker)}button{font-family:Montserrat,sans-serif;letter-spacing:1px;font-size:.9rem;font-weight:700;color:var(--font-darker);cursor:pointer}@media screen and (max-width: 767px){*,*:after,*:before{font-size:13px}}@media screen and (max-width: 1023px){p{font-size:1rem}}@media screen and (min-width: 2000px){*,*:after,*:before{font-size:17px}p,li,button{font-size:1.2rem}h1{font-size:5rem}h2{font-size:3rem}h3{font-size:1.6rem}}:root{--light: rgb(239, 240, 243);--dark: rgb(34, 34, 34);--font-light: white;--font-dark: rgb(81, 81, 81);--font-darker: rgb(11, 14, 22);--light-secondary: rgb(138, 138, 138);--accent-primary: rgb(120, 128, 241);--accent-secondary: rgb(219, 17, 17)}.gridCenter{display:grid;place-content:center}footer{background:#111;padding:3rem 3rem 0}footer h3{color:var(--light-secondary);padding-bottom:2rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:1rem}footer p{font-family:Inter,sans-serif;font-weight:400;letter-spacing:1px;line-height:1rem;color:var(--light-secondary);font-size:.8rem;padding-bottom:.8rem}footer .introduction p,footer .openingHours p{padding-bottom:0}footer .copyright{padding:2rem 0 .5rem}footer button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:1px;line-height:1rem;color:var(--light-secondary);font-size:.8rem;padding-bottom:.4rem}.footerSummary{justify-content:space-evenly}.footerColumn{max-width:20vw;align-items:flex-start;display:flex;flex-direction:column}.footerColumn .logo{fill:#8a8a8a;transform:scale(.6);margin-bottom:1rem}li.footerMenuItem{list-style:none}li.footerMenuItem button{font-family:Montserrat,sans-serif;letter-spacing:1px;font-size:.8rem;font-weight:500;color:var(--light-secondary);background:transparent;border:none;cursor:pointer;transition:color .3s,font-weight .3s}li.footerMenuItem button:hover{color:var(--accent-secondary);font-weight:600}.copyright p:nth-child(2){margin-left:2rem;color:#111;transition:color 1s ease-in}.copyright p:nth-child(2):hover{color:var(--font-dark)}@media screen and (max-width: 767px){.footerSummary{flex-direction:column}.footerColumn{max-width:90vw;margin:2rem 0}}nav{position:fixed;z-index:10;width:100%;transition:box-shadow 1s ease}nav.scrolled{box-shadow:0 0 20px #afafaf88}.contactInfo{background:var(--dark);padding:3px;justify-content:flex-end;align-items:center}.contactInfo p{color:#fff}.contactInfo div{margin-right:3rem;align-items:center}.contactInfo #phoneIcon,.contactInfo #mailIcon{margin-right:1rem;width:15px;height:15px;fill:#fff}.navBar{justify-content:space-between;padding:clamp(5px,2vh,2rem) 3.5rem;background:#fff;transition:padding .3s ease;align-items:center}nav.scrolled .navBar{padding:.2% 40px}.navBar .logo{fill:#d10e0e}.navigation ul{gap:4rem}li.menuItem{list-style:none}li.menuItem button{font-family:Montserrat,sans-serif;letter-spacing:1px;font-size:.8rem;font-weight:500;color:#262530;text-transform:uppercase;background:transparent;border:none;cursor:pointer;transition:color .3s ease-in,font-weight .3s ease-in}li.menuItem button:hover,li.menuItem button:focus{color:var(--accent-secondary);font-weight:600}li.menuItem .active button{color:var(--accent-secondary);font-weight:600}.hamburgerIcon{width:clamp(28px,8vw,40px);height:clamp(22px,6vw,30px);position:relative;z-index:16;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.hamburgerIcon span{display:block;position:absolute;height:clamp(3px,1vw,5px);width:100%;background:var(--accent-secondary);border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburgerIcon span:nth-child(1){top:0}.hamburgerIcon span:nth-child(2),.hamburgerIcon span:nth-child(3){top:12px}.hamburgerIcon span:nth-child(4){top:24px}.hamburgerIcon.open span:nth-child(1){top:18px;width:0%;left:50%}.hamburgerIcon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.hamburgerIcon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburgerIcon.open span:nth-child(4){top:18px;width:0%;left:50%}.mobileNavOverlay{display:none}.mobileNavOverlay.open{display:block;position:fixed;z-index:14;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .4s ease;opacity:1}.navigationMobile{position:fixed;z-index:15;top:0;right:0;height:100vh;width:0;background:linear-gradient(135deg,#14141efa,#1e1e2dfa);box-shadow:-4px 0 32px #0006;overflow-x:hidden;overflow-y:auto;transition:width .4s cubic-bezier(.7,0,.3,1);display:flex;flex-direction:column;align-items:flex-end}.navigationMobile.open{width:100%}.navigationMobile ul{width:70%;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.8rem,3vh,1.5rem);opacity:0;transform:translate(20px);transition:opacity .4s ease .1s,transform .4s ease .1s;margin:auto}.navigationMobile.open ul{opacity:1;transform:translate(0)}.navigationMobile .menuItem{width:100%}.navigationMobile .menuItem button{color:#fff;font-size:clamp(1.1rem,4vw,1.4rem);padding:clamp(.6rem,2vh,.8rem) clamp(.8rem,3vw,1.2rem) clamp(.6rem,2vh,.8rem) 1rem;background:none;border:none;border-left:3px solid transparent;border-radius:4px;transition:all .3s ease;text-align:left;width:100%;cursor:pointer}.navigationMobile .menuItem button:hover,.navigationMobile .menuItem button:focus{background:#ffffff1a;border-left-color:var(--accent-secondary);color:var(--accent-secondary);transform:translate(8px)}.navigationMobile .active button{color:var(--accent-secondary);border-left-color:var(--accent-secondary);font-weight:600;background:#ffffff0d}.closeMobileNav{position:absolute;top:clamp(1.5rem,4vh,2rem);right:clamp(1rem,3vw,1.5rem);background:#ffffff1a;border:none;color:#fff;font-size:clamp(1.8rem,6vw,2.5rem);width:clamp(36px,10vw,44px);height:clamp(36px,10vw,44px);border-radius:50%;cursor:pointer;z-index:17;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.closeMobileNav:hover,.closeMobileNav:focus{background:#fff3;color:var(--accent-secondary);transform:rotate(90deg)}@media screen and (max-width: 767px){.contactInfo{flex-direction:column;align-items:flex-end;justify-content:center;padding:4px 8px}.contactInfo div{margin-right:clamp(.5rem,3vw,1rem);font-size:clamp(.75rem,3vw,.9rem)}.navBar{padding:clamp(8px,2vh,1rem) clamp(1rem,4vw,2rem)}nav.scrolled .navBar{padding:clamp(4px,1vh,.5rem) clamp(1rem,4vw,2rem)}.navBar a.logo svg{height:clamp(24px,6vw,32px);width:clamp(100px,30vw,140px)}.navigationMobile.open{width:100vw;max-width:100vw}.hamburgerIcon span:nth-child(2),.hamburgerIcon span:nth-child(3){top:clamp(8px,2.5vw,12px)}.hamburgerIcon span:nth-child(4){top:clamp(16px,5vw,24px)}}@media screen and (max-width: 360px){.contactInfo{padding:2px 4px}.contactInfo p{font-size:.7rem}.contactInfo #phoneIcon,.contactInfo #mailIcon{width:12px;height:12px;margin-right:.5rem}.navBar{padding:6px clamp(.8rem,3vw,1rem)}.navBar a.logo svg{height:22px;width:90px}.navigationMobile ul{padding:3.5rem 1rem 1.5rem;gap:.6rem}.navigationMobile .menuItem button{font-size:1rem;padding:.5rem .8rem}.closeMobileNav{width:32px;height:32px;font-size:1.6rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.contactInfo{align-items:center;justify-content:space-between}.contactInfo div{margin-right:1rem;margin-left:1rem}.navBar{padding:clamp(5px,2vh,2rem) 3em}nav.scrolled .navBar{padding:clamp(5px,1vh,2rem) 3rem}}.notFoundPage{height:100vh;justify-content:center;align-items:center}.notFoundPage>.content{margin-bottom:5rem}.notFoundPage>.content #errorIcon{width:1.5rem;height:auto}.notFoundPage p:first-child{font-size:6rem;font-weight:700}.notFoundPage>.content p{margin-left:1rem}.notFoundPage button{padding:1rem 2rem;font-weight:500;border-radius:2px;border:1px solid black;transition:margin-left 1s ease;cursor:pointer}.notFoundPage button:hover{margin-left:2rem}.loadingBlogPage{background:url(/images/blog/background.jpg) top/cover no-repeat;background-attachment:fixed;padding:8.5rem 0 2rem;min-height:100vh;align-items:center;justify-content:space-evenly;gap:1rem}.blogEntrySkeleton{width:clamp(25rem,80%,150rem);height:228.8px;border-radius:.3rem;position:relative;background:var(--light);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);padding:.5rem}.loading{background:linear-gradient(45deg,#ddd,#f0f0f0,#ddd,#f0f0f0);background-size:200% 200%;animation:loadingAnimation 2.25s ease infinite}.blogEntrySkeleton>.blogCover{width:25%;height:100%;border-radius:.3rem;box-shadow:0 0 1px 1px #e6e7e9}.blogEntrySkeleton>.blogContent{position:relative;box-shadow:0 0 1px 1px #e6e7e9;height:1.5rem;width:75%;margin:1rem 3rem;border-radius:.3rem}.blogEntrySkeleton>.blogContent:after{content:"";position:absolute;bottom:-20px;height:2px;width:100%;border-radius:.3rem}@keyframes loadingAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.emptyBlogPage{display:grid;place-content:center;height:100vh;width:100%}.emptyBlogPage h3{margin-bottom:1rem}.emptyBlogPage p{margin-bottom:4rem}.emptyBlogPage button{padding:1rem 2rem;font-weight:500;border-radius:2px;border:1px solid black;transition:margin-left 1s ease;cursor:pointer}.emptyBlogPage button:hover{margin-left:2rem}.blogPage{background:url(/images/blog/background.jpg) top/cover no-repeat;background-attachment:fixed;padding:8.5rem 0 2rem;min-height:100vh;align-items:center;justify-content:space-evenly;gap:1rem}.blogPage .blogHeader{width:clamp(25rem,80%,150rem);background:var(--light);position:relative;border-radius:.3rem;overflow:hidden;transition:background .5s ease-in-out;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.blogPage .blogHeader:hover{background:#ffffffd9;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.blogHeader .blogCover{width:25%;height:auto;overflow:hidden;background:#fff;border-radius:.3rem;margin:.5rem;box-shadow:0 0 1px 1px #e6e7e9}.blogHeader .blogCover img{width:80%;margin-left:auto;margin-right:auto}.blogHeader .blogContent{width:75%;margin:1rem 3rem;justify-content:center}a.blogHeader{text-decoration:none}.blogHeader .blogContent h2{font-size:1.1rem;border-bottom:1px solid rgba(0,0,0,.8);color:#000c;padding:1rem;margin-bottom:2rem;text-transform:uppercase;transition:all 1s ease}.blogHeader:hover h2{border-bottom:1px solid var(--accent-primary);color:var(--accent-primary)}.blogHeader .blogContent h3{font-size:.9rem;margin:.5rem 0;color:var(--font-darker)}.blogHeader .blogContent p{font-size:.8rem;color:var(--font-darker)}.blogHeader .blogContent p.publicationDate{font-size:.7rem;margin:1rem 0;color:var(--font-darker)}.blogHeader>.blogContent .markdownContent{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;width:auto}.blogContent .markdownContent>h1,.blogContent .markdownContent>h2,.blogContent .markdownContent>h3,.blogContent .markdownContent>h4,.blogContent .markdownContent>h5,.blogContent .markdownContent>h6{font-family:Montserrat,sans-serif;letter-spacing:1px;font-size:.9rem;font-weight:400;color:var(--font-darker);padding:.25rem 0;line-height:1.2rem}@media screen and (max-width: 767px){.blogPage .blogHeader{background:#ffffffbf;width:90vw}.blogHeader .blogContent{margin:2rem 1rem}.blogHeader .blogContent h2{border-bottom:1px solid var(--accent-primary);color:var(--accent-primary);margin-bottom:1rem;padding:0;width:100%;text-align:left}}@media screen and (min-width: 768px) and (max-width: 1023px){.blogPage .blogHeader{background:#ffffffbf;width:90vw}.blogHeader .blogContent{margin:1.5rem 1rem}.blogHeader .blogContent h2{color:var(--accent-primary);border-bottom:1px solid var(--accent-primary);margin-bottom:1rem;width:100%;padding:0;padding-bottom:.5rem;text-align:left}}.emptyBlogEntryPage{height:100vh;justify-content:center;align-items:center}.emptyBlogEntryPage>.content{width:max-content;justify-content:center;align-items:center}.emptyBlogEntryPage>.content #errorIcon{width:2rem;height:auto}.emptyBlogEntryPage>.content p{margin-left:2rem}.emptyBlogEntryPage button{padding:1rem 2rem;font-weight:500;border-radius:2px;border:1px solid black;transition:margin-left 1s ease;cursor:pointer;margin-top:2rem}.emptyBlogEntryPage button:hover{margin-left:2rem}.blogEntryPage{min-height:100vh}.blogEntryPage .blogBanner{padding:8rem 5rem 2rem;background:url(/images/blog/banner.jpg) bottom/cover no-repeat;background-attachment:fixed;text-align:center;min-height:30vh;justify-content:center}.blogEntryPage .blogBanner h1{color:#fff;font-size:2.5rem;border-bottom:1px solid white}.blogEntryPage .blogBanner h3{font-size:.9rem;margin-top:.5rem;color:#fff}.blogEntryPage .blogContent{margin:2rem;justify-content:space-evenly}.blogContent .cover{background-color:#fff;height:auto;width:clamp(400px,30%,900px);border-radius:.3rem}.blogContent .cover img{height:auto;width:80%;margin:auto}.blogContent .entryMarkdownContent{width:50%;margin:2rem 0;line-height:1.2rem}.blogContent .entryMarkdownContent p{margin:1rem 0}.blogContent .entryMarkdownContent ul,.blogContent .entryMarkdownContent ol{margin:2rem 3rem}.blogContent .entryMarkdownContent h1,.blogContent .entryMarkdownContent h2,.blogContent .entryMarkdownContent h3,.blogContent .entryMarkdownContent h4,.blogContent .entryMarkdownContent h5,.blogContent .entryMarkdownContent h6{font-size:1rem;font-family:Montserrat,sans-serif;letter-spacing:1px;font-weight:600;text-transform:uppercase;color:var(--font-darker)}.blogContent .entryMarkdownContent p.publicationDate{font-size:.6rem;color:gray}.blogContent .mediaFiles{margin-top:3rem}.blogContent .mediaFiles a{display:block;text-decoration:none;color:#78b5c9;font-weight:600;padding:5px;transition:color .5s ease;cursor:pointer}.blogContent .mediaFiles a:hover{color:#000}@media screen and (max-width: 767px){.blogContent{flex-direction:column;align-items:center}.blogContent .cover{width:80vw}.blogContent .entryMarkdownContent{width:fit-content;padding:0 2rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.blogContent{flex-direction:column;align-items:center}.blogContent .cover{width:80vw}.blogContent .entryMarkdownContent{width:fit-content;padding:0 4rem}}.galleryContainer{display:flex;width:100%;flex-wrap:wrap;gap:5rem;align-items:center;justify-content:center;max-width:70%;margin:0 auto;padding:10rem 0}.galleryContainer .singleImage{cursor:pointer}.galleryContainer .singleImage img{height:20rem;width:auto}.galleryContainer .singleImage img:hover{transform:scale(1.02)}.modalBackdrop{position:fixed;top:0;left:0;z-index:100;background:#00000080;align-items:center;justify-content:center;width:100%;height:100%}.modalBackdrop .navigationArrow{margin:auto;cursor:pointer}.modalBackdrop .navigationArrow #leftArrow,.modalBackdrop .navigationArrow #rightArrow{box-shadow:0 0 10px 1px #0000004d;width:45px;height:45px;background:#ffffffb3;border:none;padding:1rem;border-radius:100%;font-size:2rem;font-weight:300;fill:var(--font-dark);transition:fill .2s ease}.modalBackdrop .navigationArrow:hover #leftArrow,.modalBackdrop .navigationArrow:hover #rightArrow{fill:#fff}.modalImage{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.modalImage img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain}@media screen and (max-width: 767px){.galleryContainer{gap:2rem}.galleryContainer .singleImage img{height:auto;width:70vw}.modalBackdrop{padding:1rem}.modalImage{max-width:85vw;max-height:80vh}.modalImage img{max-width:100%;max-height:80vh}.modalBackdrop .navigationArrow #leftArrow,.modalBackdrop .navigationArrow #rightArrow{width:36px;height:36px;padding:.7rem}}.contactBanner{background:url(/images/contact/banner.jpg) top/cover no-repeat;justify-content:center;align-items:center;height:60vh;width:100%;padding-top:5rem;transition:height 1s ease}.contactBanner.scrolled{height:30vh}.contactBanner.scrolled h1,.contactBanner.scrolled h2{opacity:0}.contactBanner h1,.contactBanner h2{color:#fff;transition:opacity .5s ease-in;text-align:center}.contactBanner h2{width:60%;margin-top:2rem;font-weight:600;letter-spacing:2px;font-size:1.5rem}.contactInformations{justify-content:space-evenly;align-items:center;padding:2rem 5vw;min-height:40vh;height:fit-content}.contactHeader{justify-content:space-evenly;align-items:flex-start;width:60vw}.openingHours{margin-top:1rem}.openingHours>p:last-of-type{margin-top:.5rem;max-width:15rem;white-space:wrap}.contactHeaderContent{align-items:center;margin:0 1rem}.contactHeaderContent p{color:var(--font-dark)}.contactHeaderContent .contactIcon{align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:2rem;fill:var(--accent-secondary);transition:all .5s ease}.contactIcon #locationOutlineIcon{width:45px;height:45px}.contactIcon #phoneOutlineIcon{width:40px;height:40px}.contactIcon #mailOutlineIcon{width:45px;height:45px}.contactIcon:hover{transform:scale(1.2);fill:gray}.contactInformations img{max-width:100%;width:15vw;height:auto;box-shadow:0 0 10px #c8c8c8}.locationInformations{height:fit-content;padding:1rem 0}.locationInformations .map iframe{height:80vh;max-height:30rem;width:80vw;border:none;border-radius:.3rem}@media screen and (max-width: 767px){.contactInformations{padding:0;margin:2rem 0 1rem}.contactHeader{flex-direction:column;width:fit-content;align-items:center;gap:1rem;flex-shrink:1}.contactHeaderContent{width:100%;padding:2rem 0}.contactInformations img{display:none}.locationInformations .map iframe{width:90vw;max-height:18rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.contactInformations{padding:0;margin:2rem 0 1rem}.contactHeader{flex-direction:column;width:fit-content;align-items:center;gap:1rem}.contactHeaderContent{background:#ffffff80;width:100%;padding:2rem 0;border-radius:.3rem}.contactInformations img{width:45vw}}.logoSlidingContainer{background:var(--light);overflow:hidden;width:100%;height:25vh;padding:5vh 0;justify-content:flex-start}.logos{width:100%;gap:5rem;animation:20s slide linear infinite;padding:0 3rem}.logos .logo{width:400px;height:100%}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.logo.amd{background:url(/logos/amd.png) center/contain no-repeat}.logo.apple{background:url(/logos/apple.png) center/contain no-repeat;transform:scale(.5)}.logo.asus{background:url(/logos/asus.png) center/contain no-repeat}.logo.dell{background:url(/logos/dell.png) center/contain no-repeat}.logo.intel{background:url(/logos/intel.png) center/contain no-repeat;transform:scale(.5)}.logo.kingston{background:url(/logos/kingston.png) center/contain no-repeat;transform:scale(1.2)}.logo.nvidia{background:url(/logos/nvidia.png) center/contain no-repeat}html{scroll-snap-type:y proximity;background:var(--light)}#aboutUs,#reviews,#service,#location{position:relative}header{height:100vh;background:url(/images/home/banner.jpg) center/cover no-repeat;scroll-snap-align:start;width:auto;text-align:center;align-items:center;justify-content:center;overflow-x:hidden;position:relative}header div:first-child{justify-content:flex-start}header h1{font-size:5rem;color:var(--font-light);white-space:nowrap;padding:0 10rem;animation:slideLeft 45s linear infinite}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}header div:nth-child(2){align-items:center;justify-content:center;padding:1rem 0 5rem}#servicingIcon{width:50px;height:50px;fill:var(--accent-primary);margin-right:3rem}header h2{color:var(--accent-primary);font-size:1.7rem}header p{color:var(--font-light)}header button{color:var(--font-light);font-size:1.2rem;letter-spacing:2px;background:transparent;padding:1rem 3rem;margin-top:1rem;border-radius:2rem;border:3px solid var(--font-light);cursor:pointer;transition:background,transform .3s ease}header button:hover,header button:focus{transform:scale(1.1);background:#ffffff1a;backdrop-filter:blur(1);-webkit-backdrop-filter:blur(1)}header button div.flex{align-items:center}header #phoneIcon{width:25px;height:25px;fill:var(--font-light);margin-right:1rem}header button:hover #phoneIcon,header button:focus #phoneIcon{animation:shake .5s ease}@keyframes shake{25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.address{position:absolute;left:3rem;bottom:2rem;align-items:flex-end}.address #locationIcon{width:18px;height:18px;fill:gray;margin-right:1.5rem;transition:transform .5s ease,translateY .5s ease}.address #locationIcon:hover,.address #locationIcon:focus{transform:scale(1.2) translateY(-.4rem);cursor:pointer}.address p{color:gray;font-size:.8rem}#aboutUs{height:130vh;align-items:center;justify-content:flex-end}#aboutUs .photos{height:60%}#aboutUs .photos img{width:auto;height:100%;max-height:50rem;margin:auto 0;margin-right:2rem}#aboutUs .header{align-items:left;padding:0 clamp(2rem,5%,25rem);min-width:65vw;justify-content:center;text-align:center}#aboutUs .header h2{padding-bottom:1rem;color:var(--accent-secondary);font-weight:900;letter-spacing:2px}#aboutUs .header h3{color:#d1d1d1}#aboutUs .header h3:nth-of-type(2){color:var(--font-darker);letter-spacing:1px;font-size:.8rem;font-weight:700;margin-bottom:3rem}#aboutUs .subHeader{padding:0 5rem;margin-bottom:8%}#aboutUs .subHeader p{text-align:left;color:var(--font-dark);letter-spacing:1px;line-height:1.3rem}#aboutUs .subHeader p{margin-bottom:1rem}#aboutUs .subHeader h3{color:var(--font-darker);letter-spacing:1px;font-size:.8rem;text-align:left;font-weight:700;margin-bottom:3rem}#reviews{color:var(--font-dark);text-align:left}#service{padding:0 5vw;justify-content:space-evenly;background:url(/images/home/service.jpg) center/cover no-repeat;background-attachment:fixed;height:60vh;width:100%;align-items:center}#service .header{width:40%}#service .title h2{font-size:2rem;padding-bottom:1rem;color:var(--font-light);letter-spacing:2px}#service .title p{color:var(--font-light)}#service .header button{border:none;margin-top:clamp(2rem,10vw,5rem);background:#fff;white-space:nowrap;color:#000;padding:.8rem 4rem;cursor:pointer;border-radius:.3rem;transition:all 1s ease}#service .header button:hover,#service .header button:focus{transform:translate(2rem);color:var(--accent-primary)}#service .listOfServices{width:fit-content;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);justify-content:space-evenly;align-items:flex-start;padding:2rem 3rem}#service a{text-decoration:none}#service .serviceContainer{align-items:center}#service .serviceContainer h3{text-transform:uppercase;font-size:.9rem;font-weight:500;letter-spacing:1px;color:#d1d1d1;margin:0 2rem;transition:color .5s ease}#service .serviceContainer:hover h3,#service .serviceContainer:focus h3{color:var(--accent-primary)}#service .serviceContainer:hover div,#service .serviceContainer:focus div{transform:translateY(-5px)}#service .serviceContainer div{height:50px;width:50px;transition:transform .5s ease}#serviceOutlineIcon,#shopOutlineIcon,#dataRecoveryOutlineIcon,#internetOutlineIcon{width:45px;height:45px;fill:var(--accent-primary)}#dataRecoveryOutlineIcon{width:40px;height:40px}#location{justify-content:center;align-items:flex-start;padding:8rem 5rem 6rem}#location .map iframe{border:none;border-radius:10px}#location .title{width:40vw;text-align:left;margin-right:1rem}#location .title h2{font-size:4rem;margin:1rem 0 3rem;color:var(--accent-primary)}#location .title p{color:var(--font-dark);font-size:.8rem;margin-bottom:1rem;width:60%}@media screen and (max-width: 767px){.homePage{overflow-x:hidden}.address{left:1rem}header h1{font-size:3rem;padding:0 2rem}#servicingIcon{margin-right:2rem}header h2{width:60vw;font-size:1.5rem}#aboutUs{flex-direction:column;height:fit-content;margin:5rem 0}#aboutUs .photos{display:none}#aboutUs .subHeader{padding:0 0 2rem}#service{padding:0;height:auto;position:relative;justify-content:center;background-attachment:unset}#service .header{width:60vw;padding:3rem 2rem}#service .header h2{font-size:1.5rem}#service .listOfServices{flex-direction:column;height:auto;align-items:center;gap:1rem;padding:2rem .5rem;-webkit-backdrop-filter:none;backdrop-filter:none}#service .serviceContainer{width:min-content;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0}#service .serviceContainer h3{margin:0;white-space:wrap;color:var(--accent-primary)}#service .header button{border:none;margin-top:clamp(2rem,10vw,5rem);background:#fff;white-space:wrap;color:#000;padding:.8rem 1rem;cursor:pointer;border-radius:.3rem;transition:all 1s ease;font-size:.8rem}#serviceOutlineIcon,#shopOutlineIcon,#dataRecoveryOutlineIcon,#internetOutlineIcon{width:35px;height:35px;fill:var(--accent-primary)}#dataRecoveryOutlineIcon{width:30px;height:30px}#location{flex-direction:column;padding:0 1rem;margin-bottom:2rem;align-items:center}#location .title{width:80%;margin-right:0;margin-bottom:2rem}#location .title p{width:100%}#location .title h2{font-size:2rem}#location .map iframe{width:90vw}}@media screen and (min-width: 768px) and (max-width: 1023px){.address{left:1rem}header h2{width:70vw}#aboutUs{flex-direction:column;height:fit-content;margin:5rem 0}#aboutUs .photos{display:none}#aboutUs .subHeader{padding-bottom:2rem}#service{flex-direction:column;height:auto;padding:0}#service .header{width:80%;padding:5rem 0}#service .listOfServices{flex-direction:row;height:auto;padding:3rem 2rem;width:100%}#service .serviceContainer{flex-direction:column;text-align:center;width:min-content}#service .serviceContainer h3{margin:0;white-space:wrap;margin-top:1rem}#location{flex-direction:column;padding:0 1rem;align-items:center;margin-bottom:2rem}#location .title{width:80%;margin-right:0;margin-bottom:2rem;padding:0 2rem}#location .title p{width:100%}#location .map iframe{width:90vw}}@media screen and (min-width: 2000px){header h1{font-size:8rem}header h2{font-size:2.5rem}header button{font-size:5rem}}body{scroll-snap-type:y proximity;background:var(--light)}.servicePage{position:relative}.sideBar{position:fixed;top:50%;left:-100%;transform:translateY(-50%);background:var(--dark);padding:.5rem;border-radius:.5rem;width:fit-content;transition:left 1s ease;z-index:1}.sideBar.show{left:2rem}.sideBar li:first-of-type,.sideBar li:last-of-type{margin:.5rem 0}.sideBar li:nth-of-type(2),.sideBar li:nth-of-type(3){margin:2rem 0}.sideBarItem{align-items:center;padding:1rem;list-style:none}.sideBarItem:hover{background:#fff1;border-radius:1rem}.sideBarItem a{align-items:center;justify-content:flex-start;text-decoration:none}.sideBarItem p{text-transform:uppercase;color:gray;width:0;text-overflow:ellipsis;transition:all .8s cubic-bezier(.175,.685,.32,1);overflow:hidden;opacity:0}.sideBarItem:hover p{color:#fff}.sideBar:hover p{width:min-content;opacity:1;margin-left:2rem}.sideBar #serviceIcon,.sideBar #shopIcon,.sideBar #dataRecoveryIcon,.sideBar #internetIcon{width:20px;height:20px;fill:gray;margin:0;padding:0;transition:fill .8s cubic-bezier(.175,.685,.32,1)}.sideBarItem:hover #serviceIcon,.sideBarItem:hover #shopIcon,.sideBarItem:hover #dataRecoveryIcon,.sideBarItem:hover #internetIcon,.sideBarItem.active #serviceIcon,.sideBarItem.active #shopIcon,.sideBarItem.active #dataRecoveryIcon,.sideBarItem.active #internetIcon{fill:var(--font-light)}.servicesHeader div:first-child{background:url(/images/services/banner.jpg) bottom/cover no-repeat;justify-content:center;align-items:center;height:60vh;width:100%;padding-top:5rem;transition:height 1s ease}.servicesHeader .banner.scrolled{height:30vh}.servicesHeader .banner.scrolled h1,.servicesHeader .banner.scrolled h2{opacity:0}.servicesHeader .banner h1,.servicesHeader .banner h2{color:#fff;transition:opacity .5s ease-in;text-align:center}.servicesHeader .banner h2{width:60%;margin-top:2rem;font-weight:600;letter-spacing:2px;font-size:1.5rem}.servicesHeader .content{height:40vh;justify-content:center;align-items:center;text-align:left;padding:0 10%;gap:clamp(0,10vh,2rem)}.servicesHeader .content p:first-of-type{margin-bottom:2rem}.servicesHeader .content{justify-content:center;height:40vh}.serviceSummary{height:fit-content;padding:2rem 0;background:#525252;justify-content:center;gap:2rem;background:url(/images/services/summary.jpg) center/cover no-repeat}.serviceSummary .row{justify-content:center;gap:5rem}.serviceSummary .container{width:40vw;padding:clamp(1rem,10vh,4rem) 5vw;background:#fffc;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);border-radius:.2rem;transition:background 1s ease-out}.serviceSummary .container:hover{background:#fff}.serviceSummary .container .title{align-items:center}.serviceSummary .container .title h3{color:var(--accent-primary);font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-left:2rem}.serviceSummary .container p{color:var(--font-dark);padding:2rem 0 1rem}.serviceSection{justify-content:space-evenly;align-items:center;margin:2rem 0;padding:0 5vw 0 calc(5vw + 2rem);height:100vh;min-height:fit-content;width:100%}.serviceSection h2{font-size:2rem;letter-spacing:2px}.serviceSection h2{margin:0 0 2rem;color:var(--font-darker)}.serviceSection p{color:var(--font-dark)}.serviceSection ol{margin-left:2rem}.serviceSection ol li{color:var(--font-dark);margin:1rem 0}.serviceSection img{max-width:100%;height:auto}.serviceSection .header{width:40vw;padding-left:2rem}.serviceSection#sales,.serviceSection#data{margin:clamp(2rem,15vh,10rem) 0}.serviceSection .imageContainer{width:30vw}#internet .header li:last-of-type{cursor:pointer}#internet .header li:last-of-type a{text-decoration:none;color:#000;font-weight:600;padding:5px;transition:color .5s ease}#internet .header li:last-of-type a:hover{color:#78b5c9}.closingSection{width:100%;height:20vh;background:url(/images/services/banner.jpg) bottom/cover no-repeat}.flex{display:flex}.flexColumn{display:flex;flex-direction:column}@media screen and (max-width: 767px){.sideBar.show{left:.3rem}.sideBarItem{align-items:center;padding:1rem .3rem}.sideBarItem p{display:none}.servicesHeader .banner h2{width:90%;font-size:1.2rem}.servicesHeader .content{height:fit-content;padding:4rem 2rem}.serviceSummary{height:fit-content;padding:4rem 1rem;gap:1rem}.serviceSummary .row{flex-direction:column;align-items:center;gap:1rem}.serviceSummary .container{width:90%;padding:2rem 2rem 1rem;background:#ffffffe6}.serviceSummary .container p{color:var(--font-darker)}.serviceSection{height:max-content;margin:4rem 0}.serviceSection#sales,.serviceSection#data{margin:3rem 0}.serviceSection .header{width:80vw}.serviceSection .imageContainer{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.sideBar.show{left:1rem}.sideBarItem{align-items:center;padding:1rem .5rem}.sideBarItem p{display:none}.servicesHeader .banner h2{width:90%}.servicesHeader .content{height:fit-content;padding:4rem 5rem}.serviceSummary{height:fit-content;padding:4rem 1rem;gap:1rem}.serviceSummary .row{flex-direction:column;align-items:center;gap:1rem}.serviceSummary .container{width:90%;padding:2rem 5rem 1rem;background:#ffffffe6}.serviceSection{margin:3rem 0;height:max-content}.serviceSection .header{width:80vw}.serviceSection .imageContainer{display:none}}