.ob-page{--ob-blue:#1d1f72;--ob-teal:#003043;--ob-teal2:#066b83;--ob-cyan:#0692a6;--ob-light:#eaf6f8;--ob-dark:#111;--ob-white:#fff;color:#111;background:#fff;font-family:inherit}
.ob-page *{box-sizing:border-box}
.ob-page img{max-width:100%;height:auto;display:block}
.ob-container{width:100%;margin:auto}
.ob-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 25px;border:1px solid currentColor;background:transparent;color:inherit;text-decoration:none;text-transform:uppercase;font-size:18px;font-weight:600;letter-spacing:2px;line-height:1;transition:.2s ease}
.ob-btn:hover{background:#FFFFFF;text-decoration:none}.ob-btn:hover span{color:#000}
.ob-hero{min-height:850px;background-image:url('/images/2023/09/18/brands-bg.jpg');background-size:cover;background-position:center;display:grid;place-items:center;text-align:center;color:#fff;padding:120px 20px;margin-bottom: 10px;}
.ob-hero__inner{max-width:1120px}
.ob-title{margin:0 0 28px;text-transform:uppercase;color:#FFFFFF; font-size:clamp(28px, 4vw, 48px);line-height:1.05;font-weight:900;letter-spacing:13px}
.ob-hero p{margin:0 auto;font-size:clamp(17px,1.5vw,25px);font-weight:500;line-height:1.5;max-width:1220px}
.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff}
.ob-cell{min-height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden}

.ob-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;background:#fff}.ob-cell{min-height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ob-cell--image{grid-column:span 5}.ob-cell--content{grid-column:span 7;text-align:center;padding:54px 7%;color:#fff}.ob-cell--image img{width:100%;height:100%;object-fit:cover}

.ob-cell--image img{width:100%;height:100%;object-fit:cover}
.ob-cell--content{text-align:center;padding:54px 7%;color:#fff}
.ob-cell--brand{background:#003043}.ob-cell--wood{background:#005c80}.ob-cell--solar{background:#0085a1;color:#fff}.ob-cell--arctic{background:#e8f4f7;color:#031033}
.ob-logo{margin:0 auto 24px;max-width:300px;width:35%}
.ob-cell--solar .ob-logo{max-width:245px}.ob-cell--arctic .ob-logo{max-width:360px}
.ob-copy{max-width:700px;margin:0 auto}
.ob-copy p{margin:0 0 18px;font-size:16px;line-height:1.45}
.ob-buttons{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:26px}

.ob-cta { background:#1a1c67; color:#fff; padding:62px 0; }
.ob-cta__grid { display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:70px; }
.ob-cta__media img { width:100%; display:block; height:auto; padding-left: 50px; }
.ob-cta__copy { text-align:center; }
.ob-cta h2 { color:#fff; margin:0 0 28px; text-transform:uppercase; letter-spacing:clamp(6px, .5vw, 10px); font-size:clamp(28px, 4vw, 48px); line-height:1.25; font-weight:900; }
.ob-cta p { max-width:620px; margin:0 auto 18px; font-size:16px; line-height:1.55; }
.ob-cta .ob-btn { margin-top:18px; }


@media (max-width:991px){
  .ob-hero{min-height:520px;padding:90px 18px}.ob-title{letter-spacing:5px}
  .ob-grid{display:block}.ob-cell{min-height:auto}.ob-cell--image{height:360px}.ob-cell--content{padding:50px 7%}
  .ob-cta__media img { padding: 0px 25px !important; }
  .ob-cta__copy { padding: 0 15px; }
}
@media (max-width:767px){
  .ob-hero{min-height:450px;padding:70px 16px;background-position:34% center}
  .ob-title{font-size:28px;line-height:1.15;letter-spacing:5px;margin-bottom:18px}
  .ob-hero p{font-size:16px;line-height:1.5;max-width:350px;font-weight:500}
  .ob-grid{display:flex;flex-direction:column;gap:0;background:#fff}
  .ob-grid>.ob-cell:nth-child(2){order:1}.ob-grid>.ob-cell:nth-child(1){order:2}
  .ob-grid>.ob-cell:nth-child(3){order:3}.ob-grid>.ob-cell:nth-child(4){order:4}
  .ob-grid>.ob-cell:nth-child(6){order:5}.ob-grid>.ob-cell:nth-child(5){order:6}
  .ob-grid>.ob-cell:nth-child(7){order:7}.ob-grid>.ob-cell:nth-child(8){order:8}
  .ob-cell{min-height:auto}.ob-cell--image{height:auto}.ob-cell--image img{height:auto;object-fit:contain}
  .ob-cell--content{padding:42px 28px}.ob-copy p{font-size:16px;line-height:1.42;margin-bottom:16px}
  .ob-logo{width:50%;max-width:170px;margin-bottom:22px}.ob-cell--solar .ob-logo{max-width:150px}.ob-cell--arctic .ob-logo{max-width:190px}
  .ob-buttons{display:block;margin-top:22px}.ob-buttons .ob-btn{margin:7px auto 0}
  .ob-btn{min-height:34px;font-size:16px;letter-spacing:1.8px;padding:9px 16px}
  .ob-cta{padding:50px 0 50px}.ob-cta .ob-container{width:100%}.ob-cta__grid{display:block}
  .ob-cta__media{max-width:none;margin:0 auto 28px}
  .ob-cta h2{font-size:26px;letter-spacing:7px;line-height:1.18;margin-bottom:22px}.ob-cta p{font-size:16px;line-height:1.45;margin-bottom:16px}
}
@media (max-width:420px){
  .ob-hero{min-height:440px}.ob-cell--content{padding:40px 24px}.ob-title{font-size:28px;letter-spacing:5px}
}@media (min-width: 992px) {}@media (min-width: 768px) and (max-width: 991px) {}@media (max-width: 767px) {}#retrina_grand_information_22_1_0_grand_1{position:relative;  padding-left:0px !important ;padding-right:0px !important ;padding-top:0px !important ;padding-bottom:0px !important ;  padding-right: calc(1.5rem * 0.5);padding-left: calc(1.5rem * 0.5);max-width:initial; width:calc(100vw); left: calc(50%); right: calc(50%); margin-left:calc(-50vw); margin-right:calc(-50vw); } #retrina_grand_information_22_1_0_grand_1:after{width:100vw;height:100%;position:absolute;top:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;z-index:-1;}