.gl-page { color: #3a3a3a; }
.gl-hero img { display: block; width: 100%; height: auto; }
.gl-intro { }
.gl-intro-inner { max-width: 1000px; margin: 0 auto; padding: 90px 28px 70px; text-align: center; }
.gl-intro-inner p { margin: 0 0 22px; font-size: 16px; line-height: 1.9; }
.gl-head { text-align: center; padding: 72px 24px 36px; }
.gl-head h2 { margin: 0; font-size: 30px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: #2b2b2b; }
.gl-head p { margin: 14px 0 0; font-size: 16px;  text-transform: uppercase; color: #4a4a4a; }
.gl-cat-text .sub { margin: 14px 0 0; font-size: 16px;  text-transform: uppercase; color: #4a4a4a; margin-bottom:50px; text-align:center;}
.gl-cert, .gl-qualities, .gl-fac, .gl-contact { background: #c4bab4; }
.gl-cert{padding-bottom:72px;}
.gl-cert-body { display: grid; grid-template-columns:45% 1fr; gap:40px; align-items: stretch;  width: 90%; margin: 0 auto;}
.gl-cert-cards {display:flex; flex-direction:column; justify-content:space-between; gap:20px; }
.gl-cert-card {background: #262525; color: #c1b7b3; padding: .6vw 28px; font-size: 18px; line-height: 1.55; }
.gl-cert-card p { margin: 0; }
.gl-cert-pic { flex: 1; display: flex; min-height: 420px; }
.gl-cert-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }

.gl-premium {padding-bottom: 70px; }
.gl-copy { max-width: 980px; margin: 0 auto; padding: 10px 28px 0; text-align: center; }
.gl-copy p { margin: 0 0 18px; font-size: 15px; line-height: 1.9; }

.gl-q-list { display: flex; padding: 10px 0 80px; background: #c4bab4; width:90%; margin:0 auto; }
.gl-q-item { position: relative; flex: 1; min-width: 0; }
.gl-q-item img { display: block; width: 100%; height: auto; object-fit: cover; }
.gl-q-item span { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); background: #c1b7b3; color: #222; font-size: 12px; letter-spacing: 1px; padding: 8px 12px; white-space: nowrap; }

.gl-categories { display: flex; align-items: center; gap: 48px; max-width: 1440px; margin: 0 auto; padding: 90px 40px;}
.gl-cat-pic, .gl-cat-text { flex: 1; min-width: 0; }
.gl-cat-pic img { display: block; width: 100%; height: auto; }
.gl-cat-text { text-align: left; }
.gl-cat-text h2 { margin: 0 0 8px; font-size: 30px; text-align:center; font-weight: 600; letter-spacing: 2px; }
.gl-cat-text p { margin: 0 0 16px; font-size: 15px; line-height: 1.85; }

.gl-fac { background: #c4bab4; padding-bottom: 60px; }
.gl-fac-list { width:90%; margin:0 auto 20px; }
.gl-fac-row { display: flex; align-items: stretch;min-height: 360px; }
.gl-fac-row:nth-child(even) { flex-direction: row-reverse; }
.gl-fac-pic, .gl-fac-txt { flex: 50%; min-width: 0; }
.gl-fac-pic { display: flex; }
.gl-fac-pic img { display: block; width: 100%; height: 100%; object-fit: cover; min-height: 360px; }
.gl-fac-txt { background: #262525; color: #c1b7b3; display: flex;  flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 36px 42px; }
.gl-fac-txt p { margin: 0 0 14px; font-size: 15px; line-height: 1.8; }
.gl-fac-txt p:last-child { margin-bottom: 0; }

.gl-partners {padding-bottom: 80px; }
.gl-logo-list { list-style: none; margin: 10px auto 0; max-width: 1000px; display: flex; flex-wrap: wrap; }
.gl-logo-list li { width: 50%; box-sizing: border-box; padding: 28px 20px; text-align: center; }
.gl-logo-list img { max-width: 100%; width: 100%; height: auto; }

.gl-quote { display: flex; }
.gl-quote-bg { flex: 1.15; background-size: cover; background-position: left center; background-repeat:no-repeat; }
.gl-quote-txt { flex: 0.85; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #c1b7b3; padding: 15% 36px; font-family: Georgia, "Times New Roman", serif; position: absolute; right: 0; width: 50%;}
.gl-quote-txt p { margin: 0; font-size: 50px; line-height: 1.45; }
.gl-quote-txt cite { display: block; margin-top: 22px; font-size: 16px; font-style: normal; text-align:right;}

.gl-gallery { padding-bottom: 80px; }
.gl-gallery .product-list { max-width: 1320px; margin: 0 auto; padding: 10px 36px 0; }
.gl-gallery .product-list ul { overflow: hidden; margin: 0; padding: 0; list-style: none; }
.gl-gallery .product-list ul li { float: left; width: 23.3%; margin: 0 2.2% 2.2% 0; background: #f0f0f0; text-align: center; position: relative; overflow: hidden; list-style: none; }
.gl-gallery .product-list ul li:nth-of-type(4n) { margin-right: 0; }
.gl-gallery .product-list .feed { clear: both; height: 69px; position: relative; background: url(../images/logo.png) no-repeat 25px 28px; background-size: 80px; }
.gl-gallery .product-list .heart { background: url(../images/web_heart_animation.png) left center no-repeat; background-size: 2900%; height: 69px; width: 69px; position: absolute; right: 0; top: 0; }
.gl-gallery .product-list .likeCount { width: 50px; text-align: center; font-size: 10px; position: absolute; right: 10px; bottom: 5px; }
.gl-gallery .product-list img { display: block; width: 100%; height: auto; }
.gl-gallery .product-list .note { text-align: center; height: 78px; line-height: 28px; padding: 0 50px; position: relative; }
.gl-gallery .product-list .note a { color: #595757; border-bottom: 1px solid #595757; padding: 0 0 5px; }
.gl-gallery .product-list .note a.add { width: 16px; height: 16px; display: block; background: url(../images/icon_add.png) no-repeat; background-size: 16px; padding: 0; border: none; position: absolute; right: 30px; top: 8px; }
.gl-more-wrap { text-align: center; padding-top: 10px; }
.gl-more { display: inline-block; border: 1px solid #333; color: #333; padding: 10px 36px; letter-spacing: 1px; text-decoration: none; }
.gl-more:hover { background: #333; color: #c1b7b3; }

.gl-contact { display: flex; align-items: stretch; padding: 50px 5%; }
.gl-contact-pic, .gl-contact-info { flex: 1; min-width: 0; }
.gl-contact-pic img { display: block; width: 100%; height: 100%; object-fit: cover; min-height: 420px; }
.gl-contact-info { display: flex; flex-direction: column; justify-content: center; padding: 48px 40px; }
.gl-contact-info .gl-head { background: transparent; padding-top: 0; }
.gl-cinfo { list-style: none; margin: 10px auto 0; padding: 0; max-width: 460px; }
.gl-cinfo li { position: relative; padding: 10px 0 10px 36px; font-size: 15px; line-height: 1.6; text-align: left; }
.gl-cinfo li p { margin: 0; }
.gl-cinfo li a { color: #2b2b2b; }
.gl-cinfo li:before { content: ""; position: absolute; left: 0; top: 12px; width: 18px; height: 18px; background: #2b2b2b; }
.gl-cinfo li.company:before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 21V9l9-6 9 6v12h-6v-7H9v7z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 21V9l9-6 9 6v12h-6v-7H9v7z'/%3E%3C/svg%3E") center/contain no-repeat; background: #2b2b2b; }
.gl-cinfo li.address:before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") center/contain no-repeat; }
.gl-cinfo li.email:before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 6h20v12H2zm2 2v.2l8 5 8-5V8l-8 5z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 6h20v12H2zm2 2v.2l8 5 8-5V8l-8 5z'/%3E%3C/svg%3E") center/contain no-repeat; }
.gl-cinfo li.phone:before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.6 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 7a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11 11 0 0 0 .6 3.6 1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.6 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 7a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11 11 0 0 0 .6 3.6 1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat; }

@media (max-width: 1024px) {
  .gl-head h2, .gl-cat-text h2 { font-size: 22px; }
  .gl-cert-body, .gl-categories, .gl-contact { flex-direction: column; }
  .gl-cert-pic img, .gl-contact-pic img { min-height: 280px; height: auto; }
  .gl-q-list { flex-wrap: wrap; }
  .gl-q-item { flex: 0 0 calc(33.33% - 10px); }
  .gl-q-item img { height: auto; }
  .gl-fac-row, .gl-fac-row:nth-child(even) { flex-direction: column; }
  .gl-gallery .product-list ul li, .gl-gallery .product-list ul li:nth-of-type(4n) { width: 48%; margin-right: 4%; }
  .gl-gallery .product-list ul li:nth-of-type(2n) { margin-right: 0; }
  .gl-quote-txt p { font-size: 36px; }
  .gl-cert-card{font-size:16px;}
}
@media (max-width: 768px) {
  .gl-intro-inner { padding: 48px 18px 36px; }
  .gl-intro-inner p, .gl-copy p, .gl-cat-text p, .gl-fac-txt p { font-size: 14px; }
  .gl-head { padding: 42px 16px 22px; }
  .gl-head h2, .gl-cat-text h2 { font-size: 18px; letter-spacing: 1px; }
  .gl-fac-txt, .gl-contact-info { padding: 24px 16px; }
  .gl-q-list, .gl-fac-list { padding-left: 12px; padding-right: 12px; }
  .gl-q-item { flex: 0 0 calc(50% - 10px); }
  .gl-q-item span { font-size: 10px; padding: 6px 8px; bottom: 12px; white-space: normal; width: 86%; text-align: center; }
  .gl-categories { padding: 40px 16px; gap: 20px; }
  .gl-logo-list li {  padding: 16px 10px; }
  .gl-quote-txt p { font-size: 30px; }
  .gl-gallery .product-list { padding-left: 12px; padding-right: 12px; }
  .gl-cert-body{grid-template-columns:repeat(1, 1fr); gap:20px;}

  
}
@media (max-width: 425px) {
  .gl-gallery .product-list ul li, .gl-gallery .product-list ul li:nth-of-type(2n), .gl-gallery .product-list ul li:nth-of-type(4n) { width: 100%; margin-right: 0; }
  .gl-quote{flex-direction:column;}
  .gl-quote-txt{position:relative; background:#1a1a1a; width:100%; text-align:center; padding:5%;}
  .gl-cert-card{font-size:14px;}
}