body {
  color: #606060;
  font-family: "bio-sans", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0.02rem;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
.wrapper {
  padding: 0;
}
h1 {
  color: #1A4CEF;
  font-family: "bebas-neue", sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 5rem;
  text-transform: uppercase;
}
h2 {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: 0.03rem;
}
h2.highlight {
  color: #fff;
  background-color: #1A4CEF;
  display: inline;
  padding: 0 2rem;
  font-family: "bebas-neue", sans-serif;
  font-size: 7.5rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
h3 {
  font-family: "golos-text", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: 0.02rem;
}
h5 {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 1.13rem;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: 0.11rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
h6 {
  color: #FFF;
  font-family: "golos-text", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.13rem;
  letter-spacing: 0.07rem;
  margin-bottom: 1.75rem;
}
p {
  overflow-wrap: break-word;
}
.text-balance {
  text-wrap: balance;
}
a {
  transition: 0.3s ease;
}
.small {
  font-size: 0.75rem;
}
strong {
  font-weight: 700;
}
.horizontal-list {
  display: inline-flex;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.button,
.button2 {
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.02rem;
  padding: 1rem 2.8rem;
  text-decoration: none;
  transition: padding 0.2s ease;
}
.button:hover {
  padding-right: 2rem;
  padding-left: 1.73rem;
}
.button .arrow {
  width: 0;
  opacity: 0;
  transition: width 0.2s ease, opacity 0.2s ease;
}
.button:hover .arrow {
  width: 1.875rem;
  opacity: 1;
}
.bluebtn {
  background: #1A4CEF;
  color: #fff !important;
}
.whiteoutlinebtn {
  color: #fff;
  border: 1px solid #fff;
}
.whiteoutlinebtn:hover {
  background: #fff;
  color: #000;
}
.graybtn {
  color: #1A4CEF !important;
  background: #F4F4F4;
}
.whitebtn {
  background: #fff;
  color: #1A4CEF;
}
.whitebtn:hover {
  background: #F4F4F4;
  color: #1A4CEF;
}
.blue-grid {
  background: #1A4CEF url('/wp-content/uploads/2026/04/grid.webp') repeat;
}
.blue-grid.longhorn {
  background: url('/wp-content/uploads/2026/04/longhorn-opacity.png') no-repeat bottom right, url('/wp-content/uploads/2026/04/grid.webp') repeat, #1A4CEF;
}
.white-grid {
  background: linear-gradient(340deg, rgba(255, 255, 255, 0) 5%, #FFF 36.3%), url('/wp-content/uploads/2026/04/bluegrid.webp') repeat;
}
.whitegrid2 {
  background: linear-gradient(180deg, #FFF 35%, rgba(255, 255, 255, 0.75) 100%), url('/wp-content/uploads/2026/04/bluegrid.webp') repeat;
}
.white-grid.reverse {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0) 5%, #FFF 36.3%), url('/wp-content/uploads/2026/04/bluegrid.webp') repeat;
}
.graybg {
  background: #F4F4F4;
}
.bluebg {
  background: #1A4CEF;
  color: #fff;
}
.bluebg .subtitle {
  color: #fff;
}
#breadcrumbs {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 0.88rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2.25rem;
}
#breadcrumbs a {
  color: #9FC1E1;
  text-decoration: none;
}
#breadcrumbs a:hover {
  color: #4F78FE;
}
nav .container-fluid {
  padding-right: 0;
}
.navbar {
  background: #fff;
  padding: 0 0 0 4% !important;
  border-bottom: 0.07rem solid #9FC1E1;
}
.navbar.sticky {
  background: #fff;
}
.navbar a {
  color: #000;
}
.button_container.active .top,
.button_container.active .middle,
.button_container.active .bottom,
.button_container span {
  background: #000;
}
.navbar-brand img {
  width: 11.5rem;
  max-width: 100%;
}
.navbar.sticky .navbar-brand img {
  width: 8rem;
}
.menu-item-62 {
  background: #1A4CEF;
  padding-left: 3rem;
  padding-right: 3rem;
}
.menu-item-62 a {
  color: #fff !important;
}
.menu-item-62:hover {
  background: #4F78FE;
}
.menu-item-62 .nav-link {
  margin-right: 0 !important;
  font-size: 1.5rem;
}
.nav-link {
  height: 6.75rem;
  display: flex;
  align-items: center;
  margin-right: 3.5rem;
  font-size: 1.13rem;
  font-family: "golos-text", sans-serif;
}
.sticky .nav-link {
  height: 4.05rem;
}
#menu-top-bar-menu .nav-link {
  height: auto;
  font-size: 0.88rem !important;
}
.topbar {
  background: #000;
  color: #fff;
  padding: 0.75rem 5rem;
}
.topbar .horizontal-list li {
  font-size: 0.75rem;
}
.topbar .horizontal-list a {
  color: #fff;
  text-decoration: none;
}
.dropdown-menu {
  background: #1A4CEF;
  border-radius: 0;
}
.dropdown-menu a {
  color: #fff;
}
.topbar .dropdown-menu {
  background: #fff;
}
.topbar .dropdown-menu a {
  color: #1A4CEF;
}
.dropdown-menu a:hover,
.topbar .dropdown-menu a:hover {
  background: #4F78FE;
  color: #fff;
}
.hero-left {
  padding: 6rem 6rem 6rem 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-hero h1 {
  margin-bottom: 3.5rem;
  text-wrap: balance;
}
.home-hero p {
  margin-bottom: 4.5rem;
}
.hero-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-slider .splide__track {
  height: 100%;
}
.hero-slider .splide__pagination {
  top: 3rem;
  right: 3rem;
  left: auto;
  bottom: auto;
}
.splide__pagination__page {
  background: #fff;
  opacity: 1;
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.5rem;
}
.splide__pagination__page.is-active {
  width: 0.75rem;
  height: 0.75rem;
  background: #1A4CEF;
  border: 0.2rem solid #fff;
}
.stats {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.stats h2 {
  color: #FFF;
  font-family: "bebas-neue", sans-serif;
  font-size: 7.5rem;
  font-weight: 400;
  line-height: 6.07rem;
  margin-bottom: 1rem;
}
.stats p {
  color: #FFF;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.02rem;
  margin-bottom: 0;
}
.industries,
.why,
.process {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.industries-boxes {
  margin-top: 4.5rem;
}
.industry-box a {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  text-decoration: none;
}
.industry-box div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem 2.5rem 3rem;
  border-radius: 0.5rem;
  transition: 0.5s ease-in-out;
}
.industry-box i {
  font-size: 2.5rem;
  color: #fff;
}
.industry-box:hover div {
  background-size: 100% auto !important;
}
.industry-box p {
  color: #FFF;
  font-family: "bebas-neue", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 3.5rem;
}
.box-inner {
  height: 100%;
}
.choose-box .box-inner {
  padding: 3.5rem 3rem;
  background: #fff;
  border-radius: 0.5rem;
}
.choose-box i {
  color: #1A4CEF;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.choose-box h4 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1.44rem;
}
.callout-box .box-inner {
  padding: 3.5rem 3rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.callout-box h4 {
  color: #FFF;
  font-size: 2.25rem;
  line-height: 135%;
  letter-spacing: 0.03rem;
}
.experience {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.experience h2 {
  margin-bottom: 3.5rem;
  color: #FFF;
  text-shadow: 0 0 60px rgba(0, 0, 0, 0.55);
  font-family: "golos-text", sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.04rem;
}
.process-boxes {
  margin-top: 4.5rem;
}
.process-box .box-inner {
  padding: 2.5rem;
  background: #F4F4F4;
  border-radius: 0.5rem;
}
.process-box h3 {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: 0.18rem;
  margin-bottom: 5rem;
}
.process-box h4 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 2rem;
}
.process-box p {
  margin-bottom: 0;
  color: #606060;
  font-weight: 300;
  font-size: 1.25rem;
}
.tool-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8rem 5rem 8rem 0;
}
.tool img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
p.subtitle {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 1.13rem;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: 0.11rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
}
.tool-content h2 {
  color: #323232;
  margin-bottom: 2.5rem;
}
.testimonials {
  padding-top: 5rem;
  padding-bottom: 7rem;
}
.testimonials li {
  color: #FFF;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.02rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testimonials .splide__pagination {
  bottom: -3.5rem;
}
.start {
  padding-top: 8rem;
}
.big-links li {
  font-size: 2.25rem;
  font-family: "golos-text", sans-serif;
  font-weight: 400;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: 0.5s ease-in-out;
}
.big-links a {
  color: #000;
  text-decoration: none;
}
.big-links li:hover {
  background: #1A4CEF;
  border-radius: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.testimonials p.subtitle,
.big-links li:hover a {
  color: #fff;
}
.start-photo img {
  width: 100%;
  height: auto;
}
.quote .col-md-8,
.quote-sidebar,
.basic-content {
  padding-top: 4rem;
  padding-bottom: 8rem;
}
.quote h1 {
  margin-bottom: 4rem;
}
.quote-sidebar p {
  color: #000;
}
.quote-sidebar p.subtitle {
  color: #1A4CEF;
}
.quote-sidebar a {
  color: #000;
  text-decoration: none;
}
.quote-sidebar a:hover {
  color: #4F78FE;
}
.buildings-hero-top {
  border-bottom: 0.07rem solid #9FC1E1;
}
.heading,
.top-list,
.top-text {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.top-list {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.top-list li,
.top-list p,
.jumplinks li {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.02rem;
  margin-bottom: 1.5rem;
}
.jumplinks a {
  color: #000;
  text-decoration: none;
}
.jumplinks a:hover {
  color: #4F78FE;
}
.top-list p {
  max-width: 400px;
  text-wrap: balance;
  margin-bottom: 3rem;
}
.top-list li:last-child {
  margin-bottom: 0;
}
.top-list li::marker,
.jumplinks li::marker {
  color: #1A4CEF;
}
.top-text .subtitle {
  margin-bottom: 2rem;
  color: #1A4CEF;
  font-size: 1.13rem;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: 0.11rem;
}
.top-text p {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: 0.01rem;
}
.buildings-hero-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.below-hero {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.below-hero p {
  color: #FFF;
  font-family: "golos-text", sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03rem;
}
.our-projects {
  padding-top: 6rem;
  padding-bottom: 8rem;
}
.our-projects h3 {
  color: #1A4CEF;
  font-family: "bebas-neue", sans-serif;
  text-transform: uppercase;
  font-size: 4.38rem;
  font-weight: 400;
  line-height: 4.5rem;
}
.project-boxes {
  margin-top: 4.5rem;
}
.project-box .box-inner {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.project-box img {
  width: 120%;
  height: 120%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s ease-in-out;
}
.project-box:hover img {
  width: 100%;
  height: 100%;
}
.project-box .overlay {
  padding: 2rem 2rem 3rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.3) 100%);
}
.project-box i {
  color: #fff;
  font-size: 2.5rem;
}
.project-box p {
  color: #FFF;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 0.88rem;
}
.designer,
.get-quote,
.dream,
#listings,
#application {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.square-gallery {
  margin-top: 4.5rem;
}
.square-gallery img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0.5rem;
}
.process-callout {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.process-callout h2 {
  color: #FFF;
  font-family: "golos-text", sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03rem;
  margin-bottom: 3rem;
}
.get-quote img,
.dream img,
#listings img {
  border-radius: 0.5rem;
}
.get-quote a {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.02rem;
  text-decoration: none;
}
.get-quote a:hover {
  color: #4F78FE;
}
.get-quote h4 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.02rem;
}
.get-quote li::marker {
  color: #1A4CEF;
}
.careers h4 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.015rem;
  margin-bottom: 1.5rem;
}
.careers li {
  margin-bottom: 1.5rem;
}
.careers ul {
  margin-bottom: 3rem;
}
.careers p {
  margin-bottom: 2rem;
}
.jump-list a {
  text-decoration: none;
  color: #000;
}
.jump-list i {
  color: #1A4CEF;
  margin-right: 1.5rem;
  transition: 0.5s ease-in-out;
}
.jump-list a:hover {
  color: #1A4CEF;
}
.jump-list a:hover i {
  margin-right: 2rem;
}
#benefits img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.benefit-box {
  padding: 5rem;
  flex-direction: column;
  display: flex;
}
.benefit-box .col-inner {
  flex-grow: 1;
}
.benefit-box i {
  margin-bottom: 9rem;
  font-size: 2rem;
  color: #1A4CEF;
}
.benefit-box h4 {
  margin-bottom: 2rem;
  color: #323232;
  font-family: "golos-text", sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
#listings p.subtitle {
  margin-bottom: 2rem;
}
#listings p {
  margin-bottom: 5rem;
}
#application h2 {
  color: #fff;
  text-shadow: 0 0 60px rgba(0, 0, 0, 0.55);
  font-size: 3.5rem;
  line-height: 120%;
  letter-spacing: 0.04rem;
  font-weight: 400;
}
.job-row {
  text-decoration: none;
  padding: 3.5rem 0;
  border-bottom: 0.07rem solid #323232;
}
.job-row:last-child {
  border-bottom: 0;
}
.job-row h2 {
  color: #000;
  font-weight: 400;
  transition: 0.3s ease-in-out;
}
.job-row i {
  color: #1A4CEF;
  font-size: 2rem;
}
.job-row:hover h2 {
  padding-left: 2rem;
  color: #1A4CEF;
}
.contact-form {
  padding-top: 4rem;
  padding-bottom: 8rem;
}
.contact-box {
  padding: 3.5rem;
}
.contact-photo img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 49 / 52;
}
.contact-box.graybg p {
  color: #000;
  line-height: 200%;
}
.contact-box.graybg p.subtitle {
  color: #1A4CEF;
}
.contact-box.graybg a {
  color: #000;
  text-decoration: none;
}
.contact-box.graybg a:hover {
  color: #4F78FE;
}
#gethelp,
#consultation,
#options,
#final,
#quote .col-md-8,
#construction,
#final {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
#quote img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#gethelp h2,
#consultation h2,
#final h2 {
  margin-bottom: 2.5rem;
}
#gethelp .button,
#consultation .button,
#final .button {
  margin-top: 4.5rem;
}
#gethelp img,
#consultation img,
#final img {
  border-radius: 0.5rem;
}
#expertise {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
#expertise img {
  border-radius: 0.5rem;
}
#expertise .button {
  margin-top: 4.5rem;
}
.onhover {
  position: relative;
  padding: 2.5rem 0.5rem 3rem;
  margin-bottom: 1rem;
  border-bottom: 0.06rem solid #000;
  overflow-x: hidden;
}
.onhover:last-child {
  border-bottom: 0;
}
#story img {
  border-radius: 0.5rem;
}
.hover-overlay {
  border-radius: 0.5rem;
  padding: 0.63rem 2rem;
  position: absolute;
  top: 0;
  right: -1000px;
  width: 100%;
  transition: 0.2s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hover-overlay p {
  margin-bottom: 0;
}
.onhover h2 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
}
.onhover i {
  color: #000;
  font-size: 1.75rem;
  font-weight: 100;
  line-height: 1.63rem;
  letter-spacing: -0.04rem;
}
.onhover:hover .hover-overlay {
  right: 0;
}
#options img {
  border-radius: 0.25rem;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
