/*

Site by TRIPLEZERO
Visit http://www.triplezero.com.au/
Email contact@triplezero.com.au

Font Awesome - http://fortawesome.github.com/Font-Awesome
License: Attribution 3.0 Unported - http://creativecommons.org/licenses/by/3.0/

*/

 /*
 *  Reset
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;}

/* CF ERROR IMG REMOVAL | Remove this ready for production */
tbody img { display: none; }


 /*
 *  Base Styles
*/

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

:root {
  --brand-yellow: #e5aa32;
  --brand-light-yellow: #f7ac15;
  --brand-orange: #f68e13;
  --charcoal: #333;
  --lightgrey: #eee;
}

html,
body {position:relative; width:100%; height:100%;}

body {font-size:16px; font-family:"Geist", sans-serif; background-color:#fff; color:#000; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:greyscale;}
img {position:relative; display:block; width:100%; height:100%;}

body {display:flex; flex-direction:column;}

p {margin:0 0 1em 0;}
p:last-child {margin-bottom:0;}

em {font-style:italic;}

h3 {font-size:20px; font-weight:600; font-family: Inter, sans-serif;}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="date"],
textarea,
select {padding:6px 10px; background:white; border:1px solid white; box-shadow:none; font-size:12px; font-weight:400; line-height:140%; text-transform:uppercase; text-decoration:none; color:black;}

.button,
a.button:link,
a.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {display:inline-flex; padding:10px 30px; color:white; text-align:center; font-size:14px; font-weight:400; line-height:140%; text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color:black; border:0; border-radius:4px; cursor:pointer;}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {opacity:.8;}

.container {max-width:1450px; margin:auto;}

@media ( max-width:1480px ){
  .container {padding:0 30px;}
}

.fa {vertical-align:unset;}

.headernav {/* background:rgba(228,201,169,0.2); border-bottom:1px solid rgba(0,0,0,0.1); */}

