@charset "utf-8";
/* CSS Document */

.med-joinery-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/joinery-prt-04.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.med-joinery-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/joinery-prt-01.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.med-joinery-3 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/joinery-prt-18.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.med-joinery-4 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/joinery-prt-15.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.med-joinery-5 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/joinery-prt-17.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.med-joinery-6 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/joinery-prt-16.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.about-3 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/main-banner.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.team { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/team.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.contact { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/contact.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.asd-black-overlay { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/about.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.asd-teal-overlay { 
  background: 
    linear-gradient(to bottom right, 
    rgba(40,170,177,0.7), 
    rgba(40,170,177,0.7)), 
    url(../img/banners/about.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}


.winblok-banner { 
	background: url(../img/banners/winblok.jpg);
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	color:#fff;
}

.winblok-banner-parallax { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.3), 
    rgba(0,0,0,0.3)), 
    url(../img/banners/winblok.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.winblok-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/banners/winblok-screen-4.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winblok-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.8), 
    rgba(0,0,0,0.8)), 
    url(../img/banners/wintec-andrew-onsite.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.winblok-3 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/systems/winblokscreen/new/squircle.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.winblok-collage { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.8), 
    rgba(0,0,0,0.8)), 
    url(../img/banners/winblok-collage.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
}

.winblok-gal-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/systems/winblokscreen/gallery/gallery1.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(0);
}

.winvent-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/banners/wintec-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winblok-screen-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/banners/winblok-screen-1.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winblok-screen-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/banners/winblok-screen-2.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winblok-screen-3 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/banners/winblok-screen-3.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winblok-screen-4 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.8), 
    rgba(0,0,0,0.8)), 
    url(../img/banners/winblok-screen-4.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winslot-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/winslot-banner-2.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winslot-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/winslot-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winstep-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.8), 
    rgba(0,0,0,0.8)), 
    url(../img/banners/winstep-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winstep-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(22,170,157,0.9), 
    rgba(22,170,157,0.9)), 
    url(../img/banners/winstep-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.windeck-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/banners/windeck-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.windeck-2 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.7), 
    rgba(0,0,0,0.7)), 
    url(../img/systems/windeck/wd_bg2.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.winbau-1 { 
  background: 
    linear-gradient(to bottom right, 
    rgba(0,0,0,0.5), 
    rgba(0,0,0,0.5)), 
    url(../img/banners/winbau-banner.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(1);
}

.about { 
  background: 
    linear-gradient(to bottom, transparent,
    rgba(0,0,0,0.9)), 
    url(../img/banners/about.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
  data-parallax:true;
}

.about-2 { 
  background: 
    linear-gradient(to top, 
    rgba(0,0,0,0.0), 
    rgba(0,0,0,0.9)), 
    url(../img/banners/about.jpg);
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
  filter: saturate(100%);
  data-parallax:true;
}



.section-fullscreen {
  min-height: 100vh;
}

.section-screen {
  min-height: 75vh;
}

.section-75 {
  min-height: 75vh;
}

.section-50 {
  min-height: 50vh;
}

.section-35 {
  min-height: 35vh;
}

.section-20 {
  min-height: 20vh;
}

.section-xlg {
  padding: 150px 0;
}

.section-lg {
  padding: 90px 0;
}

.section-md {
  padding-top: 70px;
  padding-bottom: 0px;
}

.section-md-2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-sm {
  padding: 20px 0;
}

.section-xsm {
  padding: 10px 0;
}

.section-logos {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.section-logos a {
  text-decoration: none !important;
  color: #333333;
}

.section-logos a:hover {
  text-decoration: none !important;
  color: #7d9e25;
  transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
}

.flex-vertical-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align:baseline !important;
}

.flex-content-bottom {
  display: flex;
  flex-direction: row; /* or row, depending on your layout */
  align-items: flex-end;
  padding: 20px;
  max-width: 300px; /* Set your desired max-width */
  margin: 0 auto; /* Center the container horizontally */
}

.content {
}