@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700;900&display=swap";#topBar{display:flex;justify-content:center;padding-top:1.25em;padding-bottom:1.25em;border-bottom:1px solid lightgray}#topBar span img{display:inline-block;height:1em;width:1em;color:#d3d3d3}#topBarDetails{width:77%;display:flex;justify-content:right}#topBarDetails span{margin-left:.8em}#mailIcon{margin-bottom:-2px}#header{display:flex;justify-content:center;height:160px}#header .navLink{font-size:16px;height:fit-content;padding-top:5px;padding-bottom:15px;margin-top:62px;font-family:Roboto,sans-serif;font-weight:300;text-decoration-color:#4474ce00;transition:text-decoration .2s linear}#header .navLink:hover{text-decoration:underline;text-underline-offset:15px;text-decoration-thickness:2px;text-decoration-color:#4474ce99}#homeLogoLink{display:flex;transition:opacity .1s linear;margin-right:140px}#homeLogoLink img{align-self:center;width:276px;min-height:1px}#homeLogoLink:hover{opacity:.6}#btnNav{display:none;font-size:17px;font-weight:300}#btnNav span{font-size:13px;font-weight:300}#nav-links{display:flex;justify-content:center;column-gap:7rem}#logoBox{display:flex;flex-direction:column;justify-content:center}.SubHeader{display:flex;justify-content:left;background-color:#262262;height:124px;width:100%}.SubHeader h1{width:65%;margin-left:5%;font-size:52px;letter-spacing:1px;color:#fff;margin-top:30px;font-family:Roboto,sans-serif;font-weight:100}.Breadcrumbs{display:flex;justify-content:left;background-color:#eff1f2;height:72px;width:100%;color:#646565;font-family:Roboto,sans-serif;font-weight:300;font-size:13px}.Breadcrumbs #breadcrumb-center{margin-left:5%;width:65%;height:72px}.breadcrumb-item{display:inline}.Breadcrumbs .breadcrumb-active{color:#151515}.Breadcrumbs span{margin-top:29px;margin-right:10px;display:inline-block}#footerContainer{display:flex;flex-direction:column;width:100%;background-color:#393e45}#footerContainer h5{color:#fff;margin-top:0;margin-bottom:20px;font-weight:100;font-size:26px;font-family:Roboto,sans-serif}#footerContainer p{margin-bottom:17px;font-size:16px!important;line-height:1.5!important}#mainFooter{color:#d3d3d3;padding-top:55px;padding-bottom:40px;display:flex;flex-direction:row;justify-content:center}#footerLeftPanel{display:flex;flex-direction:column;font-weight:300;width:400px;padding-left:15px;padding-right:15px}#footerRightPanel{display:flex;flex-direction:column;margin-left:20%;margin-right:13%}#subFooter{background-color:#2e3238;font-weight:300;color:#646565;display:flex;justify-content:center}#subFooter p{margin-top:25px;color:#d3d3d3;font-weight:300;padding-left:5%;padding-right:5%;font-size:16px;text-size-adjust:100%}#subFooter #author{color:#fefefe}#productListNav{display:flex;margin-top:40px;height:65px;width:100%;justify-content:center;font-size:20px;font-weight:300;color:#151515}#productListNav-center{display:flex;width:35%;gap:15px;justify-content:center}#productListNav a{text-decoration-color:transparent;-webkit-text-decoration-color:transparent;-moz-text-decoration-color:transparent;transition:text-decoration-color .2s linear}#productListNav .activeLink{color:#945dae;text-decoration:underline;text-underline-offset:15px;text-decoration-thickness:2px;text-decoration-color:#945dae;-webkit-text-decoration-color:#945dae;-moz-text-decoration-color:#945dae}.productList{display:flex;flex-direction:row;width:100%;min-height:calc(100vh - 300px);justify-content:center}.productList .productList-center{display:flex;flex-direction:column}.productItem{display:flex;flex-direction:row;justify-content:center;gap:30px;height:450px;margin-bottom:30px}.productItem h2{color:#646565;font-weight:300;font-family:Roboto,sans-serif;line-height:30px;font-size:30px;margin-bottom:35px}.productItem img{width:570px;height:400px;display:block}.productDescription{width:390px}.productDescription ul{margin:0 0 0 35px;padding:0;list-style:none;font-size:36px}.productDescription ul li:before{content:"•";color:#43a7df;font-weight:300;display:inline-block;width:1em;margin-left:-1em}.productDescription ul span{font-size:16px;margin-left:-.5em;display:block;margin-top:-1.85em}#pagination-container{margin-bottom:40px;display:flex;justify-content:center}.pagination{display:flex;gap:5px}.pagination button{padding:0;background:none;box-sizing:border-box;font-family:Roboto,sans-serif;border-radius:0;background:#fff;color:#151515;box-shadow:none;width:41px;border:1px solid #6bbae8;height:41px;cursor:pointer;transition:all .2s ease-in-out}.pagination button:hover{border:1px solid #99c4dd;background:#f1f1f1}.pagination .curr-page{border:1px solid rgb(20,20,20)}.pagination .curr-page:hover{border:1px solid rgb(20,20,20);background:#fff}#about-page{display:flex;flex-direction:column;justify-content:center}#about-center{width:100%;display:flex;justify-content:center;margin-top:60px;margin-bottom:60px}#about-left-panel img{width:570px;height:426px}#about-right-panel{width:560px;margin-left:30px}#about-right-panel h2{line-height:46px;color:#151515;font-size:46px;font-weight:300;text-transform:none;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid;border-color:#80808033}#about-right-panel p{font-size:16px;line-height:1.5;margin-bottom:30px}.linkButton{font-size:14px;padding:13px 30px 14px;letter-spacing:1px;margin-top:5px;line-height:16px;display:inline-block;border-radius:3px;background-color:#5472d2;color:#fff!important;transition:all .5s;border:1px solid transparent;cursor:pointer;font-family:Roboto,sans-serif;font-weight:300}.linkButton:hover{opacity:.6}@keyframes transitionInZoom{0%{opacity:0;transform:scale(0)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.transitionInZoomOnload{animation:transitionInZoom .75s ease-in-out}#contact-center{width:100%;display:flex;justify-content:center}#mapWrapper{margin-top:60px;margin-bottom:60px;width:1160px;height:400px}#services-center{width:100%;display:flex;justify-content:center}#services-content{width:1170px;display:flex;flex-direction:column}#services-content p{font-size:16px!important;line-height:1.5!important;font-weight:300}#services-content h1{align-self:center;line-height:42px;font-size:42px;font-weight:100;text-transform:none;margin-bottom:20px;margin-top:40px}#service-types{display:flex;justify-content:center;gap:30px;margin-top:4em;margin-bottom:5em}#service-types img{width:570px;height:427px}#service-types h1{text-align:center;margin-top:20px;font-weight:300}#process-breakdown{display:flex;justify-content:center;margin-bottom:6em;margin-top:2.5em;gap:2.5em}#process-breakdown div{display:flex;flex-direction:column;width:340px;text-align:center}#process-breakdown span{width:230px;height:230px;box-shadow:0 0 14px 2px #bbb;display:inline-block;margin:0 auto;text-align:center;border-radius:280px;transition:background-color .3s,color .3s,box-shadow .3s}#process-breakdown span:hover{box-shadow:0 0 8px 8px #bbb;background-color:#6bbae8}#process-breakdown span:hover img{opacity:.9;filter:brightness(0) invert(1)}#process-breakdown img{opacity:.6;width:80px;height:80px;margin-top:75px}#process-design img{margin-left:10px;margin-top:70px}#process-breakdown h6{margin-top:30px;margin-bottom:20px;font-size:20px;color:#646565;font-weight:300;font-family:Roboto,sans-serif}.homeSubheading{text-align:center;line-height:40px;font-size:40px;font-weight:300;text-transform:none;margin-bottom:30px;margin-top:40px}#homepage-services{margin-top:30px;margin-bottom:40px;display:flex;justify-content:center;gap:30px}#homepage-services div{display:flex;flex-direction:column;width:365px;text-align:center;padding:27px;border:1px solid rgba(128,128,128,.2);border-top:6px solid #6bbae8}#homepage-services span{background-color:#6bbae8;width:94px;height:94px;display:inline-block;margin:0 auto 30px;text-align:center;border-radius:94px}#homepage-services img{width:41px;height:41px;filter:brightness(0) invert(1);margin-top:25px}#services-design img{margin-left:7px;margin-top:24px}#homepage-services h6{color:#6b6b6b;font-weight:400;font-size:20px;margin-bottom:20px}#homepage-services p{font-size:16px;font-weight:300;font-family:Roboto,sans-serif;line-height:1.5!important;text-align:center}#home-section2 .homeSubheading{margin-top:0}#home-section2{text-align:center;padding-top:30px!important;padding-bottom:50px!important;background-color:#f8f8f8!important}#home-section2 .linkButton{margin-top:2em;background-color:#08c;border-radius:2px;padding:9px 14px;font-size:15px;line-height:normal;color:#fff;text-shadow:0 -1px 0 rgb(0 0 0 / 25%);letter-spacing:1px}.prod-row{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.home-prod-img{width:383px;height:242px;overflow:hidden}.home-prod-img img{width:383px;height:242px}.home-prod-img h6{font-size:20px;font-weight:300;font-family:Roboto,sans-serif;color:#fff;line-height:1.1;text-align:center;padding:10px}.home-prod-img div{display:flex;flex-direction:column;justify-content:center;width:383px;height:242px;margin-top:-4px;background-color:#1b1b1bcc;transition:transform .2s linear}.home-prod-img:hover div{transform:translateY(-100%)}#our-clients{display:flex;justify-content:center;font-size:16px;line-height:1.5;margin-top:1em;margin-bottom:4em}#client-center{display:flex;flex-direction:column;text-align:center}#client-imgs{margin-top:2em}#client-imgs img{width:300px;height:128px}@media only screen and (max-width:1350px){#topBarDetails{width:90%}}@media only screen and (max-width:1130px){#nav-links{column-gap:4em}}@media only screen and (max-width:1030px){#topBarDetails span:nth-child(3){display:none}#header{flex-wrap:wrap;height:unset;padding-top:2em;padding-bottom:2em}#nav-links{column-gap:12vw}#logoBox,#homeLogoLink{display:inline-block;flex-basis:100%;text-align:center;margin:0}#header .navLink{padding-top:0;margin-top:3em}}@media only screen and (max-width:770px){#header{display:block;position:relative}#logoBox{flex-basis:unset;margin-left:4em}#logoBox img{width:180px}#nav-links{display:block;position:absolute;right:7vw;bottom:-14em;z-index:20;background-color:#f0f2f1;box-shadow:-1px 9px 16px #2b2b2b9c;color:#2d2d2d;transition:all .2s linear;border-top:2px solid #3EA5E1;height:210px}#header .navLink{margin-top:0;display:block;position:relative;width:300px;padding:10px}#btnNav{display:inline-block;position:absolute;right:7vw;bottom:3em;cursor:pointer;z-index:99}#btnNav:hover{color:#3ea5e1}#btnNav:hover span{color:#646565}#nav-links.hideNav{opacity:0;height:0;bottom:calc(200px - 14em)}#topBarDetails{justify-content:left}.SubHeader{height:80px}.SubHeader h1{font-size:30px;margin-top:25px}.Breadcrumbs,.Breadcrumbs #breadcrumb-center{height:60px}.Breadcrumbs span{margin-top:23px}}@media only screen and (max-width:500px){#nav-links{position:unset;box-shadow:none}#btnNav{position:unset;float:right;margin-right:10vw;margin-top:4em}.hideNav{display:none;height:0}#btnNav span{display:none}#nav-links{margin-top:40px}#topBarDetails{flex-direction:column;gap:.5em}}@media only screen and (max-width:1190px){#homepage-services div{width:295px}.home-prod-img,.home-prod-img img,.home-prod-img div{width:306px;height:193px}}@media only screen and (max-width:975px){#homepage-services div{width:220px}.home-prod-img,.home-prod-img img,.home-prod-img div{width:233px;height:147px}}@media only screen and (max-width:750px){#homepage-services{flex-direction:column;align-items:center;margin-top:3em}#homepage-services div{width:80vw}.prod-row{flex-direction:column;align-items:center;gap:3em;margin-bottom:3em}.home-prod-img,.home-prod-img img,.home-prod-img div{width:80vw;height:calc(80vw / 1.585)}#home-section2 .linkButton{margin-top:.5em}#client-center p{padding-left:5%;padding-right:5%}}@media only screen and (max-width:700px){:root{--heights: 70vw !important}#homepage #slider-gunabrosLogo{position:absolute;top:6vw;left:19vw;height:24vw}#homepage #main-slide-text{position:absolute;top:34vw;left:19vw;text-shadow:rgb(0 0 0) 2px 2px 3px;text-align:center;font-size:4vw;color:#fff;white-space:nowrap;width:auto;height:auto;padding:0;border-width:0px;margin-left:0;margin-top:1vw;opacity:1;filter:none;font-weight:300;font-family:Roboto,sans-serif}#homepage .slider-content .linkButton{top:48vw;left:38vw;position:absolute;border:none;background-color:#08c;border-radius:.63vw;font-size:2vw;line-height:normal;color:#fff;text-shadow:0 -.065vw 0 rgb(0 0 0 / 25%);padding:1.543vw 2.85vw 1.67vw;letter-spacing:.065vw}#homepage #second-main-slide-text,#homepage #second-main-slide-text2{top:14vw;left:11vw;position:absolute;color:#fff;white-space:nowrap;filter:none;width:auto;height:auto;padding:0;border-width:0px;margin-left:0;margin-top:0;opacity:1;visibility:visible;font-size:3.6vw;font-weight:300;font-family:Roboto,sans-serif}#homepage #second-main-slide-text2{top:18vw}#homepage #second-main-slide-link{position:absolute;top:23vw;left:11vw}#homepage .slides.active #slider-gunabrosLogo{opacity:0;animation:transitionInLogo 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}#homepage .slides.active #main-slide-text{opacity:0;animation:transitionInText 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}#homepage .slides.active #firstSlide .linkButton{opacity:0;animation:transitionInButton 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}#homepage .slides.active #secondSlide h2{opacity:0;animation:transitionInSubText 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}#homepage .slides.active #secondSlide .linkButton{opacity:0;animation:transitionInSubButton 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}}@media only screen and (max-width:975px){#footerRightPanel{margin-right:5%}#footerLeftPanel{margin-left:5%}}@media only screen and (max-width:750px){#mainFooter{flex-direction:column;align-items:center;gap:1em}#footerLeftPanel,#footerRightPanel{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:80%}}@media only screen and (max-width:1160px){.productItem img{width:455px;height:341px}.productItem{height:390px}}@media only screen and (max-width:940px){.productItem img{width:345px;height:258px}.productItem{height:290px}}@media only screen and (max-width:790px){.productItem img{width:100%;height:unset}.productItem{flex-direction:column;height:unset;margin-bottom:6em}.productList .productList-center{width:80%}}@media only screen and (max-width:1210px){#services-content{width:940px}#service-types img{width:455px;height:341px}}@media only screen and (max-width:990px){#services-content{width:720px}#service-types img{width:345px;height:258px}#process-breakdown{flex-direction:column;align-items:center;gap:4em}#service-types h1{font-size:20px}}@media only screen and (max-width:750px){#service-types{flex-direction:column;align-items:center}#service-types h1{font-weight:300;font-size:20px}#service-types img{width:90%;height:unset}#service-types div{display:flex;flex-direction:column;align-items:center}#services-content p{width:90%}#services-content{align-items:center}}@media only screen and (max-width:1200px){#about-left-panel img{width:454px;height:340px}}@media only screen and (max-width:1090px){#about-right-panel{width:400px}}@media only screen and (max-width:960px){#about-left-panel img{width:344px;height:258px}}@media only screen and (max-width:790px){#about-center{flex-direction:column;align-items:center}#about-left-panel img{width:100%;margin-bottom:3em;height:unset}#about-right-panel{width:80%;margin-left:0}}@media only screen and (max-width:1250px){#mapWrapper{width:80%}}@media only screen and (max-width:700px){#mapWrapper{width:90%}}html,body{scroll-behavior:smooth;margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:300;color:#646565;font-size:13px;overflow-x:hidden}h1{margin:0;padding:0}a{text-decoration:none;font-style:normal;color:#646565;transition:all .1s linear}a:hover{color:#949494d8}@keyframes transitionIn{0%{opacity:0}to{opacity:1}}.transitionInOnload{animation:transitionIn .75s}.transitionInOnloadLong{animation:transitionIn 3s}*{box-sizing:border-box;margin:0}:root{--heights: 35vw;--widths: 100%;--slideContentDelay: .3s}.slider-container{height:var(--heights);width:var(--widths);position:relative;margin:auto;overflow:hidden}.active{opacity:1}.slides{height:var(--heights);width:var(--widths);position:absolute;transition:all 1s ease-in-out}.slide-image{width:100%;height:100%;position:absolute;object-fit:cover}.slide-title,.slide-text{width:100%;height:100%;color:#fff;font-size:50px;position:absolute;text-align:center;top:40%;z-index:10}.slide-text{top:65%;font-size:2rem}.prev,.next{cursor:pointer;z-index:100;position:absolute;top:50%;width:auto;padding:1rem;margin-top:-3rem;font-size:40px;font-weight:700;border-radius:0 5px 5px 0}.prev:hover,.next:hover{color:#fff;transition:all .5s ease-in}.next{right:0;border-radius:5px 0 0 5px}.all-dots{width:100%;height:100%;position:absolute;display:flex;top:85%;justify-content:center;z-index:200}.dot{cursor:pointer;height:1.5rem;width:1.5rem;margin:0 3px;background-color:#0000004d;border-radius:50%;display:inline-block}.active-dot,.dot:hover{background-color:#ffffff80}.active .slider-content{width:100%;height:100%;color:#fff;font-size:50px;position:absolute;text-align:center;top:0%;z-index:10}#slider-gunabrosLogo{position:absolute;top:6vw;left:35.5vw;height:10.5vw}#main-slide-text{position:absolute;top:16.5vw;left:30vw;text-shadow:rgb(0 0 0) 2px 2px 3px;text-align:center;font-size:2.5vw;color:#fff;white-space:nowrap;width:auto;height:auto;padding:0;border-width:0px;margin-left:0;margin-top:1vw;opacity:1;filter:none;font-weight:300;font-family:Roboto,sans-serif}.slider-content .linkButton{top:25.5vw;left:42vw;position:absolute;border:none;background-color:#08c;border-radius:.13vw;font-size:.98vw;line-height:normal;color:#fff;text-shadow:0 -.065vw 0 rgb(0 0 0 / 25%);padding:1.043vw 2.35vw 1.17vw;letter-spacing:.065vw}#second-main-slide-text,#second-main-slide-text2{top:12vw;left:9vw;position:absolute;color:#fff;white-space:nowrap;filter:none;width:auto;height:auto;padding:0;border-width:0px;margin-left:0;margin-top:0;opacity:1;font-size:2.3vw;font-weight:300;font-family:Roboto,sans-serif}#second-main-slide-text2{top:15vw}#second-main-slide-link{position:absolute;top:19vw;left:9vw}.slides.inactive{transform:scale(.3);opacity:0;z-index:-1}.slides.active #slider-gunabrosLogo{opacity:0;animation:transitionInLogo 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}@keyframes transitionInLogo{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}.slides.active #main-slide-text{opacity:0;animation:transitionInText 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}@keyframes transitionInText{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.slides.active #firstSlide .linkButton{opacity:0;animation:transitionInButton 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}@keyframes transitionInButton{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.slides.active #secondSlide h2{opacity:0;animation:transitionInSubText 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}@keyframes transitionInSubText{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}.slides.active #secondSlide .linkButton{opacity:0;animation:transitionInSubButton 1.5s;animation-delay:var(--slideContentDelay);animation-fill-mode:forwards}@keyframes transitionInSubButton{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}.slides.active .linkButton:hover{background-color:#5472d299}