header {position:relative; z-index:3; padding:30px 0 25px 0; background:#fff;}
header .container {display:flex; align-items:center; justify-content:space-between;}
header .container:after,
header .container:before {content:none;}
header .logo {margin-left:15px;}
header .logo img {width:auto; height:69px;}
header .right {display:flex; align-items:center; font-size:13px;}
header .phone {margin:0 20px 0 0; padding:0 20px 0 0; border-right:1px solid rgba( 0,0,0, .1 ); color:rgba( 0,0,0, .5 );}
header .email {margin:0 20px 0 0; padding:0 20px 0 0; border-right:1px solid rgba( 0,0,0, .1 ); color:rgba( 0,0,0, .5 );}
header a:link,
header a:visited {color:rgba( 0,0,0, .5 ); text-decoration:none;}
header a:hover {text-decoration:underline;}
header .social {display:flex; align-items:center; font-size:120%;}
header .social a {margin:0 7px; color:rgba( 0,0,0, .6 );}
header .social a:hover {color:rgba( 0,0,0, .75 );}

@media ( min-width:1481px ){
  header .container {padding-right:20px;}
}

@media ( max-width:950px ){
  
  header .logo img {height:40px;}
  
  header .right {flex-direction:column; align-items:flex-end;}
  header .phone,
  header .email {margin:0 0 10px 0; padding:0; border:0;}
  
}

@media ( max-width:500px ){
  
  header {padding-bottom:0;}
  header .container {flex-direction:column;}
  header .logo {margin:0 0 20px 0;}
  
  header .right {align-items:center;}
  header .phone,
  header .email {margin:0 0 10px 0; padding:0; border:0;}
    
}

nav {position:relative; z-index:3; background:#fff;}
nav .container {position:relative; display:flex; align-items:center;}

nav .mobile {display:none;}

nav ul {display:flex; flex:1; font-size:16px; font-weight:600;}
nav ul li {position:relative; margin:0 10px;}
nav ul li:first-child {margin-left:0; padding-left:0;}
nav ul li:last-child {margin-right:0; padding-right:0;}
nav ul li a:link,
nav ul li a:visited {display:flex; align-items:center; padding:15px 20px 20px 20px; text-decoration:none;}
nav ul li a,
nav ul li a:hover {color:rgba( 0,0,0, .9 );}
nav ul li:hover > a {background:#f4f4f4;}
nav ul li.haschildren > a i {margin:0 0 0 8px; color:rgba( 0,0,0, .2 );}

nav ul ul {opacity:0; pointer-events:none; transition:opacity .2s; display:flex; flex-direction:column; position:absolute; z-index:2; top:100%; left:0; width:200px; background:#f4f4f4; font-size:13px;}
nav ul li:hover ul {opacity:1; pointer-events:all;}
nav ul ul li {margin:0; font-weight:normal;}
nav ul ul a:link,
nav ul ul a:visited {display:flex; padding:8px 20px; color:#000;}
nav ul ul a:hover {background:#000; color:#fff;}
nav ul ul li:last-child a {margin-bottom:0;}

nav ul .collections {position:static;}
nav ul .collections > a:link,
nav ul .collections > a:visited {}
nav ul .collections a img {transition:transform .2s;}
nav ul .collections a:hover img {transform:scale(1.15);}
nav ul .collections:hover > a {background:#f4f4f4;}
nav ul .collections ul {display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding:30px; background:#f4f4f4;}
nav ul .collections ul li {flex:1;}
nav ul .collections ul a:link,
nav ul .collections ul a:visited {display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:20px; margin-left:10px; padding:10px 15px; background:none; text-transform:none;}
nav ul .collections ul a:first-child {margin-left:0;}
nav ul .collections ul a:hover {color:#000;}
nav ul .collections ul a i {margin-bottom:10px; font-size:32px; color:rgba( 0,0,0, .4 ); transition:color .2s;}
nav ul .collections ul a:hover i {color:#000;}
nav ul .collections ul a span {font-size:12px; font-weight:normal; color:#000; text-align:center;}

nav .search {display:inline-flex; align-items:center; margin:10px 0 10px 0; border-bottom:1px solid rgba( 0,0,0, .2 );}
nav .search {padding:0 12px 0 0; background:rgba( 0,0,0, .05 ); border:0; border-radius:3px;}
nav .search input {width:140px; height:auto; margin:0; padding:5px 0; border:0; line-height:140%; outline:none; text-transform:uppercase;}
nav .search input {padding:8px 8px 8px 12px; background:none;}
nav .search input::placeholder {color:rgba( 0,0,0, .5 );}
nav .search button {height:auto; padding:0; border:0; background:none; outline:none;}
nav .search i {color:rgba( 0,0,0, .4 ); font-size:14px;}

.nav-overlay {opacity:0; transition:opacity .2s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba( 0,0,0, .2 ); pointer-events:none;}
.nav-overlay.on {opacity:1;}

@media ( min-width:1481px ){
  nav .container {padding-right:20px;}
}

@media ( max-width:1100px ){
  
  nav .desktop {display:none;}
  nav .mobile {display:flex;}
  
  nav ul li a:link,
  nav ul li a:visited {padding:0 5px;}
  
}

@media ( max-width:768px ){
  nav {padding:0 0 20px 0;}
  nav .search {display:none;}
}

@media ( max-width:600px ){
  nav .mobile > li {display:none;}
  nav .mobile > li:last-child {display:block; margin:0;}
}

@media ( max-width:500px ){
  nav {padding:20px 0;}
  nav .mobile {justify-content:center;}
}

/* New header/nav style for mobile */
@media ( max-width:600px ){
  
  .headernav {display:flex; align-items:center; justify-content:space-between; padding:30px;}
  header {padding:0;}
  header .container {padding:0;}
  header .logo {margin:0;}
  header .right {display:none;}
  nav {padding:0;}
  nav .container {padding:0;}
  
}


.b-nav-container {transition:opacity .2s;  opacity:0; pointer-events:none; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 100; top: 0; left: 0; right: 0; bottom: 0; color: #ffffff; overflow: hidden; height: 200%; }
@media (min-width: 550px) {
  .b-nav-container {opacity:0;}
}
.b-nav-container .b-nav-inner {transition:right .2s; display: inline-block; position: fixed; top: 0; right: -100%; width: 90%; max-width:400px; height: 100%; padding:20px 20px 60px 20px; z-index: 101; background-color: rgba(0, 0, 0,1); overflow: auto; list-style: none; text-transform: uppercase; font-family: "Arimo", sans-serif; }
.b-nav-container .b-nav-inner li { font-weight: lighter; padding: 20px 15px; padding-bottom: 0; font-size: 14px; font-size: 1.4rem; margin-bottom: 0; }
.b-nav-container .b-nav-inner li a { color: #ffffff; text-decoration:none; }
.b-nav-container .b-nav-inner li a:hover { font-weight: 500; text-decoration: none; }
.b-nav-container .b-nav-inner li a:after { display: block; content: attr(title); font-weight: 600; height: 0px; color: transparent; overflow: hidden; visibility: hidden; margin-bottom: -1px; }
.b-nav-container .b-nav-inner li ul {margin-top:15px; margin-left: 0px; list-style: none; }
.b-nav-container .b-nav-inner li ul li { padding: 0 !important; margin-bottom: 5px; font-weight: lighter; opacity: .85; /* border-top: 1px solid rgba(255, 255, 255, 0.3); */ font-size: 12px; font-size: 16px; }
/* .b-nav-container .b-nav-inner li ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } */
.b-nav-container .b-nav-inner li ul li a { display: inline-block; width: 100%; height: 100%; padding: 5px 10px; color: #dadada; }
.b-nav-container .b-nav-inner li ul li a:hover { background: rgba(255, 255, 255, 0.25); }
.b-nav-container .b-nav-inner li ul li a.active { background: rgba(255,255,255,0.25); }
.b-nav-container .b-nav-inner li.burgernav-logo img { width: 18%; margin: 0 auto; }

.b-nav-container.open {opacity:1; pointer-events:all;}
.b-nav-container.open .b-nav-inner {right:0;}

main {flex:1; position:relative; z-index:2;}

main:not(.home-page) {padding:30px 0;}

@media (max-width:600px){
  main:not(.home-page) {padding-top:0;}
}

main h2 {margin:0 0 20px 0; font-size:28px; line-height:140%; font-weight:bold;}

main a:link,
main a:visited {color:#000;}

footer {padding:130px 0 80px 0; background:rgb( 242,242,242);}
footer .flex {display:grid; grid-template-columns:1fr 3fr 1fr; grid-gap:30px; margin-bottom:40px;}
footer section {font-size:14px; line-height:1.2em;}
footer section .logo {width:auto; max-height:40px;}
footer section h3 {display:flex; align-items:flex-end; min-height:55px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid rgba( 0,0,0, .1 ); font-size:18px; color:rgba( 0,0,0, .5 ); text-transform:uppercase;}
footer section h3 a:link,
footer section h3 a:visited {color:rgba( 0,0,0, .5 );}
footer section h3 a:hover {color:rgba( 0,0,0, 1 ); text-decoration:none;}
footer .columns {columns:3;}
footer .columns div {margin:0 0 8px 0;}
footer ul a {display:inline-flex; margin:0 0 8px 0;}
footer a:link,
footer a:visited {color:black; text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer .social {display:flex; margin-top:3px;}
footer .social a:not(:first-child) {margin-left:10px;}
footer .social a:hover {color:rgba( 0,0,0, .75 ); text-decoration:none;}
footer hr {display:flex; margin:20px 0; border:0; border-bottom:1px solid rgba( 0,0,0, .1 );}
footer .copyright {font-size:12px; line-height:1.2em; color:rgba( 0,0,0, .5 );}

footer section h3 {min-height:65px;}
footer section .logo {max-height:50px;}
footer .applications ul {}

@media (min-width:601px){
  footer .applications ul {columns:2; gap:40px;}
}

@media ( max-width:1160px ){
  footer {padding:40px 0;}
  footer .flex {display:flex; flex-wrap:wrap;}
  footer section {width:100%;}
  footer section h3 {min-height:1px;}
}

@media ( max-width:600px ){
  footer .columns {columns:2; column-gap:40px;}
}

@media ( max-width:450px ){
  footer .columns {columns:1;}
}


.pre-footer {padding:60px 0; background:#ffd074; text-align:center;}
.pre-footer .container {display:flex; justify-content:center; gap:120px;}
.pre-footer .image img {max-width:220px; filter:drop-shadow( 1px 5px 1px rgba( 0,0,0, .5 ) )}
.pre-footer h3 {margin:0 0 20px 0; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
.pre-footer p:not(:last-child) {margin:0 0 30px 0;}
.pre-footer a:link,
.pre-footer a:visited {color:black;}
.pre-footer a:hover {text-decoration:none;}
.pre-footer a.button {border-radius:3px; color:white; font-weight:bold; font-size:14px; line-height:1em;}

@media ( max-width:700px ){
  .pre-footer .container {flex-direction:column; gap:30px;}
  .pre-footer .image {align-self:center;}
  .pre-footer .image img {max-width:300px;}
}

.content {/* padding:30px 0; */}
.content h2 {margin:0 0 20px 0; font-size:40px; line-height:140%; font-weight:400; color:var(--orange);}

main ul {list-style:square; margin-left:20px;}
main ul li {padding-left:10px;}
main ul li:not(:last-child) {margin-bottom:10px;}
main ul li::marker {color:var(--orange);}

@media ( max-width:1100px ){
  .content {/* padding:30px; */}
}


section .container {max-width:950px;}

section.text {padding:40px 0 80px 0; font-size:18px; line-height:140%;}
section.text h2 {font-size:40px; color:var(--orange); font-weight:400; /* color:#fff; text-transform:uppercase; */}
section.text h2:last-child {margin-bottom:0;}
section.text a:link,
section.text a:visited {color:#000;}

@media ( min-width:1161px ){
  section.text .thincontainer {padding-left:20px;}
}

@media ( max-width:700px ){
  section.text {padding:40px 0;}
  section.text img {max-width:100%; height:auto !important;}
}

#section-text-327 {color:white;}
#section-text-327 p {font-size:22px; line-height:140%;}

section.title {background:var(--lightgrey); padding:30px; margin-bottom:50px;}
section.title h2 {margin:0;}

@media (max-width: 1480px) {
  section.title {padding:30px 0;}
  section.title .container {padding:0;}
  section.title .container h2 {padding:0 50px;}
}
@media (max-width: 1100px) {
  section.title .container h2 {padding:0 30px;}
}

section.featured-text {padding:20px 0 40px 0; font-size:24px; line-height:140%; /* background:rgba( 0,0,0, .05 ); */ text-align:center;}
section.featured-text h2 {position:relative; /* padding-top:20px; */ padding-left:20px; font-size:40px; color:var(--orange); font-weight:400; /* color:#fff; text-transform:uppercase; */}
section.featured-text h2:last-child {margin-bottom:0;}
section.featured-text h2:only-child {margin-top:5px;}
section.featured-text h2:before {display:none; content:''; position:absolute; top:0; left:0; width:100%; margin-top:-10px; border-top:2px solid var(--orange);}
section.featured-text .container {padding-top:30px; padding-bottom:30px; border-top:2px solid var(--orange); border-bottom:2px solid var(--orange);}
section.featured-text .thincontainer {max-width:75%; margin:auto;}
section.featured-text a:link,
section.featured-text a:visited {color:#000;}

@media ( min-width:1101px ){
  section.featured-text .thincontainer {padding-left:20px;}
}

@media ( max-width:1100px ){
  section.featured-text h2 {padding-left:0;}
  section.featured-text h2:before {width:100%; margin-left:0;}
}

@media ( max-width:700px ){
  section.featured-text {padding-top:10px; padding-bottom:0;}
  section.featured-text h2:before {margin-top:0;}
  section.featured-text .thincontainer {max-width:100%;}
}

@media ( max-width:500px ){
  section.featured-text {padding-top:0;}
}

section.snip {padding:20px 0 40px 0; font-size:24px; line-height:140%; text-align:center; color:rgba( 0,0,0, .5 );}
section.snip .container {padding:30px 0;}
section.snip a:link,
section.snip a:visited {color:#000;}

@media ( min-width:1101px ){
  section.snip .thincontainer {padding-left:20px;}
}

@media ( max-width:1480px ){
  section.snip .container {padding:30px;}
}

@media ( max-width:1100px ){
  section.snip h2 {padding-left:0;}
  section.snip h2:before {width:100%; margin-left:0;}
}

@media ( max-width:700px ){
  section.snip {padding-top:10px; padding-bottom:0;}
  section.snip h2:before {margin-top:0;}
  section.snip .thincontainer {max-width:100%;}
}

@media ( max-width:500px ){
  section.snip {padding-top:0;}
}

.section-two-columns {margin-top:40px;}
.section-two-columns .container {display:flex; gap:100px; padding:50px 0;}
.section-two-columns .container .column-one,
.section-two-columns .container .column-two {flex:1;}
.section-two-columns h2 {text-transform:uppercase; font-weight:800; color:rgba( 0,0,0, .5 );}

@media ( max-width:1480px ){
  .section-two-columns {padding:0 30px;}
}

@media ( min-width:1100px ){
  .section-two-columns .container {padding-left:20px; padding-right:20px;}
}

@media ( max-width:900px ){
  .section-two-columns {padding:0 30px;}
}

@media ( max-width:700px ){
  .section-two-columns .container {flex-direction:column; gap:40px; padding:0;}
}

section.design .grid .item {cursor:pointer;}

section.image-with-text {margin-bottom:40px;}
section.image-with-text .container {display:flex; align-items:center; gap:40px;}
section.image-with-text .image {flex:2; display:flex; align-items:center;}
section.image-with-text .image img {height:auto;}
section.image-with-text .text {flex:3; padding:30px 0; font-size:18px; line-height:140%;}

@media ( min-width:1160px ){
  section.image-with-text {max-width:1000px; margin:0 auto 40px auto;}
  section.image-with-text:last-child {margin-bottom:80px;}
}

@media ( min-width:769px ){
  section.image-with-text .image-right .image {order:2;}
}

@media ( max-width:768px ){
  section.image-with-text {margin-top:40px;}
  section.image-with-text .container {flex-direction:column; gap:30px;}
  section.image-with-text .text {padding:0;}
}

.grid {display:grid; grid-template-columns:repeat( 3, 1fr ); grid-gap:40px; margin:40px 0;}
.grid .item {display:flex; flex-direction:column; position:relative; /* max-height:217px; overflow:hidden; */}
.grid .item img {width:100%; transition:transform .15s;}
.grid .item .no-image {flex:1; display:flex; align-items:center; justify-content:center; padding:40px; background:rgba( 0,0,0, .1 );}
.grid .item .no-image img {width:100%; max-width:200px; height:auto;}
.grid .item:hover {z-index:3;}
.grid .item:hover img {transform:scale(1.05);}
.grid .item .overlay {position:absolute; z-index:1; left:0; bottom:8%; padding:2% 5%; background:rgba( 127,181,074, .7 ); color:#fff; font-size:24px;}
.grid .item .overlay.blue {background:rgba( 0,153,210, .7 ); color:#fff;}
.grid .item .overlay.grey {background:rgba( 109,110,113, .45 ); color:#fff;}

@media ( max-width:900px ){
  .grid {grid-template-columns:repeat( 2, 1fr );}
}

@media ( max-width:600px ){
  .grid {grid-template-columns:repeat( 1, 1fr );}
}

.gallery-grid {margin-top:40px; grid-template-columns:repeat( 3, 1fr ); align-items:center; justify-content:center;}
.gallery-grid .item {max-height:unset;}
.gallery-grid .item img {max-width:100%; width:auto; max-height:100%; height:auto; margin:auto;}

.grid .item .new {margin:0 0 3px 5px; padding:2px 4px; font-size:10px; border-radius:2px; color:#fff; background:rgba( 0,0,0, .5 );}

.grid a {text-decoration:none;}
.grid .title {padding:15px 0 10px 0; font-size:18px; line-height:1.2em; font-weight:600; text-decoration:none; text-align:left;}

@media ( min-width:1160px ){
  section.inspiration .grid {grid-template-columns:repeat( 4, 1fr );}
}

.products-grid .image {position:relative; flex:1; display:flex; align-items:center;}
.products-grid .image img {height:auto;}
.products-grid .image img.dda {position:absolute; z-index:2; width:100px; bottom:0; left:0; transform:rotate(-20deg);}
.products-grid .item:hover img.dda {transform:rotate(-20deg);}


.projects-grid .item {padding:30px;}
.projects-grid .item img {flex:1; aspect-ratio:1/1; object-fit:cover;}
.projects-grid .item .title {flex:1;}
/*.projects-grid .item * {border:1px solid #f00;}*/

/*
.project .content {display:flex;}
*/

.project .hero-section {padding:0;}
.project .hero-section .item {width:100%; margin:0;}
.project .hero-section .item img {width:100%; height:auto;}

.project .sidebar {width:27.5%; padding-top:105px; padding-right:80px; font-size:18px;}
.project .sidebar .field {margin:0 0 30px 0;}
.project .sidebar label {display:block; margin:0 0 7px 0; color:rgba( 0,0,0, .4 ); font-size:14px; line-height:140%; letter-spacing:1px; text-transform:uppercase;}
.project .sidebar a.value {color:rgba( 0,0,0, .75 );}
.project .sidebar a.value:hover {text-decoration:none;}

.project section.text h3 {margin-bottom:20px;}

/*
.project section {margin:0 0 50px 0;}
.project section:last-child {margin-bottom:0;}
*/
.project .right {flex:1; padding-right:20px; font-size:18px; line-height:140%; color:#333;}
.project .right h3 {margin:0 0 15px 0; font-size:18px; line-height:140%; font-weight:700; letter-spacing:1px; color:#000; text-transform:uppercase;}

/*
.project h2 {margin:10px 0 40px 0; font-size:36px; line-height:140%; font-weight:normal; color:var(--charcoal);}
*/

.project .next-project {margin:0 0 40px 0; text-align:right;}
.project .next-project a {color:#000; text-decoration:none;}
.project .next-project a:hover strong {text-decoration:underline;}

@media ( min-width:1481px ){
  .project .right {padding-right:20px;}
}

@media ( max-width:1480px ){
  /*
  .project .content {padding:30px;}
  */
}
  
@media ( max-width:768px ){
  
  /*
  .project .content {flex-direction:column;}
  */
  .project .sidebar {width:100%; order:2; padding:0;}
  .project .gallery-grid {margin-top:0;}

}

@media ( min-width:601px ){
  .project .hero-section {padding-top:20px;}
}

@media ( max-width:900px ){
  .project .gallery-grid {grid-template-columns:repeat( 2, 1fr );}
}

@media ( max-width:600px ){
  .project .gallery-grid {grid-template-columns:repeat( 1, 1fr );}
}


.recent-projects {padding:80px 0;}
.recent-projects h3 {margin:0 0 40px 0; color:black; font-family:Inter, sans-serif; font-size:30px; font-weight:normal; text-align:center;}
.recent-projects .grid {margin:0;}

@media ( max-width:1480px ){
  .recent-projects {padding:80px 30px;}
}

@media ( max-width:1100px ){
  .recent-projects {padding:40px 30px;}
}

.contact section.text {padding-top:20px; padding-bottom:0; text-align:center;}
.contact section.text .container {padding:30px; padding-top:20px; padding-left:50px; border-top:2px solid var(--orange); border-bottom:2px solid var(--orange);}

.contact .section-two-columns {text-align:center;}

@media ( max-width:1480px ){
  .contact section.text {padding-bottom:0;}
}

@media ( min-width:1101px ){
  .contact section.text .thincontainer {max-width:75%; margin:auto; padding-left:0;}
  .contact .section-two-columns .container {max-width:50%; margin:auto;}
}

@media ( max-width:1100px ){
  .contact section.text {padding-top:30px;}
  .contact section.text .container {padding-left:30px;}
}

@media ( max-width:700px ){
  .contact section.text {padding-top:10px;}
}

@media ( max-width:600px ){
  .contact section.text {padding-top:0;}
}

.contact-form {margin-top:40px; padding:40px; /* border-top:1px solid rgba( 0,0,0, .2 ); */ background:linear-gradient( to bottom, rgba( 0,0,0, .05 ) 90%, rgba( 0,0,0, 0 )  ); /* background:#ffd503; */}
.contact-form form {display:flex; flex-direction:column; max-width:750px; margin:auto;}
.contact-form form .row label {display:flex; flex-direction:column; margin:0 0 20px 0; font-size:16px; font-weight:600;}
.contact-form form .row label input,
.contact-form form .row label select,
.contact-form form .row label textarea {margin:10px 0 0 0; text-transform:none;}
.contact-form form .row label input::placeholder,
.contact-form form .row label select,
.contact-form form .row label textarea::placeholder {text-transform:uppercase;}
.contact-form form .row label select option {text-transform:none;}
.contact-form form .row label input:last-child {margin-bottom:0;}
.contact-form button {background:#000; border:0; color:#fff;}

@media ( max-width:700px ){
  .contact-form {padding:40px 0;}
}

.email-modal {opacity:0; transition:opacity .2s; pointer-events:none; position:fixed; z-index:100; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba( 0,0,0, .5 );}
.email-modal.show {opacity:1; pointer-events:all;}
.email-modal .modal-inner {position:relative; width:100%; max-width:700px; padding:40px; background:#fff;}
.email-modal .close {position:absolute; top:0; right:0; padding:10px 15px; color:rgba( 0,0,0, .2 ); font-size:18px; line-height:1em;}
.email-modal .close:hover {color:rgba( 0,0,0, .4 );}
.email-modal h3 {margin:0 0 15px 0; color:#3ba4d2; font-size:22px;}
.email-modal p {color:rgba( 0,0,0, .8 );}
.email-modal form {display:flex; flex-direction:column; align-items:center; justify-content:center; margin:30px 0 0 0;}
.email-modal input[type="email"] {width:100%; max-width:400px; margin:0 0 20px 0; padding:12px 15px; background:rgba( 0,0,0, .1 ); font-size:16px; line-height:1em; letter-spacing:0; text-transform:none;}
.email-modal input[type="email"]::placeholder {color:rgba( 0,0,0, .3 );}
.email-modal button {height:auto; padding:12px 80px; background:#3ba4d2; border-radius:0; color:#fff; font-weight:bold; font-size:16px; line-height:1em; letter-spacing:0; text-transform:none;}


.filtersouter {margin:0; background:var(--lightgrey); padding:30px; border-top:2px solid var(--lightgrey); border-bottom:2px solid var(--lightgrey);}
.filters {display:flex; flex-wrap:wrap;}
.filters h2 {margin:0 30px 0 0; flex:1; font-size:40px; line-height:140%; color:var(--charcoal); font-weight:400;}
.filters .field {display:flex; flex-direction:column; margin:0 10px 0 0;}
.filters .field:last-child {margin-right:0;}
.filters .field label {margin:0 0 5px 0; font-weight:bold; font-size:12px; line-height:140%; text-transform:uppercase; color:rgba( 0,0,0, .5 );}
.filters .field select {max-width:320px;}
.filters .field input[type="text"] {max-width:150px; background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1);}
.filters .field input[type="text"]::placeholder {color:rgba(0,0,0,0.3);}
.filters button {padding:8px 20px; background:#000; color:#fff; font-size:12px;}
.filters button[type="reset"] {background:rgba( 0,0,0, .3 ); color:#fff;}

.filters .field select,
.filters .field input[type="text"] {background:rgba( 0,0,0, .05 );}

@media ( min-width:1101px ){
  .filters {padding:0 20px;}
}
  
@media ( max-width:700px ){
  
  .filters {padding:0 0;}
  .filters h2 {align-self:center; text-align:center; margin:0 0 20px 0;}
  .filters .field {width:100%; margin:0 0 5px 0;}
  .filters .field:last-child {margin-bottom:0;}
  .filters .field select,
  .filters .field input[type="text"] {width:100%; max-width:100%;}
  
}

.flex-header {display:flex; align-items:center; justify-content:space-between;}



section.team {padding:50px 0;}

section.team .grid {grid-template-columns:repeat( 4, 1fr );}
section.team .grid .item .info {transition:all .2s; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba( 181,120,77, .75 ); color:white;}
section.team .grid .item .info .text {display:flex; flex-direction:column;}
section.team .grid .item .info strong {font-weight:normal; font-size:22px; line-height:140%;}
section.team .grid .item .info span {margin-top:2px; font-size:14px; line-height:140%;}
section.team .grid .item:not(:hover) .info {opacity:0; pointer-events:none;}
section.team .grid .item:hover img {transform:none;}
section.team .grid .item .image.empty {width:100%; height:100%; min-height:300px; background:rgba( 0,0,0, .05 );}

@media ( max-width:900px ){
  section.team {padding:0;}
  section.team .grid {grid-template-columns:repeat( 3, 1fr );}
}

@media ( max-width:700px ){
  section.team .grid {grid-template-columns:repeat( 2, 1fr );}
}

@media ( max-width:440px ){
  section.team .grid {grid-template-columns:repeat( 1, 1fr );}
}


.crumbs {margin:0 0 30px 0;}
.crumbs a:link,
.crumbs a:visited {text-decoration:underline; color:rgba( 0,0,0, .5 );}
.crumbs a:visited {text-decoration:underline; color:rgba( 0,0,0, .5 );}
.crumbs a:hover {text-decoration:none;}
.crumbs .sep {margin:0 8px; font-size:.9em; line-height:1em; color:rgba( 0,0,0, .2 );}

.gallery {display:flex; margin:20px 0;}
.gallery .hero {flex:800;}
.gallery .rest {flex:400; max-height:100%; margin-left:20px;}
.gallery .rest .first {display:none;}

.rest.slick-slider .slick-arrow {position:absolute; z-index:2; left:50%; width:100%;padding:0; font-size:32px; color:rgba( 0,0,0, .75 ); cursor:pointer; transition:transform .1s; text-align:center;}
.rest.slick-slider .slick-prev {transform:translate(-50%,-100%); top:0;}
.rest.slick-slider .slick-next {transform:translate(-50%,100%); bottom:0;}

@media (min-width:1025px){
  .rest.slick-slider .slick-list {height:100% !important;}
  .rest.slick-slider .slick-arrow:hover {color:rgba( 0,0,0, 1 );}
  .rest.slick-slider .slick-prev:hover {transform:translate(-50%,-100%) scale(1.2);}
  .rest.slick-slider .slick-next:hover {transform:translate(-50%,100%) scale(1.2);}
}

@media (max-width:1024px){
  .gallery {flex-direction:column;}
  .gallery .hero {display:none;}
  .gallery .rest {margin-left:0;}
  .gallery .rest .first {display:block;}
  .rest.slick-slider .slick-arrow {top:0; bottom:0; transform:none; display:flex; align-items:center; padding:10px; color:rgba( 255,255,255, .75 ); text-shadow:1px 1px 2px rgba( 0,0,0, .4 );}
  .rest.slick-slider .slick-prev {left:0;}
  .rest.slick-slider .slick-next {left:auto; right:0;}
}


.product-page,
.project-page {/* padding:30px 0; background:linear-gradient( to bottom, rgba( 0,0,0, .05 ), #fff 100px ); */}
.product-page h2,
.project-page h2 {margin:0 0 15px 0; text-transform:uppercase; font-weight:bold;}



.project-page .content {display:flex;}
.project-page .content .sidebar {flex:1; margin-right:40px;}
.project-page .content .right {flex:3;}

.project-page .sidebar {font-size:18px;}
.project-page .sidebar .field {margin:0 0 30px 0;}
.project-page .sidebar label {display:block; margin:0 0 7px 0; color:rgba( 0,0,0, .4 ); font-size:14px; line-height:140%; letter-spacing:1px; text-transform:uppercase;}
.project-page .sidebar a.value {color:rgba( 0,0,0, .75 );}
.project-page .sidebar a.value:hover {text-decoration:none;}

.project-page section {margin:0 0 50px 0;}
.project-page section:last-child {margin-bottom:0;}
.project-page .right {flex:1; font-size:18px; line-height:140%; color:#333;}
.project-page .right h3 {margin:0 0 15px 0; font-size:18px; line-height:140%; font-weight:700; letter-spacing:1px; color:#000; text-transform:uppercase;}

.project-page .next-project {margin:40px 0; text-align:right;}
.project-page .next-project a {color:#000; text-decoration:none;}
.project-page .next-project a:hover strong {text-decoration:underline;}

@media (min-width:1101px){
  .project-page .content {padding:30px;}
}

@media (max-width:900px){
  .project-page .content {flex-direction:column;}
  .project-page .content .sidebar {order:2; margin:40px 0 0 0;}
  .project-page .content .right {order:1;}
}


.product-page .content {display:flex;}
.product-page .top {margin:0 0 30px 0; padding:30px 0; background:rgba( 0,0,0, .025 );}

.product-page .head {display:grid; grid-template-columns:3fr 1fr; margin:0 0 40px 0;}
.product-page .crumbs {order:3; margin:0;}
.product-page .collection {order:2; grid-row:span 2; align-self:flex-end; justify-self:flex-end; display:flex; flex-direction:column; gap:5px; text-align:right;}
.product-page .collection label {text-transform:uppercase; color:rgba( 0,0,0, .5 );}
.product-page .collection a {font-weight:600; color:rgba( 0,0,0, .75 );}

@media (min-width:769px){
  .product-page .collection > div {white-space:nowrap;}
}

.product-page h3 {padding:0 0 20px 0; border-bottom:2px solid var(--lightgrey); text-transform:uppercase; font-weight:normal; color:rgba( 0,0,0, .75 );}

.product-page .specifications .section-two-columns .column-one {flex:2;}
.product-page .specifications .section-two-columns .column-one:first-child {flex:3;}
.product-page .specifications:not(:last-child) {margin-bottom:40px;}

.product-page .downloads {display:flex; gap:80px; padding:40px 0;}
.product-page .downloads a {display:flex; flex-direction:column; align-items:center; gap:10px; color:rgba( 0,0,0, .5 ); text-decoration:none;}
.product-page .downloads a i {font-size:32px;}
.product-page .downloads a:hover .label {text-decoration:underline;}

.product-page .hero-section {justify-content:center;}
.product-page .hero-section .item {align-items:center; width:auto; max-height:400px;}
.product-page .hero-section .item img {width:auto;}

.product-page .section-two-columns {display:flex; gap:80px;}
.product-page .section-two-columns .column-one {flex:1;}

@media (max-width:900px){
  .product-page .section-two-columns {flex-direction:column; padding:0;}
}

.product-page .summary {font-size:22px; line-height:140%; color:rgba( 0,0,0, .5 );}
.product-page .summary:not(:only-child) {margin-bottom:40px;}

/*
.product-page .hero-section {padding:0;}
.product-page .hero-section .item {width:100%; margin:0;}
.product-page .hero-section .item img {width:100%; height:auto;}
*/

.product-page .dimensions table {width:100% !important;}
.product-page .dimensions table tr td {padding:8px 16px 8px 8px;}
.product-page .dimensions table tr td:first-child {width:10px; color:rgba( 0,0,0, .5 );}
.product-page .dimensions table tr td:nth-child(2n) {width:10px; padding-right:75px; white-space:nowrap;}
.product-page .dimensions table td {border:1px solid rgba( 0,0,0, .1 );}

@media (max-width:900px){
  .product-page .dimensions table tr td:nth-child(2n) {width:100%; padding-right:16px; white-space:normal;}
}

.product-page .gallery {display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; grid-gap:20px; align-items:stretch;}
.product-page .gallery .item {position:relative; overflow:hidden; background:center no-repeat; background-size:cover;}
.product-page .gallery .item.hide {display:none;}
.product-page .gallery .item img {width:100%; height:auto; opacity:0;}
.product-page .gallery .item:first-child {grid-row:span 2;}
.product-page .gallery .item:first-child img {width:auto; width:100%; height:100%; max-height:580px;}
.product-page .gallery .item img.dda {opacity:1; position:absolute; z-index:2; bottom:0; left:0; width:120px; max-width:33%; height:auto; max-height:none; transform:rotate(-20deg);}
.product-page .gallery .item .more {position:absolute; z-index:2; left:50%; bottom:10px; transform:translateX(-50%); padding:8px 20px; background:#666; color:white; font-size:14px; line-height:1em;}
.product-page .gallery {margin-bottom:0px;}
.product-page .gallery .slick-arrow {opacity:0; pointer-events:none;}
.product-page .gallery .slick-vertical .slick-slide {margin-bottom:20px;}

.product-page .gallery.gallery-one {grid-template-columns:1fr;}
.product-page .gallery.gallery-one .item {background-size:contain; background-color:white;}
.product-page .gallery.gallery-two .item:nth-child(2) {grid-row:span 2; background-color:white; background-size:contain;}

.product-page .sidebar {width:27.5%; padding-top:105px; padding-right:80px; font-size:18px;}
.product-page .sidebar .field {margin:0 0 30px 0;}
.product-page .sidebar label {display:block; margin:0 0 7px 0; color:rgba( 0,0,0, .4 ); font-size:14px; line-height:140%; text-transform:uppercase;}
.product-page .sidebar a.value {color:rgba( 0,0,0, .75 );}
.product-page .sidebar a.value:hover {text-decoration:none;}
.product-page .sidebar a.download {transition:transform .2s; display:flex; flex-direction:column; align-items:center; padding:10px; text-decoration:none; font-size:12px; line-height:140%; text-transform:uppercase; letter-spacing:1px; color:rgba( 0,0,0, .5 );}
.product-page .sidebar a.download i {margin:0 0 15px 0; color:#3ba4d2; font-size:32px;}
.product-page .sidebar a.download:hover {color:#000;}

.product-page section {margin:0 0 40px 0;}
.product-page section:last-child {margin-bottom:0;}
.product-page .right {flex:1; font-size:18px; line-height:140%; color:#333;}
.product-page .right h3 {margin:0 0 15px 0; font-size:26px; line-height:140%; font-weight:normal; color:var(--orange);}
/*
.product-page .relatedProducts h3 {margin:0 0 15px 0; font-size:26px; line-height:140%; font-weight:normal; color:var(--orange);}
*/

.product-page h2 {font-size:36px; line-height:140%; font-weight:normal; color:var(--charcoal);}
.product-page h4 {font-size:18px; line-height:140%; font-weight:bold;}

.product-page .info-grid {display:grid; grid-template-columns:1fr 3fr; width:100%; margin:0 0 1em 0;}
.product-page .info-grid label,
.product-page .info-grid .value {padding:12px 0; border-bottom:1px solid rgba( 0,0,0, .05 );}
.product-page .info-grid label:last-of-type,
.product-page .info-grid .value:last-of-type {border-bottom:0;}
.product-page .info-grid label {padding-right:20px; font-weight:bold;}

.product-page .relatedProducts {margin-top:40px;}

.product-page .tab-wrapper {max-width:600px; margin:0 0 0 auto;}
.product-page .tab-wrapper {position:relative; display:flex; flex-direction:column; font-size:14px; line-height:140%;}
.product-page .tab-wrapper .tabs {z-index:2; display:flex; align-items:stretch; padding:0 10px; font-size:14px; line-height:140%; font-weight:600;}
.product-page .tab-wrapper .tabs .tab {padding:10px 30px; background:rgba( 0,0,0, .05 ); border:1px solid rgba( 0,0,0, 0 ); border-bottom:0; cursor:pointer;}
.product-page .tab-wrapper .tabs .tab:hover {background:rgba( 0,0,0, .1 );}
.product-page .tab-wrapper .tabs .tab.active {margin-bottom:-1px; background:white; border-color:rgba( 0,0,0, .1 );}
.product-page .tab-wrapper .panels {z-index:1;}
.product-page .tab-wrapper .panels .panel {padding:20px; background:white; border:1px solid rgba( 0,0,0, .1 ); border-radius:2px;}
.product-page .tab-wrapper .panels .panel .u-mb-6:not(:last-child) {margin-bottom:1rem;}
.product-page .tab-wrapper .panels .panel h4 {margin-bottom:5px; font-weight:600;}

.installation .items {display:flex; flex-wrap:wrap; gap:60px; padding:40px 0;}
.installation .items .item {display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;}
.installation .items .item img {max-width:100px;}
.installation .items .item .name {font-size:14px; line-height:1.2em; font-weight:400; text-transform:uppercase; letter-spacing:1px; color:rgba( 0,0,0, 1 );}

@media (max-width:768px){
  .installation .items {justify-content:center; gap:40px;}
}

/*
.product-page .collection {display:flex; flex-direction:column; margin:0 0 30px 0;}
.product-page .collection a {margin:0 0 5px 0; font-size:24px; font-weight:bold; color:rgba( 0,0,0, .5 );}
.product-page .collection span {text-transform:uppercase; color:rgba( 0,0,0, .4 );}
*/

.product-page .keyline img {margin:auto;}


@media (min-width:1480px){
  .product-page .container {padding:0 20px;}
}

@media (min-width:1101px) and (max-width:1480px){
  .product-page .container {padding:0 50px;}
}

@media (max-width:1024px){
  .product-page .gallery .hero {display:block;}
  .product-page .gallery .productImage {margin-bottom:10px;}

  .product-page .gallery {grid-template-columns:repeat( 3, 1fr ); grid-template-rows:1fr;}
  .product-page .gallery .item {overflow:visible; background:none !important;}
  .product-page .gallery .item:first-child {grid-row:1;}
  .product-page .gallery .item img,
  .product-page .gallery .item:first-child img:not(.dda) {width:100%; height:auto; max-height:none; opacity:1;}
  
  .product-page .gallery.gallery-two {grid-template-columns:repeat( 2, 1fr );}

  .product-page .slick-vertical .slick-slide {border:0;}
}

@media (max-width:768px){
  .product-page .head {grid-template-columns:1fr; text-align:center;}
  .product-page .collection {grid-row:3; margin-top:30px; justify-self:center; text-align:center;}
  .product-page .gallery,
  .product-page .gallery.gallery-two {grid-template-columns:1fr;}
}

@media (min-width:1025px){
  .cat-grid {grid-template-columns:repeat( 5, 1fr );}
}


.ui-datepicker .ui-datepicker-title select {height:auto; font-size:14px !important;}
.ui-datepicker .ui-datepicker-buttonpane button {height:auto; font-size:14px;}

.extraimages {display:none;}
@media print { .extraimages {display:block;} }

.printcontact {display:none; padding-top:20px;}
@media print { .printcontact {display:block;} }




.container {}

section.gallery .container {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}


section.columns {--column-count: 1;}
section.columns .container {display:grid; grid-template-columns:repeat(var(--column-count), 1fr); padding:30px;}
section.columns .column {padding:0 30px;}
section.columns .column h6 {background:rgba(0,0,0,0.1); padding:3px 6px; border-radius:3px; display:inline-block; font-size:15px; margin-bottom:20px;}
section.columns .column p {color:rgba(0,0,0,0.7); line-height:135%;}

@media (max-width:700px){
  section.columns .container {grid-template-columns:1fr; gap:30px;}
}

section.application {}
section.application .text {padding-top:50px; padding-bottom:50px;}

.form {}
.form input[type="text"],
.form input[type="email"],
.form textarea,
.form select {max-width:100%; border:1px solid rgba( 0,0,0, .2 ); border-radius:5px;}
.form textarea {height:100px;}
.form fieldset {display:flex; flex-direction:column; gap:10px;}
.form fieldset .field {display:flex; flex-direction:column; gap:10px;}
.form fieldset .row {display:flex; align-items:center; gap:30px;}
.form fieldset .row .field {flex:1;}

@media (max-width:900px){
  .form fieldset .row {flex-direction:column; align-items:stretch; gap:10px;}
}

#home-hero-video {--aspect-ratio:16/9; position:relative; background:url('/images/hero-video-bg.jpg') no-repeat center; background-size:cover;}
#home-hero-video .container {padding:0;}
#home-hero-video .container:after {content:''; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba( 0,0,0, .4 );}
#home-hero-video iframe {position:relative; z-index:1; display:block; width:100%; aspect-ratio:var(--aspect-ratio);}
#home-hero-video .text {position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; gap:20px; color:white; text-align:center;}
#home-hero-video .text .title {font-size:40px; font-weight:bold;}
#home-hero-video .text .subtitle {font-size:20px; font-weight:bold;}
#home-hero-video .text .contact {display:inline-flex; align-items:center; gap:20px;}
#home-hero-video .text .contact .button {background:var(--brand-light-yellow);}
#home-hero-video .text .contact .phone {text-decoration:none; color:var(--brand-orange);}

@media (max-width:600px){
  #home-hero-video {position:relative; height:60vh; overflow:hidden;}
  #home-hero-video iframe {position:absolute; transform:translateX(-50%); left:50%; top:0; width:auto; height:100%;}

  #home-hero-video .text {width:100%; padding:30px;}
  #home-hero-video .text .title {font-size:30px;}

  #home-hero-video .text .contact {flex-direction:column;}
}

#why-choose {padding:50px;}
#why-choose h3 {margin:0 0 20px 0; font-size:30px; font-weight:bold;}

@media (max-width:600px){
  #why-choose {padding:30px 0;}
}

.home-testimonials {}
.home-testimonials .container {padding:100px 50px; display:flex; flex-direction:column; align-items:center; gap:20px; border-top:1px solid rgba(0,0,0,0.1);}
.home-testimonials .title {font-size:20px; opacity:0.7; text-transform: uppercase;}
.home-testimonials .slides-wrapper {width:100%; max-width:600px;}
.home-testimonials .slides {padding-top:50px; padding-bottom:60px;}
.home-testimonials .slides .slick-dots {bottom:0px;}
.home-testimonials .testimonial {display:flex; flex-direction:column; align-items:center; gap:15px; max-width:600px;}
.home-testimonials .testimonial .logo {}
.home-testimonials .testimonial .logo img {max-width:120px;}
.home-testimonials .testimonial .text {text-align:center;}
.home-testimonials .testimonial .by {display:flex; align-items:center; gap:10px;}

.home-projects {padding:100px 50px; background:#333; box-shadow: 0px 0px 0px 0px white;}
.home-projects .container {display:flex; gap:40px; /*max-width:1200px;*/}
.home-projects .text {flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:20px; color:white;}
.home-projects .text h3 {font-size:30px;}
.home-projects .projects {flex:1; display:grid; grid-template-columns:repeat(2, 1fr); gap:30px;}
.home-projects .projects .project {display:flex; flex-direction:column; max-width:350px; background:#222; padding:10px;}
.home-projects .projects .project img {width:100%; object-fit:cover;}
.home-projects .projects .project .title {padding:30px; background:#222; color:#fff; font-size:20px; text-align:center;}
.home-projects a.button {background:#fff; color:#000; font-weight:bold; margin-top:15px;}

@media (max-width:1200px){
  .home-projects .container {flex-direction:column;}
}

@media (max-width:600px){
  .home-projects {padding:50px 20px;}
  .home-projects .projects {grid-template-columns:1fr;}
  .home-projects .projects .project {justify-self:center;}
}

.home-distributors {padding:100px 50px;}
.home-distributors .container {display:flex; flex-direction:column; align-items:center; gap:30px;}
.home-distributors .title {font-size:20px; opacity:0.7; text-transform: uppercase;}
.home-distributors .distributors {flex:1; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px;}
.home-distributors .distributors .distributor {display:flex; flex-direction:column; max-width:250px; opacity:0.8;}
.home-distributors .distributors .distributor:hover {opacity:1;}
.home-distributors .distributors .distributor img {width:100%;}

@media (max-width:1200px){
  .home-distributors .distributors {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:600px){
  .home-distributors {padding:50px 0;}
  .home-distributors .distributors {grid-template-columns:1fr;}
  .home-distributors .title {text-align:center;}
}

.home-request-quote {padding:0; background:linear-gradient(to bottom, rgb(255,255,255), rgb(242,242,242)); /* margin-bottom:-30px; */}
.home-request-quote .container {display:flex; align-items:center; gap:30px; padding:80px 50px; background: #e4aa31 url('/images/home-quote-bg.jpg') no-repeat top right;}
.home-request-quote .text {flex:1; display:flex; flex-direction:column; gap:20px; color:white; margin-right:300px;}
.home-request-quote .title {font-size:30px; font-weight:bold;}
.home-request-quote .subtitle {font-size:18px;}
.home-request-quote .action {}
.home-request-quote .action .button {background:black; /* border:1px solid white; */}
.home-request-quote .action .button:hover {opacity:1; background:white; color:black;}

@media (max-width:600px){
  .home-request-quote .container {flex-direction:column;}
  .home-request-quote .text {margin-right:0;}
}

section.applications-grid {--columns:3;}
section.applications-grid .container {display:grid; grid-template-columns:repeat(var(--columns), 1fr); gap:30px;}
section.applications-grid .item {display:flex; flex-direction:column; align-items:center; gap:20px; text-decoration:none;}
section.applications-grid .item .image {flex:1;}
section.applications-grid .item .image.blank {width:100%; background:rgba( 0,0,0, .1 );}
section.applications-grid .item .image img {object-fit:cover;}
section.applications-grid .item .name {text-align:center; font-weight:bold;}

@media (max-width:1200px){
  section.applications-grid {--columns:2;}
}

@media (max-width:600px){
  section.applications-grid {--columns:1;}
}

section.application {}
section.application .container {display:flex; gap:60px; max-width:1450px; padding:0 20px;}
section.application .sidebar {display:flex; flex-direction:column; gap:10px; min-width:300px; max-width:300px;}
section.application .sidebar a {text-decoration:none;}
section.application .sidebar a.active {font-weight:bold;}
section.application .sidebar a:hover {opacity:0.7;}
section.application .application-content {flex:1;}

@media (max-width: 1480px) {
  section.application .container {padding:0 50px;}
}

@media (max-width:1100px){
  section.application .container {padding:0 30px;}
}

@media (max-width:1024px){
  section.application .container {flex-direction:column; gap:0;}
  section.application .sidebar {order:2; min-width:1px; max-width:none; width:100%; padding-top:30px; border-top:1px solid rgba( 0,0,0, .1 );}
}