#options h2 {
  margin-bottom: 4.5rem;
}
#options .button {
  margin-top: 8rem;
}
#options p.subtitle {
  margin-bottom: 2rem;
}
p.big {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0.01rem;
  text-wrap: balance;
}
#quote h2,
#final h2 {
  margin-bottom: 2.5rem;
  color: #000;
}
#quote .button {
  margin-top: 4.5rem;
}
#construction .button {
  margin-top: 2.5rem;
}
#construction img {
  border-radius: 0.25rem;
}
#construction li {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.02rem;
}
#construction li li {
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  color: #606060;
  font-family: "bio-sans", sans-serif;
  font-size: 1.13rem;
  font-weight: 400;
  line-height: 190%;
  letter-spacing: 0.01rem;
}
#accessories,
#windows,
#panel,
#pillar {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.standard {
  padding-top: 9.38rem;
  padding-bottom: 9.38rem;
}
#siding .col-md-8 {
  padding-top: 8rem;
  padding-bottom: 5rem;
}
.features {
  padding-top: 6rem;
  padding-bottom: 8rem;
}
.feature-boxes {
  margin-top: 4.5rem;
}
.feature-boxes .box-inner {
  border-radius: 0.5rem;
  padding: 2rem 2.5rem;
  height: 100%;
}
.feature-boxes h2 {
  color: #FFF;
  font-family: "bebas-neue", sans-serif;
  font-size: 7.5rem;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: 0.15rem;
  margin-bottom: 8rem;
}
.feature-boxes p strong {
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 0.88rem;
  letter-spacing: -0.04rem;
}
.feature-boxes p {
  color: #FFF;
}
#pillar img {
  border-radius: 0.25rem;
}
#pillar h2 {
  margin-bottom: 2.5rem;
  color: #000;
}
#pillar li {
  color: #000;
  font-size: 1.13rem;
  margin-bottom: 1.5rem;
}
#panel .onhover {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}
#panel .onhover .row {
  border-bottom: 0.07rem solid #000;
  padding: 3.5rem 0.5rem 4rem;
  margin-bottom: 1rem;
}
.panel-features {
  margin-top: 4.5rem;
}
#siding img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.siding-box {
  padding: 4rem;
}
.siding-box i {
  margin-bottom: 4rem;
  font-size: 2rem;
  color: #1A4CEF;
}
.siding-box h4 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-bottom: 2rem;
}
.siding-box p.link,
.siding-box p.link i {
  font-size: 1rem;
}
.siding-box a {
  color: #1A4CEF;
  text-decoration: none;
}
.siding-box a:hover {
  color: #4F78FE;
}
#windows h2 {
  margin-bottom: 4.5rem;
  color: #000;
}
#windows .box-inner {
  min-height: 26rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5rem 3rem;
  border-radius: 0.5rem;
}
#windows .box-inner h4,
#windows .box-inner p {
  color: #fff;
}
.standard h2 {
  color: #FFF;
  text-shadow: 0 0 60px rgba(0, 0, 0, 0.55);
  font-family: "golos-text", sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.04rem;
  text-align: center;
}
#accessories .onhover {
  padding-top: 3rem;
  padding-bottom: 4rem;
}
#accessories img {
  border-radius: 0.5rem;
}
#story,
#team {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
#story h2 {
  text-wrap: balance;
  margin-bottom: 2.5rem;
}
#story .button {
  margin-top: 2.5rem;
}
#team img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0.5rem;
}
.team-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.5rem 3rem;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.61%, rgba(0, 0, 0, 0.4) 99.99%);
}
.team-overlay h4 {
  color: #FFF;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 0.88rem;
  letter-spacing: 0.04rem;
  margin-bottom: 1rem;
}
.team-overlay {
  color: #fff;
  font-family: "golos-text", sans-serif;
  margin-bottom: 0;
}
.service-area h1 {
  margin-bottom: 4rem;
}
.service-area ul {
  margin-top: 2.5rem;
}
.service-area li {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.13rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.02rem;
  margin-bottom: 1.5rem;
}
.service-area li::marker,
.contact-row p.subtitle {
  color: #1A4CEF;
}
.location-contact {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.location-contact .inner {
  padding: 3.5rem;
  border-radius: 0.5rem;
}
.location-contact .square-icon i {
  color: #FFF;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  background: #1A4CEF;
  display: flex;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0.19rem 0.57rem;
  justify-content: center;
  align-items: center;
}
.contact-row p,
.contact-row a {
  color: #000;
  text-decoration: none;
}
.contact-row a:hover {
  color: #4F78FE;
}
.location-contact .graybg h2 {
  color: #000;
  margin-bottom: 3.5rem;
}
.regional {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.regional h2 {
  margin-bottom: 2.5rem;
}
.regional img {
  border-radius: 0.5rem;
}
.loc-serv,
.project-feature,
.close {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.loc-serv a {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.015rem;
  text-decoration: none;
}
.loc-serv a:hover {
  color: #4F78FE;
}
.close a {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.015rem;
  text-decoration: none;
}
.close a:hover {
  color: #4F78FE;
}
.loc-serv li {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 1.875rem */
  letter-spacing: 0.015rem;
}
.loc-serv li::marker {
  color: #1A4CEF;
}
.loc-serv li ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 1rem;
}
.loc-serv li li {
  margin-bottom: 2rem;
  color: #606060;
  font-family: "bio-sans", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  /* 175% */
  letter-spacing: 0.01563rem;
}
.loc-serv img,
.close img {
  border-radius: 0.5rem;
}
.project-feature .project-box {
  aspect-ratio: 26 / 20;
}
.close ul {
  margin-top: 2.5rem;
}
.close li {
  margin-bottom: 1.5rem;
}
.close li::marker {
  color: #1A4CEF;
}
.service-area a {
  color: #000;
  text-decoration: none;
}
.service-area a:hover {
  color: #1A4CEF;
}
.close li a {
  color: #000;
  text-decoration: none;
  font-family: "bio-sans", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
}
.close li a:hover {
  color: #1A4CEF;
}
.project-single .col-md-8 {
  padding-top: 4rem;
  padding-bottom: 8rem;
}
.project-single h4 {
  color: #000;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.project-single h1 {
  margin-bottom: 2.5rem;
}
.project-thumbs img {
  width: 11rem;
  height: 8.5rem;
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 0.5rem;
}
.project-thumbs .is-active img {
  border: 2px solid #1A4CEF;
}
.project-gallery img {
  width: 100%;
  aspect-ratio: 6 / 4;
  object-fit: cover;
  object-position: top center;
}
.project-inner {
  margin-top: 8rem;
  margin-bottom: 10rem;
}
.project-thumbs {
  margin-top: 1rem;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 0;
}
.project-sidebar img {
  border-radius: 0.25rem;
  width: 100%;
  aspect-ratio: 19 / 10;
  object-fit: cover;
}
.project-sidebar a p {
  color: #606060;
}
.project-sidebar a:hover p {
  color: #000;
}
.project-sidebar li::marker {
  color: #1A4CEF;
}
p.build-type {
  color: #1A4CEF;
  font-family: "golos-text", sans-serif;
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 0.69rem;
  letter-spacing: 0.01rem;
  margin-bottom: 0.75rem;
}
.archive .project-box a {
  text-decoration: none;
}
.archive .project-box img {
  aspect-ratio: 24 / 16;
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  object-fit: cover;
}
.archive .project-box h2 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.13rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.02rem;
}
.project-pager {
  margin-top: 8rem;
}
.project-pager a {
  color: #000;
  text-decoration: none;
}
.facetwp-page {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem !important;
  border-radius: 0.25rem;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
}
.facetwp-page.active,
.facetwp-page:hover {
  background: #F4F4F4;
  font-weight: 300 !important;
}
.facetwp-counter {
  display: none;
}
.blog-single .col-md-8 {
  padding-top: 4rem;
  padding-bottom: 8rem;
}
.blog-single h1 {
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.03rem;
  margin-bottom: 2.5rem;
  text-transform: unset;
  text-wrap: balance;
}
p.post-date {
  margin-bottom: 2rem;
  color: #1A4CEF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.04rem;
}
.blog-single img {
  margin-bottom: 2rem;
  width: 100%;
}
.blog-single p {
  margin-bottom: 1.75rem;
}
.blog-single h2 {
  margin-bottom: 1.75rem;
  color: #000;
  font-family: "golos-text", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: 0.02rem;
}
.blog-single blockquote {
  margin-bottom: 1.75rem;
  background: #F4F4F4;
  padding: 2rem;
}
.post-category {
  color: #000;
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.blog-box a {
  text-decoration: none;
}
.blog-box h2 {
  color: #606060;
  font-family: "golos-text", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: 0.02rem;
  margin-top: 1rem;
}
.blog-box img {
  aspect-ratio: 23 / 13;
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
#wrapper-footer {
  background: #000;
  padding-bottom: 3.5rem;
}
#wrapper-footer h3 {
  color: #fff;
  max-width: 30rem;
}
.footer-section1 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.05rem solid #fff;
}
.footer-section2 {
  padding-top: 4.5rem;
  padding-bottom: 2.5rem;
}
.footer-button {
  font-size: 1rem;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.acf-social-icons i {
  font-size: 2rem;
}
.acf-social-icons a {
  color: rgba(255, 255, 255, 0.6);
}
.acf-social-icons a:hover,
.footer-section3 p,
.footer-section3 a {
  color: #fff;
}
.footer-section3 a:hover,
.footer-menus a:hover {
  color: #1A4CEF;
}
.footer-menus ul {
  list-style-type: none;
  padding-left: 0;
}
.footer-menus li {
  margin-bottom: 1.75rem;
}
.footer-menus a {
  text-decoration: none;
  color: #fff;
}
.bold-links li {
  font-weight: 600;
  font-family: "golos-text", sans-serif;
}
@media (min-width: 768px) {
  .top-list {
    border-left: 0.07rem solid #9FC1E1;
  }
  .box1 {
    border-right: 0.07rem solid #9FC1E1;
    border-bottom: 0.07rem solid #9FC1E1;
  }
  .box2 {
    border-bottom: 0.07rem solid #9FC1E1;
  }
  .box3 {
    border-right: 0.07rem solid #9FC1E1;
  }
  .siding1 {
    border-right: 0.07rem solid #606060;
    border-bottom: 0.07rem solid #606060;
  }
}
@media (min-width: 992px) {
  .mapimg {
    border-left: 0.07rem solid #9FC1E1;
  }
}
@media (max-width: 1500px) {
  .feature-boxes h2 {
    font-size: 6rem;
  }
}
@media (max-width: 1500px) {
  .feature-boxes h2 {
    font-size: 5rem;
  }
}
@media (max-width: 1500px) {
  .feature-boxes h2 {
    font-size: 4.5rem;
  }
}
@media (max-width: 991.98px) {
  .mapimg {
    border-top: 0.07rem solid #9FC1E1;
  }
  .nav-link {
    margin-right: 2.5rem;
    font-size: 1rem !important;
  }
  .menu-item-62 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar {
    padding: 0 0 0 1% !important;
  }
  .topbar {
    padding: 1.5rem 2rem;
  }
  h1 {
    font-size: 4rem;
    line-height: 100%;
  }
  h2.highlight {
    font-size: 4.5rem;
  }
  .our-projects h3 {
    font-size: 3rem;
  }
  .siding-box {
    padding: 2rem;
  }
  .feature-boxes h2 {
    font-size: 6rem;
  }
}
@media (max-width: 767.98px) {
  .benefit-box {
    border-bottom: 0.07rem solid #9FC1E1;
  }
  .navbar {
    padding: 0 !important;
  }
  #main-nav .container-fluid {
    --bs-gutter-x: 0;
  }
  .navbar-brand {
    margin-left: 2rem;
  }
  .navbar-toggler {
    margin-right: 2rem;
  }
  .nav-link {
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: center;
    margin-right: 0;
    height: 4rem;
  }
  .dropdown-menu {
    text-align: center;
  }
  .tool-content {
    padding: 3rem;
  }
  .top-list {
    padding-top: 0rem;
    padding-bottom: 1.5rem;
  }
  .designer .col-md-8,
  #options .col-md-8 {
    margin-top: 3rem;
  }
  #story img,
  #expertise img,
  .dream img {
    margin-bottom: 3rem;
  }
  .home-hero {
    flex-direction: column-reverse;
  }
  .hero-slider img {
    height: 400px;
  }
  .home-hero h1 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
  }
  .home-hero p {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  .stats h2 {
    font-size: 2rem;
    line-height: 120%;
  }
  .stats p {
    font-size: 0.9rem;
  }
  .stats {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  h2 {
    font-size: 1.75rem;
  }
  .callout-box h4 {
    font-size: 1.75rem;
  }
  .process-box h3 {
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .hero-left {
    padding: 3rem 2rem 2rem;
  }
  .horizontal-list {
    gap: 0.5rem;
  }
  #menu-top-bar-menu .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #menu-top-bar-menu {
    display: none;
  }
  .industry-box p {
    font-size: 3rem;
  }
  .experience h2 {
    font-size: 2rem;
  }
  .big-links li {
    font-size: 1.5rem;
  }
  h2.highlight {
    font-size: 2.25rem;
  }
  h1 {
    font-size: 3rem;
  }
  .heading {
    padding-bottom: 2rem;
  }
  .below-hero p,
  .process-callout h2 {
    font-size: 1.75rem;
  }
  .below-hero {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .testimonials li {
    font-size: 1.25rem;
  }
  .feature-boxes h2 {
    font-size: 5rem;
  }
}