:root {
--green-deep: #2d4a35;
--green-mid: #3d6b48;
--green-light: #5a8c66;
--green-muted: #c8d9cb;
--grey-dark: #1e1e1e;
--grey-mid: #4a4a4a;
--grey-light: #8a8a8a;
--grey-pale: #f2f2f0;
--white: #fafaf8;
--black: #111111;
--gold: #b8965a;
--border: rgba(45, 74, 53, 0.15);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
font-family: 'Inter', sans-serif;
background: var(--white);
color: var(--grey-dark);
overflow-x: hidden;
} nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 48px;
height: 88px;
background: rgba(17, 17, 17, 0.96);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255,255,255,0.06);
transition: background 0.3s;
}
.stacked-logo {
display: flex;
flex-direction: column;
gap: 4px;
text-decoration: none;
flex-shrink: 0;
}
.logo-main {
font-family: Georgia, serif;
font-size: 26px;
letter-spacing: 7px;
color: #f4f4f4;
text-transform: uppercase;
}
.logo-sub {
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
color: #6fa06f;
font-weight: 600;
}
.nav-links {
display: flex;
list-style: none;
gap: 40px;
align-items: center;
}
.nav-links a {
font-family: 'Inter', sans-serif;
font-size: 0.88rem;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(255,255,255,0.8);
text-decoration: none;
transition: color 0.2s;
}
.nav-links a:hover { color: var(--green-light); }
.nav-cta {
font-family: 'Inter', sans-serif;
font-size: 0.88rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--white) !important;
background: var(--green-deep);
padding: 10px 24px;
border: 1px solid var(--green-mid);
transition: background 0.2s !important;
white-space: nowrap;
flex-shrink: 0;
}
.nav-cta:hover { background: var(--green-mid) !important; color: var(--white) !important; }
.hamburger {
display: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
background: none;
border: none;
padding: 4px;
}
.hamburger span {
display: block;
width: 24px;
height: 2px;
background: var(--white);
transition: all 0.3s;
} #home {
height: 100vh;
min-height: 700px;
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
background: var(--black);
}
.hero-slider {
position: absolute;
inset: 0;
}
.hero-slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.2s ease;
}
.hero-slide.active { opacity: 1; }
.hero-slide-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-slide:nth-child(1) { background-size: cover; background-position: center; }
.hero-slide:nth-child(2) { background-image: url(//deerwoodmillwork.com/wp-content/themes/deerwood-theme/images/hero3.webp); background-size: cover; background-position: center; }
.hero-slide:nth-child(3) { background-image: url(//deerwoodmillwork.com/wp-content/themes/deerwood-theme/images/bomb2.jpg); background-size: cover; background-position: center; }
.hero-slide:nth-child(4) { background-image: url(//deerwoodmillwork.com/wp-content/themes/deerwood-theme/images/hero5.webp); background-size: cover; background-position: center; }
.hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.15) 100%);
}
.hero-content {
position: relative;
z-index: 2;
padding: 0 80px 80px;
max-width: 900px;
}
.hero-logo {
width: 400px;
max-width: 70vw;
height: auto;
display: block;
margin-bottom: 32px;
opacity: 0;
animation: fadeUp 0.8s 0.3s forwards;
filter: drop-shadow(0 4px 24px rgba(0,0,0,0.5));
}
.hero-eyebrow {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--green-light);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 16px;
opacity: 0;
animation: fadeUp 0.8s 0.3s forwards;
}
.hero-eyebrow::before {
content: '';
display: block;
width: 40px;
height: 1px;
background: var(--green-light);
}
.hero-title {
font-family: 'Playfair Display', serif;
font-size: clamp(3.2rem, 7vw, 6rem);
font-weight: 700;
line-height: 1.08;
color: var(--white);
margin-bottom: 28px;
opacity: 0;
animation: fadeUp 0.8s 0.5s forwards;
text-shadow: 0 2px 20px rgba(0,0,0,0.5);
}
.hero-title em {
font-style: italic;
color: var(--green-muted);
}
.hero-sub {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.75;
color: rgba(255,255,255,0.95);
max-width: 520px;
margin-bottom: 40px;
opacity: 0;
animation: fadeUp 0.8s 0.6s forwards;
text-shadow: 0 1px 12px rgba(0,0,0,0.6);
}
.hero-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
opacity: 0;
animation: fadeUp 0.8s 0.9s forwards;
}
.btn-primary {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
color: var(--white);
background: var(--green-deep);
border: 1px solid var(--green-mid);
padding: 16px 40px;
transition: background 0.2s;
}
.btn-primary:hover { background: var(--green-mid); }
.btn-outline {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
color: rgba(255,255,255,0.9);
border: 1px solid rgba(255,255,255,0.4);
padding: 16px 40px;
transition: border-color 0.2s, color 0.2s;
}
.btn-outline:hover { border-color: var(--white); color: var(--white); }
.hero-dots {
position: absolute;
bottom: 40px;
right: 80px;
display: flex;
gap: 8px;
z-index: 3;
}
.hero-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(255,255,255,0.3);
cursor: pointer;
transition: background 0.3s, transform 0.3s;
}
.hero-dot.active {
background: var(--green-light);
transform: scale(1.3);
} section { position: relative; }
.section-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 48px;
}
.section-label {
font-family: 'Inter', sans-serif;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--green-mid);
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 14px;
}
.section-label::before {
content: '';
display: block;
width: 28px;
height: 2px;
background: var(--green-mid);
flex-shrink: 0;
}
.section-heading {
font-family: 'Playfair Display', serif;
font-size: clamp(2.2rem, 4vw, 3.5rem);
font-weight: 700;
line-height: 1.15;
color: var(--grey-dark);
margin-bottom: 24px;
}
.section-heading em { font-style: italic; color: var(--green-deep); }
.section-body {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.85;
color: var(--grey-mid);
max-width: 640px;
} .stats-band {
background: var(--green-deep);
padding: 32px 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
}
.stat-item {
text-align: center;
padding: 16px 0;
border-right: 1px solid rgba(255,255,255,0.1);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.stat-item:last-child { border-right: none; }
.stat-visual {
height: 130px;
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 28px;
}
.stat-num {
font-family: 'Playfair Display', serif;
font-size: 7.8rem;
font-weight: 700;
color: var(--white);
line-height: 1;
}
.stat-num sup {
font-size: 2.5rem;
vertical-align: super;
}
.stat-label {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.6);
} #our-work {
padding: 120px 0;
background: var(--white);
}
.work-intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
margin-bottom: 80px;
}
.work-cards {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: 480px 400px;
gap: 4px;
margin-top: 0;
}
.work-card {
position: relative;
overflow: hidden;
background: var(--grey-dark);
}
.work-card-images {
position: absolute;
inset: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
}
.work-card-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.work-card:nth-child(1) { background: var(--grey-dark); }
.work-card:nth-child(2) { background: var(--grey-dark); }
.work-card:nth-child(3) { grid-column: 1 / -1; background: var(--grey-dark); }
.work-card-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(17,17,17,0.95) 0%, rgba(17,17,17,0.6) 50%, transparent 80%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 28px 24px;
opacity: 0;
transition: opacity 0.4s;
}
.work-card:hover .work-card-overlay { opacity: 1; }
.work-card-label { display: none; }
.work-card-title {
font-family: 'Inter', sans-serif;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--white);
line-height: 1.2;
margin-bottom: 8px;
}
.work-card-desc {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 400;
color: rgba(255,255,255,0.75);
line-height: 1.65;
margin-top: 10px;
}
.img-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 8px;
color: rgba(255,255,255,0.3);
font-family: 'Inter', sans-serif;
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.img-placeholder svg {
opacity: 0.25;
width: 40px;
height: 40px;
} #gallery {
padding: 120px 0;
background: var(--grey-pale);
}
.gallery-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 48px;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 280px;
gap: 4px;
}
.gallery-item {
position: relative;
overflow: hidden;
cursor: pointer;
}
.gallery-item:nth-child(1),
.gallery-item:nth-child(3),
.gallery-item:nth-child(8),
.gallery-item:nth-child(10) { grid-row: span 2; }
.gallery-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
display: block;
}
.gallery-item:hover .gallery-img { transform: scale(1.06); }
.gallery-item:nth-child(1)  { background: linear-gradient(135deg, #2d4a35 0%, #1e3a28 100%); }
.gallery-item:nth-child(2)  { background: linear-gradient(135deg, #3d3d3d 0%, #1e1e1e 100%); }
.gallery-item:nth-child(3)  { background: linear-gradient(135deg, #1e3a28 0%, #3d6b48 100%); }
.gallery-item:nth-child(4)  { background: linear-gradient(135deg, #4a4a4a 0%, #2a2a2a 100%); }
.gallery-item:nth-child(5)  { background: linear-gradient(135deg, #3d6b48 0%, #2d4a35 100%); }
.gallery-item:nth-child(6)  { background: linear-gradient(135deg, #2a2a2a 0%, #4a4a4a 100%); }
.gallery-item:nth-child(7)  { background: linear-gradient(135deg, #1e3a28 0%, #2d4a35 100%); }
.gallery-item:nth-child(8)  { background: linear-gradient(135deg, #3d3d3d 0%, #3d6b48 100%); }
.gallery-item:nth-child(9)  { background: linear-gradient(135deg, #2d4a35 0%, #3d6b48 100%); }
.gallery-item:nth-child(10) { background: linear-gradient(135deg, #1e1e1e 0%, #3d3d3d 100%); }
.gallery-item:nth-child(11) { background: linear-gradient(135deg, #3d6b48 0%, #1e3a28 100%); }
.gallery-item:nth-child(12) { background: linear-gradient(135deg, #2a2a2a 0%, #4a4a4a 100%); }
.gallery-item:nth-child(13) { background: linear-gradient(135deg, #2d4a35 0%, #1e1e1e 100%); }
.gallery-item:nth-child(14) { background: linear-gradient(135deg, #3d6b48 0%, #2d4a35 100%); }
.gallery-item:nth-child(15) { background: linear-gradient(135deg, #1e3a28 0%, #4a4a4a 100%); }
.gallery-item:nth-child(16) { background: linear-gradient(135deg, #2d4a35 0%, #3d3d3d 100%); }
.gallery-item:nth-child(17) { background: linear-gradient(135deg, #1e3a28 0%, #2a2a2a 100%); }
.gallery-overlay {
position: absolute;
inset: 0;
background: rgba(45, 74, 53, 0.0);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
}
.gallery-item:hover .gallery-overlay { background: rgba(45, 74, 53, 0.5); }
.gallery-plus {
width: 44px;
height: 44px;
border: 1px solid var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s;
color: var(--white);
font-size: 1.5rem;
font-weight: 300;
}
.gallery-item:hover .gallery-plus { opacity: 1; } #about {
padding: 120px 0;
background: var(--white);
}
.about-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
margin-bottom: 80px;
}
.about-img {
aspect-ratio: 4/3;
overflow: hidden;
background: linear-gradient(135deg, #2d4a35, #1e3a28);
}
.about-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.about-text .section-body { max-width: 100%; margin-bottom: 32px; }
.team-section {
border-top: 1px solid var(--border);
padding-top: 64px;
}
.team-heading {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
font-weight: 700;
color: var(--grey-dark);
margin-bottom: 40px;
}
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.team-card {
text-align: center;
}
.team-photo {
width: 100%;
aspect-ratio: 3/4;
background: var(--grey-pale);
border: 1px solid var(--border);
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.team-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-photo-placeholder {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
color: var(--grey-light);
font-family: 'Inter', sans-serif;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.team-photo-placeholder svg {
width: 40px;
height: 40px;
opacity: 0.35;
}
.team-name {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 600;
color: var(--grey-dark);
margin-bottom: 4px;
}
.team-title {
font-family: 'Inter', sans-serif;
font-size: 0.78rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--green-mid);
} #contact {
padding: 120px 0;
background: var(--grey-dark);
}
#contact .section-label::before { background: #78bb8a; }
#contact .section-label { color: #78bb8a; }
#contact .section-heading { color: var(--white); }
.contact-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
margin-top: 56px;
}
.contact-info-item {
margin-bottom: 32px;
}
.contact-info-label {
font-family: 'Inter', sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--green-light);
margin-bottom: 6px;
}
.contact-info-value {
font-size: 1.05rem;
font-weight: 400;
color: rgba(255,255,255,0.8);
line-height: 1.65;
}
.contact-info-value a {
color: rgba(255,255,255,0.75);
text-decoration: none;
transition: color 0.2s;
}
.contact-info-value a:hover { color: var(--green-light); }
.contact-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.form-label {
font-family: 'Inter', sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.6);
}
.form-input,
.form-textarea {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.15);
color: var(--white);
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 400;
padding: 14px 16px;
outline: none;
transition: border-color 0.2s;
resize: none;
}
.form-input::placeholder, .form-textarea::placeholder { color: rgba(255,255,255,0.25); }
.form-input:focus, .form-textarea:focus { border-color: var(--green-light); }
.form-textarea { height: 140px; }
.btn-submit {
align-self: flex-start;
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--white);
background: var(--green-deep);
border: 1px solid var(--green-mid);
padding: 14px 40px;
cursor: pointer;
transition: background 0.2s;
}
.btn-submit:hover { background: var(--green-mid); } footer {
background: var(--black);
padding: 48px 0;
border-top: 1px solid rgba(255,255,255,0.06);
}
.footer-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 48px;
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.footer-copy {
font-size: 0.85rem;
font-weight: 400;
color: rgba(255,255,255,0.6);
text-align: center;
}
.footer-awmac {
font-family: 'Inter', sans-serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.4);
} @keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to   { opacity: 1; transform: translateY(0); }
}
.reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
} .lightbox {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.95);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
}
.lightbox.open { display: flex; }
.lightbox-close {
position: absolute;
top: 24px; right: 32px;
font-size: 2rem;
color: rgba(255,255,255,0.6);
cursor: pointer;
background: none;
border: none;
line-height: 1;
transition: color 0.2s;
}
.lightbox-close:hover { color: var(--white); }
.lightbox-img {
max-width: 90vw;
max-height: 90vh;
object-fit: contain;
} .mobile-nav {
display: none;
position: fixed;
top: 88px; left: 0; right: 0; bottom: 0;
background: rgba(17,17,17,0.98);
z-index: 999;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 32px;
}
.mobile-nav.open { display: flex; }
.mobile-nav a {
font-family: 'Playfair Display', serif;
font-size: 2.2rem;
font-weight: 400;
color: rgba(255,255,255,0.8);
text-decoration: none;
transition: color 0.2s;
}
.mobile-nav a:hover { color: var(--green-light); } @media (max-width: 1350px) {
nav { padding: 0 28px; }
.logo-sub { display: none; }
.nav-links { gap: 20px; }
}
@media (max-width: 1280px) {
.hero-logo { width: 300px; }
.hero-content { padding: 0 56px 60px; }
.hero-sub { font-size: 0.92rem; }
.btn-primary, .btn-outline { padding: 13px 28px; font-size: 0.85rem; }
}
@media (max-width: 1024px) {
.work-intro { grid-template-columns: 1fr; gap: 40px; }
.work-cards { grid-template-columns: 1fr; grid-template-rows: auto; }
.work-card { aspect-ratio: 4/3; }
.work-card:nth-child(3) { grid-column: 1; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.stat-item:nth-child(2) { border-right: none; }
}
@media (max-width: 768px) {
.work-card-overlay { opacity: 1; }
nav { display: none; }
.mobile-nav { display: none !important; }
.hero-content { padding: 0 24px 64px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.hero-logo { margin: 0 auto 32px; }
.hero-eyebrow { justify-content: center; }
.hero-eyebrow::before { display: none; }
.hero-sub { max-width: 100%; }
.hero-actions { justify-content: center; }
.hero-dots { display: none; }
.section-inner { padding: 0 24px; }
.section-heading { font-size: 2rem; }
#our-work, #gallery, #about, #contact { padding: 80px 0; }
.work-cards { grid-template-columns: 1fr; }
.gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
.about-layout { grid-template-columns: 1fr; gap: 40px; }
.team-grid { grid-template-columns: 1fr 1fr; }
.contact-layout { grid-template-columns: 1fr; gap: 48px; }
.form-row { grid-template-columns: 1fr; }
.footer-inner { flex-direction: column; text-align: center; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
.stat-item:nth-child(3), .stat-item:nth-child(4) { border-bottom: none; }
.stats-band { padding: 20px 0; }
.stat-visual { height: 80px; margin-bottom: 16px; }
.stat-visual img { height: 60px !important; width: auto; max-width: 90%; }
.stat-num { font-size: 4.8rem; }
.stat-num sup { font-size: 1.6rem; }
.stat-label { font-size: 0.78rem; }
}
@media (max-width: 480px) {
.team-grid { grid-template-columns: 1fr; }
.gallery-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; }
} .policy-page {
padding: 160px 0 100px;
}
.policy-inner {
max-width: 860px;
margin: 0 auto;
padding: 0 48px;
}
.policy-label {
font-family: 'Inter', sans-serif;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--green-mid);
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 14px;
}
.policy-label::before {
content: '';
display: block;
width: 28px;
height: 2px;
background: var(--green-mid);
flex-shrink: 0;
}
.policy-title {
font-family: 'Playfair Display', serif;
font-size: clamp(2.2rem, 4vw, 3.2rem);
font-weight: 700;
line-height: 1.15;
color: var(--grey-dark);
margin-bottom: 48px;
}
.policy-section {
margin-bottom: 40px;
}
.policy-section h2 {
font-family: 'Playfair Display', serif;
font-size: 1.4rem;
font-weight: 700;
color: var(--green-deep);
margin-bottom: 16px;
}
.policy-section p {
font-family: 'Inter', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.8;
color: var(--grey-mid);
margin-bottom: 16px;
}
.policy-section p:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
.policy-inner { padding: 0 24px; }
.policy-page { padding: 120px 0 80px; }
}@-ms-viewport {
width: auto;
}
.lgc-clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.lgc-grid-container:before, .lgc-grid-5:before, .lgc-mobile-grid-5:before, .lgc-tablet-grid-5:before, .lgc-grid-10:before, .lgc-mobile-grid-10:before, .lgc-tablet-grid-10:before, .lgc-grid-15:before, .lgc-mobile-grid-15:before, .lgc-tablet-grid-15:before, .lgc-grid-20:before, .lgc-mobile-grid-20:before, .lgc-tablet-grid-20:before, .lgc-grid-25:before, .lgc-mobile-grid-25:before, .lgc-tablet-grid-25:before, .lgc-grid-30:before, .lgc-mobile-grid-30:before, .lgc-tablet-grid-30:before, .lgc-grid-35:before, .lgc-mobile-grid-35:before, .lgc-tablet-grid-35:before, .lgc-grid-40:before, .lgc-mobile-grid-40:before, .lgc-tablet-grid-40:before, .lgc-grid-45:before, .lgc-mobile-grid-45:before, .lgc-tablet-grid-45:before, .lgc-grid-50:before, .lgc-mobile-grid-50:before, .lgc-tablet-grid-50:before, .lgc-grid-55:before, .lgc-mobile-grid-55:before, .lgc-tablet-grid-55:before, .lgc-grid-60:before, .lgc-mobile-grid-60:before, .lgc-tablet-grid-60:before, .lgc-grid-65:before, .lgc-mobile-grid-65:before, .lgc-tablet-grid-65:before, .lgc-grid-70:before, .lgc-mobile-grid-70:before, .lgc-tablet-grid-70:before, .lgc-grid-75:before, .lgc-mobile-grid-75:before, .lgc-tablet-grid-75:before, .lgc-grid-80:before, .lgc-mobile-grid-80:before, .lgc-tablet-grid-80:before, .lgc-grid-85:before, .lgc-mobile-grid-85:before, .lgc-tablet-grid-85:before, .lgc-grid-90:before, .lgc-mobile-grid-90:before, .lgc-tablet-grid-90:before, .lgc-grid-95:before, .lgc-mobile-grid-95:before, .lgc-tablet-grid-95:before, .lgc-grid-100:before, .lgc-mobile-grid-100:before, .lgc-tablet-grid-100:before, .lgc-grid-33:before, .lgc-mobile-grid-33:before, .lgc-tablet-grid-33:before, .lgc-grid-66:before, .lgc-mobile-grid-66:before, .lgc-tablet-grid-66:before, .lgc-clearfix:before,
.lgc-grid-container:after,
.lgc-grid-5:after,
.lgc-mobile-grid-5:after,
.lgc-tablet-grid-5:after,
.lgc-grid-10:after,
.lgc-mobile-grid-10:after,
.lgc-tablet-grid-10:after,
.lgc-grid-15:after,
.lgc-mobile-grid-15:after,
.lgc-tablet-grid-15:after,
.lgc-grid-20:after,
.lgc-mobile-grid-20:after,
.lgc-tablet-grid-20:after,
.lgc-grid-25:after,
.lgc-mobile-grid-25:after,
.lgc-tablet-grid-25:after,
.lgc-grid-30:after,
.lgc-mobile-grid-30:after,
.lgc-tablet-grid-30:after,
.lgc-grid-35:after,
.lgc-mobile-grid-35:after,
.lgc-tablet-grid-35:after,
.lgc-grid-40:after,
.lgc-mobile-grid-40:after,
.lgc-tablet-grid-40:after,
.lgc-grid-45:after,
.lgc-mobile-grid-45:after,
.lgc-tablet-grid-45:after,
.lgc-grid-50:after,
.lgc-mobile-grid-50:after,
.lgc-tablet-grid-50:after,
.lgc-grid-55:after,
.lgc-mobile-grid-55:after,
.lgc-tablet-grid-55:after,
.lgc-grid-60:after,
.lgc-mobile-grid-60:after,
.lgc-tablet-grid-60:after,
.lgc-grid-65:after,
.lgc-mobile-grid-65:after,
.lgc-tablet-grid-65:after,
.lgc-grid-70:after,
.lgc-mobile-grid-70:after,
.lgc-tablet-grid-70:after,
.lgc-grid-75:after,
.lgc-mobile-grid-75:after,
.lgc-tablet-grid-75:after,
.lgc-grid-80:after,
.lgc-mobile-grid-80:after,
.lgc-tablet-grid-80:after,
.lgc-grid-85:after,
.lgc-mobile-grid-85:after,
.lgc-tablet-grid-85:after,
.lgc-grid-90:after,
.lgc-mobile-grid-90:after,
.lgc-tablet-grid-90:after,
.lgc-grid-95:after,
.lgc-mobile-grid-95:after,
.lgc-tablet-grid-95:after,
.lgc-grid-100:after,
.lgc-mobile-grid-100:after,
.lgc-tablet-grid-100:after,
.lgc-grid-33:after,
.lgc-mobile-grid-33:after,
.lgc-tablet-grid-33:after,
.lgc-grid-66:after,
.lgc-mobile-grid-66:after,
.lgc-tablet-grid-66:after,
.lgc-clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.lgc-grid-container:after, .lgc-grid-5:after, .lgc-mobile-grid-5:after, .lgc-tablet-grid-5:after, .lgc-grid-10:after, .lgc-mobile-grid-10:after, .lgc-tablet-grid-10:after, .lgc-grid-15:after, .lgc-mobile-grid-15:after, .lgc-tablet-grid-15:after, .lgc-grid-20:after, .lgc-mobile-grid-20:after, .lgc-tablet-grid-20:after, .lgc-grid-25:after, .lgc-mobile-grid-25:after, .lgc-tablet-grid-25:after, .lgc-grid-30:after, .lgc-mobile-grid-30:after, .lgc-tablet-grid-30:after, .lgc-grid-35:after, .lgc-mobile-grid-35:after, .lgc-tablet-grid-35:after, .lgc-grid-40:after, .lgc-mobile-grid-40:after, .lgc-tablet-grid-40:after, .lgc-grid-45:after, .lgc-mobile-grid-45:after, .lgc-tablet-grid-45:after, .lgc-grid-50:after, .lgc-mobile-grid-50:after, .lgc-tablet-grid-50:after, .lgc-grid-55:after, .lgc-mobile-grid-55:after, .lgc-tablet-grid-55:after, .lgc-grid-60:after, .lgc-mobile-grid-60:after, .lgc-tablet-grid-60:after, .lgc-grid-65:after, .lgc-mobile-grid-65:after, .lgc-tablet-grid-65:after, .lgc-grid-70:after, .lgc-mobile-grid-70:after, .lgc-tablet-grid-70:after, .lgc-grid-75:after, .lgc-mobile-grid-75:after, .lgc-tablet-grid-75:after, .lgc-grid-80:after, .lgc-mobile-grid-80:after, .lgc-tablet-grid-80:after, .lgc-grid-85:after, .lgc-mobile-grid-85:after, .lgc-tablet-grid-85:after, .lgc-grid-90:after, .lgc-mobile-grid-90:after, .lgc-tablet-grid-90:after, .lgc-grid-95:after, .lgc-mobile-grid-95:after, .lgc-tablet-grid-95:after, .lgc-grid-100:after, .lgc-mobile-grid-100:after, .lgc-tablet-grid-100:after, .lgc-grid-33:after, .lgc-mobile-grid-33:after, .lgc-tablet-grid-33:after, .lgc-grid-66:after, .lgc-mobile-grid-66:after, .lgc-tablet-grid-66:after, .lgc-clearfix:after {
clear: both;
}
.lgc-grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.lgc-grid-5, .lgc-mobile-grid-5, .lgc-tablet-grid-5, .lgc-grid-10, .lgc-mobile-grid-10, .lgc-tablet-grid-10, .lgc-grid-15, .lgc-mobile-grid-15, .lgc-tablet-grid-15, .lgc-grid-20, .lgc-mobile-grid-20, .lgc-tablet-grid-20, .lgc-grid-25, .lgc-mobile-grid-25, .lgc-tablet-grid-25, .lgc-grid-30, .lgc-mobile-grid-30, .lgc-tablet-grid-30, .lgc-grid-35, .lgc-mobile-grid-35, .lgc-tablet-grid-35, .lgc-grid-40, .lgc-mobile-grid-40, .lgc-tablet-grid-40, .lgc-grid-45, .lgc-mobile-grid-45, .lgc-tablet-grid-45, .lgc-grid-50, .lgc-mobile-grid-50, .lgc-tablet-grid-50, .lgc-grid-55, .lgc-mobile-grid-55, .lgc-tablet-grid-55, .lgc-grid-60, .lgc-mobile-grid-60, .lgc-tablet-grid-60, .lgc-grid-65, .lgc-mobile-grid-65, .lgc-tablet-grid-65, .lgc-grid-70, .lgc-mobile-grid-70, .lgc-tablet-grid-70, .lgc-grid-75, .lgc-mobile-grid-75, .lgc-tablet-grid-75, .lgc-grid-80, .lgc-mobile-grid-80, .lgc-tablet-grid-80, .lgc-grid-85, .lgc-mobile-grid-85, .lgc-tablet-grid-85, .lgc-grid-90, .lgc-mobile-grid-90, .lgc-tablet-grid-90, .lgc-grid-95, .lgc-mobile-grid-95, .lgc-tablet-grid-95, .lgc-grid-100, .lgc-mobile-grid-100, .lgc-tablet-grid-100, .lgc-grid-33, .lgc-mobile-grid-33, .lgc-tablet-grid-33, .lgc-grid-66, .lgc-mobile-grid-66, .lgc-tablet-grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.lgc-grid-parent {
padding-left: 0;
padding-right: 0;
}
.lgc-grid-offset {
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .lgc-mobile-pull-5, .lgc-mobile-push-10, .lgc-mobile-pull-10, .lgc-mobile-push-15, .lgc-mobile-pull-15, .lgc-mobile-push-20, .lgc-mobile-pull-20, .lgc-mobile-push-25, .lgc-mobile-pull-25, .lgc-mobile-push-30, .lgc-mobile-pull-30, .lgc-mobile-push-35, .lgc-mobile-pull-35, .lgc-mobile-push-40, .lgc-mobile-pull-40, .lgc-mobile-push-45, .lgc-mobile-pull-45, .lgc-mobile-push-50, .lgc-mobile-pull-50, .lgc-mobile-push-55, .lgc-mobile-pull-55, .lgc-mobile-push-60, .lgc-mobile-pull-60, .lgc-mobile-push-65, .lgc-mobile-pull-65, .lgc-mobile-push-70, .lgc-mobile-pull-70, .lgc-mobile-push-75, .lgc-mobile-pull-75, .lgc-mobile-push-80, .lgc-mobile-pull-80, .lgc-mobile-push-85, .lgc-mobile-pull-85, .lgc-mobile-push-90, .lgc-mobile-pull-90, .lgc-mobile-push-95, .lgc-mobile-pull-95, .lgc-mobile-push-33, .lgc-mobile-pull-33, .lgc-mobile-push-66, .lgc-mobile-pull-66 {
position: relative;
}
.lgc-hide-on-mobile {
display: none !important;
}
.lgc-mobile-grid-5 {
float: left;
width: 5%;
}
.lgc-mobile-prefix-5 {
margin-left: 5%;
}
.lgc-mobile-suffix-5 {
margin-right: 5%;
}
.lgc-mobile-push-5 {
left: 5%;
}
.lgc-mobile-pull-5 {
left: -5%;
}
.lgc-mobile-grid-10 {
float: left;
width: 10%;
}
.lgc-mobile-prefix-10 {
margin-left: 10%;
}
.lgc-mobile-suffix-10 {
margin-right: 10%;
}
.lgc-mobile-push-10 {
left: 10%;
}
.lgc-mobile-pull-10 {
left: -10%;
}
.lgc-mobile-grid-15 {
float: left;
width: 15%;
}
.lgc-mobile-prefix-15 {
margin-left: 15%;
}
.lgc-mobile-suffix-15 {
margin-right: 15%;
}
.lgc-mobile-push-15 {
left: 15%;
}
.lgc-mobile-pull-15 {
left: -15%;
}
.lgc-mobile-grid-20 {
float: left;
width: 20%;
}
.lgc-mobile-prefix-20 {
margin-left: 20%;
}
.lgc-mobile-suffix-20 {
margin-right: 20%;
}
.lgc-mobile-push-20 {
left: 20%;
}
.lgc-mobile-pull-20 {
left: -20%;
}
.lgc-mobile-grid-25 {
float: left;
width: 25%;
}
.lgc-mobile-prefix-25 {
margin-left: 25%;
}
.lgc-mobile-suffix-25 {
margin-right: 25%;
}
.lgc-mobile-push-25 {
left: 25%;
}
.lgc-mobile-pull-25 {
left: -25%;
}
.lgc-mobile-grid-30 {
float: left;
width: 30%;
}
.lgc-mobile-prefix-30 {
margin-left: 30%;
}
.lgc-mobile-suffix-30 {
margin-right: 30%;
}
.lgc-mobile-push-30 {
left: 30%;
}
.lgc-mobile-pull-30 {
left: -30%;
}
.lgc-mobile-grid-35 {
float: left;
width: 35%;
}
.lgc-mobile-prefix-35 {
margin-left: 35%;
}
.lgc-mobile-suffix-35 {
margin-right: 35%;
}
.lgc-mobile-push-35 {
left: 35%;
}
.lgc-mobile-pull-35 {
left: -35%;
}
.lgc-mobile-grid-40 {
float: left;
width: 40%;
}
.lgc-mobile-prefix-40 {
margin-left: 40%;
}
.lgc-mobile-suffix-40 {
margin-right: 40%;
}
.lgc-mobile-push-40 {
left: 40%;
}
.lgc-mobile-pull-40 {
left: -40%;
}
.lgc-mobile-grid-45 {
float: left;
width: 45%;
}
.lgc-mobile-prefix-45 {
margin-left: 45%;
}
.lgc-mobile-suffix-45 {
margin-right: 45%;
}
.lgc-mobile-push-45 {
left: 45%;
}
.lgc-mobile-pull-45 {
left: -45%;
}
.lgc-mobile-grid-50 {
float: left;
width: 50%;
}
.lgc-mobile-prefix-50 {
margin-left: 50%;
}
.lgc-mobile-suffix-50 {
margin-right: 50%;
}
.lgc-mobile-push-50 {
left: 50%;
}
.lgc-mobile-pull-50 {
left: -50%;
}
.lgc-mobile-grid-55 {
float: left;
width: 55%;
}
.lgc-mobile-prefix-55 {
margin-left: 55%;
}
.lgc-mobile-suffix-55 {
margin-right: 55%;
}
.lgc-mobile-push-55 {
left: 55%;
}
.lgc-mobile-pull-55 {
left: -55%;
}
.lgc-mobile-grid-60 {
float: left;
width: 60%;
}
.lgc-mobile-prefix-60 {
margin-left: 60%;
}
.lgc-mobile-suffix-60 {
margin-right: 60%;
}
.lgc-mobile-push-60 {
left: 60%;
}
.lgc-mobile-pull-60 {
left: -60%;
}
.lgc-mobile-grid-65 {
float: left;
width: 65%;
}
.lgc-mobile-prefix-65 {
margin-left: 65%;
}
.lgc-mobile-suffix-65 {
margin-right: 65%;
}
.lgc-mobile-push-65 {
left: 65%;
}
.lgc-mobile-pull-65 {
left: -65%;
}
.lgc-mobile-grid-70 {
float: left;
width: 70%;
}
.lgc-mobile-prefix-70 {
margin-left: 70%;
}
.lgc-mobile-suffix-70 {
margin-right: 70%;
}
.lgc-mobile-push-70 {
left: 70%;
}
.lgc-mobile-pull-70 {
left: -70%;
}
.lgc-mobile-grid-75 {
float: left;
width: 75%;
}
.lgc-mobile-prefix-75 {
margin-left: 75%;
}
.lgc-mobile-suffix-75 {
margin-right: 75%;
}
.lgc-mobile-push-75 {
left: 75%;
}
.lgc-mobile-pull-75 {
left: -75%;
}
.lgc-mobile-grid-80 {
float: left;
width: 80%;
}
.lgc-mobile-prefix-80 {
margin-left: 80%;
}
.lgc-mobile-suffix-80 {
margin-right: 80%;
}
.lgc-mobile-push-80 {
left: 80%;
}
.lgc-mobile-pull-80 {
left: -80%;
}
.lgc-mobile-grid-85 {
float: left;
width: 85%;
}
.lgc-mobile-prefix-85 {
margin-left: 85%;
}
.lgc-mobile-suffix-85 {
margin-right: 85%;
}
.lgc-mobile-push-85 {
left: 85%;
}
.lgc-mobile-pull-85 {
left: -85%;
}
.lgc-mobile-grid-90 {
float: left;
width: 90%;
}
.lgc-mobile-prefix-90 {
margin-left: 90%;
}
.lgc-mobile-suffix-90 {
margin-right: 90%;
}
.lgc-mobile-push-90 {
left: 90%;
}
.lgc-mobile-pull-90 {
left: -90%;
}
.lgc-mobile-grid-95 {
float: left;
width: 95%;
}
.lgc-mobile-prefix-95 {
margin-left: 95%;
}
.lgc-mobile-suffix-95 {
margin-right: 95%;
}
.lgc-mobile-push-95 {
left: 95%;
}
.lgc-mobile-pull-95 {
left: -95%;
}
.lgc-mobile-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-mobile-prefix-33 {
margin-left: 33.33333%;
}
.lgc-mobile-suffix-33 {
margin-right: 33.33333%;
}
.lgc-mobile-push-33 {
left: 33.33333%;
}
.lgc-mobile-pull-33 {
left: -33.33333%;
}
.lgc-mobile-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-mobile-prefix-66 {
margin-left: 66.66667%;
}
.lgc-mobile-suffix-66 {
margin-right: 66.66667%;
}
.lgc-mobile-push-66 {
left: 66.66667%;
}
.lgc-mobile-pull-66 {
left: -66.66667%;
}
.lgc-mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.tablet-push-5, .lgc-tablet-pull-5, .lgc-tablet-push-10, .lgc-tablet-pull-10, .lgc-tablet-push-15, .lgc-tablet-pull-15, .lgc-tablet-push-20, .lgc-tablet-pull-20, .lgc-tablet-push-25, .lgc-tablet-pull-25, .lgc-tablet-push-30, .lgc-tablet-pull-30, .lgc-tablet-push-35, .lgc-tablet-pull-35, .lgc-tablet-push-40, .lgc-tablet-pull-40, .lgc-tablet-push-45, .lgc-tablet-pull-45, .lgc-tablet-push-50, .lgc-tablet-pull-50, .lgc-tablet-push-55, .lgc-tablet-pull-55, .lgc-tablet-push-60, .lgc-tablet-pull-60, .lgc-tablet-push-65, .lgc-tablet-pull-65, .lgc-tablet-push-70, .lgc-tablet-pull-70, .lgc-tablet-push-75, .lgc-tablet-pull-75, .lgc-tablet-push-80, .lgc-tablet-pull-80, .lgc-tablet-push-85, .lgc-tablet-pull-85, .lgc-tablet-push-90, .lgc-tablet-pull-90, .lgc-tablet-push-95, .lgc-tablet-pull-95, .lgc-tablet-push-33, .lgc-tablet-pull-33, .lgc-tablet-push-66, .lgc-tablet-pull-66 {
position: relative;
}
.lgc-hide-on-tablet {
display: none !important;
}
.lgc-tablet-grid-5 {
float: left;
width: 5%;
}
.lgc-tablet-prefix-5 {
margin-left: 5%;
}
.lgc-tablet-suffix-5 {
margin-right: 5%;
}
.lgc-tablet-push-5 {
left: 5%;
}
.lgc-tablet-pull-5 {
left: -5%;
}
.lgc-tablet-grid-10 {
float: left;
width: 10%;
}
.lgc-tablet-prefix-10 {
margin-left: 10%;
}
.lgc-tablet-suffix-10 {
margin-right: 10%;
}
.lgc-tablet-push-10 {
left: 10%;
}
.lgc-tablet-pull-10 {
left: -10%;
}
.lgc-tablet-grid-15 {
float: left;
width: 15%;
}
.lgc-tablet-prefix-15 {
margin-left: 15%;
}
.lgc-tablet-suffix-15 {
margin-right: 15%;
}
.lgc-tablet-push-15 {
left: 15%;
}
.lgc-tablet-pull-15 {
left: -15%;
}
.lgc-tablet-grid-20 {
float: left;
width: 20%;
}
.lgc-tablet-prefix-20 {
margin-left: 20%;
}
.lgc-tablet-suffix-20 {
margin-right: 20%;
}
.lgc-tablet-push-20 {
left: 20%;
}
.lgc-tablet-pull-20 {
left: -20%;
}
.lgc-tablet-grid-25 {
float: left;
width: 25%;
}
.lgc-tablet-prefix-25 {
margin-left: 25%;
}
.lgc-tablet-suffix-25 {
margin-right: 25%;
}
.lgc-tablet-push-25 {
left: 25%;
}
.lgc-tablet-pull-25 {
left: -25%;
}
.lgc-tablet-grid-30 {
float: left;
width: 30%;
}
.lgc-tablet-prefix-30 {
margin-left: 30%;
}
.lgc-tablet-suffix-30 {
margin-right: 30%;
}
.lgc-tablet-push-30 {
left: 30%;
}
.lgc-tablet-pull-30 {
left: -30%;
}
.lgc-tablet-grid-35 {
float: left;
width: 35%;
}
.lgc-tablet-prefix-35 {
margin-left: 35%;
}
.lgc-tablet-suffix-35 {
margin-right: 35%;
}
.lgc-tablet-push-35 {
left: 35%;
}
.lgc-tablet-pull-35 {
left: -35%;
}
.lgc-tablet-grid-40 {
float: left;
width: 40%;
}
.lgc-tablet-prefix-40 {
margin-left: 40%;
}
.lgc-tablet-suffix-40 {
margin-right: 40%;
}
.lgc-tablet-push-40 {
left: 40%;
}
.lgc-tablet-pull-40 {
left: -40%;
}
.lgc-tablet-grid-45 {
float: left;
width: 45%;
}
.lgc-tablet-prefix-45 {
margin-left: 45%;
}
.lgc-tablet-suffix-45 {
margin-right: 45%;
}
.lgc-tablet-push-45 {
left: 45%;
}
.lgc-tablet-pull-45 {
left: -45%;
}
.lgc-tablet-grid-50 {
float: left;
width: 50%;
}
.lgc-tablet-prefix-50 {
margin-left: 50%;
}
.lgc-tablet-suffix-50 {
margin-right: 50%;
}
.lgc-tablet-push-50 {
left: 50%;
}
.lgc-tablet-pull-50 {
left: -50%;
}
.lgc-tablet-grid-55 {
float: left;
width: 55%;
}
.lgc-tablet-prefix-55 {
margin-left: 55%;
}
.lgc-tablet-suffix-55 {
margin-right: 55%;
}
.lgc-tablet-push-55 {
left: 55%;
}
.lgc-tablet-pull-55 {
left: -55%;
}
.lgc-tablet-grid-60 {
float: left;
width: 60%;
}
.lgc-tablet-prefix-60 {
margin-left: 60%;
}
.lgc-tablet-suffix-60 {
margin-right: 60%;
}
.lgc-tablet-push-60 {
left: 60%;
}
.lgc-tablet-pull-60 {
left: -60%;
}
.lgc-tablet-grid-65 {
float: left;
width: 65%;
}
.lgc-tablet-prefix-65 {
margin-left: 65%;
}
.lgc-tablet-suffix-65 {
margin-right: 65%;
}
.lgc-tablet-push-65 {
left: 65%;
}
.lgc-tablet-pull-65 {
left: -65%;
}
.lgc-tablet-grid-70 {
float: left;
width: 70%;
}
.lgc-tablet-prefix-70 {
margin-left: 70%;
}
.lgc-tablet-suffix-70 {
margin-right: 70%;
}
.lgc-tablet-push-70 {
left: 70%;
}
.lgc-tablet-pull-70 {
left: -70%;
}
.lgc-tablet-grid-75 {
float: left;
width: 75%;
}
.lgc-tablet-prefix-75 {
margin-left: 75%;
}
.lgc-tablet-suffix-75 {
margin-right: 75%;
}
.lgc-tablet-push-75 {
left: 75%;
}
.lgc-tablet-pull-75 {
left: -75%;
}
.lgc-tablet-grid-80 {
float: left;
width: 80%;
}
.lgc-tablet-prefix-80 {
margin-left: 80%;
}
.lgc-tablet-suffix-80 {
margin-right: 80%;
}
.lgc-tablet-push-80 {
left: 80%;
}
.lgc-tablet-pull-80 {
left: -80%;
}
.lgc-tablet-grid-85 {
float: left;
width: 85%;
}
.lgc-tablet-prefix-85 {
margin-left: 85%;
}
.lgc-tablet-suffix-85 {
margin-right: 85%;
}
.lgc-tablet-push-85 {
left: 85%;
}
.lgc-tablet-pull-85 {
left: -85%;
}
.lgc-tablet-grid-90 {
float: left;
width: 90%;
}
.lgc-tablet-prefix-90 {
margin-left: 90%;
}
.lgc-tablet-suffix-90 {
margin-right: 90%;
}
.lgc-tablet-push-90 {
left: 90%;
}
.lgc-tablet-pull-90 {
left: -90%;
}
.lgc-tablet-grid-95 {
float: left;
width: 95%;
}
.lgc-tablet-prefix-95 {
margin-left: 95%;
}
.lgc-tablet-suffix-95 {
margin-right: 95%;
}
.lgc-tablet-push-95 {
left: 95%;
}
.lgc-tablet-pull-95 {
left: -95%;
}
.lgc-tablet-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-tablet-prefix-33 {
margin-left: 33.33333%;
}
.lgc-tablet-suffix-33 {
margin-right: 33.33333%;
}
.lgc-tablet-push-33 {
left: 33.33333%;
}
.lgc-tablet-pull-33 {
left: -33.33333%;
}
.lgc-tablet-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-tablet-prefix-66 {
margin-left: 66.66667%;
}
.lgc-tablet-suffix-66 {
margin-right: 66.66667%;
}
.lgc-tablet-push-66 {
left: 66.66667%;
}
.lgc-tablet-pull-66 {
left: -66.66667%;
}
.lgc-tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1025px) {
.push-5, .lgc-pull-5, .lgc-push-10, .lgc-pull-10, .lgc-push-15, .lgc-pull-15, .lgc-push-20, .lgc-pull-20, .lgc-push-25, .lgc-pull-25, .lgc-push-30, .lgc-pull-30, .lgc-push-35, .lgc-pull-35, .lgc-push-40, .lgc-pull-40, .lgc-push-45, .lgc-pull-45, .lgc-push-50, .lgc-pull-50, .lgc-push-55, .lgc-pull-55, .lgc-push-60, .lgc-pull-60, .lgc-push-65, .lgc-pull-65, .lgc-push-70, .lgc-pull-70, .lgc-push-75, .lgc-pull-75, .lgc-push-80, .lgc-pull-80, .lgc-push-85, .lgc-pull-85, .lgc-push-90, .lgc-pull-90, .lgc-push-95, .lgc-pull-95, .lgc-push-33, .lgc-pull-33, .lgc-push-66, .lgc-pull-66 {
position: relative;
}
.lgc-hide-on-desktop {
display: none !important;
}
.lgc-grid-5 {
float: left;
width: 5%;
}
.lgc-prefix-5 {
margin-left: 5%;
}
.lgc-suffix-5 {
margin-right: 5%;
}
.lgc-push-5 {
left: 5%;
}
.lgc-pull-5 {
left: -5%;
}
.lgc-grid-10 {
float: left;
width: 10%;
}
.lgc-prefix-10 {
margin-left: 10%;
}
.lgc-suffix-10 {
margin-right: 10%;
}
.lgc-push-10 {
left: 10%;
}
.lgc-pull-10 {
left: -10%;
}
.lgc-grid-15 {
float: left;
width: 15%;
}
.lgc-prefix-15 {
margin-left: 15%;
}
.lgc-suffix-15 {
margin-right: 15%;
}
.lgc-push-15 {
left: 15%;
}
.lgc-pull-15 {
left: -15%;
}
.lgc-grid-20 {
float: left;
width: 20%;
}
.lgc-prefix-20 {
margin-left: 20%;
}
.lgc-suffix-20 {
margin-right: 20%;
}
.lgc-push-20 {
left: 20%;
}
.lgc-pull-20 {
left: -20%;
}
.lgc-grid-25 {
float: left;
width: 25%;
}
.lgc-prefix-25 {
margin-left: 25%;
}
.lgc-suffix-25 {
margin-right: 25%;
}
.lgc-push-25 {
left: 25%;
}
.lgc-pull-25 {
left: -25%;
}
.lgc-grid-30 {
float: left;
width: 30%;
}
.lgc-prefix-30 {
margin-left: 30%;
}
.lgc-suffix-30 {
margin-right: 30%;
}
.lgc-push-30 {
left: 30%;
}
.lgc-pull-30 {
left: -30%;
}
.lgc-grid-35 {
float: left;
width: 35%;
}
.lgc-prefix-35 {
margin-left: 35%;
}
.lgc-suffix-35 {
margin-right: 35%;
}
.lgc-push-35 {
left: 35%;
}
.lgc-pull-35 {
left: -35%;
}
.lgc-grid-40 {
float: left;
width: 40%;
}
.lgc-prefix-40 {
margin-left: 40%;
}
.lgc-suffix-40 {
margin-right: 40%;
}
.lgc-push-40 {
left: 40%;
}
.lgc-pull-40 {
left: -40%;
}
.lgc-grid-45 {
float: left;
width: 45%;
}
.lgc-prefix-45 {
margin-left: 45%;
}
.lgc-suffix-45 {
margin-right: 45%;
}
.lgc-push-45 {
left: 45%;
}
.lgc-pull-45 {
left: -45%;
}
.lgc-grid-50 {
float: left;
width: 50%;
}
.lgc-prefix-50 {
margin-left: 50%;
}
.lgc-suffix-50 {
margin-right: 50%;
}
.lgc-push-50 {
left: 50%;
}
.lgc-pull-50 {
left: -50%;
}
.lgc-grid-55 {
float: left;
width: 55%;
}
.lgc-prefix-55 {
margin-left: 55%;
}
.lgc-suffix-55 {
margin-right: 55%;
}
.lgc-push-55 {
left: 55%;
}
.lgc-pull-55 {
left: -55%;
}
.lgc-grid-60 {
float: left;
width: 60%;
}
.lgc-prefix-60 {
margin-left: 60%;
}
.lgc-suffix-60 {
margin-right: 60%;
}
.lgc-push-60 {
left: 60%;
}
.lgc-pull-60 {
left: -60%;
}
.lgc-grid-65 {
float: left;
width: 65%;
}
.lgc-prefix-65 {
margin-left: 65%;
}
.lgc-suffix-65 {
margin-right: 65%;
}
.lgc-push-65 {
left: 65%;
}
.lgc-pull-65 {
left: -65%;
}
.lgc-grid-70 {
float: left;
width: 70%;
}
.lgc-prefix-70 {
margin-left: 70%;
}
.lgc-suffix-70 {
margin-right: 70%;
}
.lgc-push-70 {
left: 70%;
}
.lgc-pull-70 {
left: -70%;
}
.lgc-grid-75 {
float: left;
width: 75%;
}
.lgc-prefix-75 {
margin-left: 75%;
}
.lgc-suffix-75 {
margin-right: 75%;
}
.lgc-push-75 {
left: 75%;
}
.lgc-pull-75 {
left: -75%;
}
.lgc-grid-80 {
float: left;
width: 80%;
}
.lgc-prefix-80 {
margin-left: 80%;
}
.lgc-suffix-80 {
margin-right: 80%;
}
.lgc-push-80 {
left: 80%;
}
.lgc-pull-80 {
left: -80%;
}
.lgc-grid-85 {
float: left;
width: 85%;
}
.lgc-prefix-85 {
margin-left: 85%;
}
.lgc-suffix-85 {
margin-right: 85%;
}
.lgc-push-85 {
left: 85%;
}
.lgc-pull-85 {
left: -85%;
}
.lgc-grid-90 {
float: left;
width: 90%;
}
.lgc-prefix-90 {
margin-left: 90%;
}
.lgc-suffix-90 {
margin-right: 90%;
}
.lgc-push-90 {
left: 90%;
}
.lgc-pull-90 {
left: -90%;
}
.lgc-grid-95 {
float: left;
width: 95%;
}
.lgc-prefix-95 {
margin-left: 95%;
}
.lgc-suffix-95 {
margin-right: 95%;
}
.lgc-push-95 {
left: 95%;
}
.lgc-pull-95 {
left: -95%;
}
.lgc-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-prefix-33 {
margin-left: 33.33333%;
}
.lgc-suffix-33 {
margin-right: 33.33333%;
}
.lgc-push-33 {
left: 33.33333%;
}
.lgc-pull-33 {
left: -33.33333%;
}
.lgc-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-prefix-66 {
margin-left: 66.66667%;
}
.lgc-suffix-66 {
margin-right: 66.66667%;
}
.lgc-push-66 {
left: 66.66667%;
}
.lgc-pull-66 {
left: -66.66667%;
}
.lgc-grid-100 {
clear: both;
width: 100%;
}
} .lgc-column p {
margin-bottom: 1.5em;
}
.inside-grid-column {
padding: 0 10px 0 10px;
margin-bottom: 1.5em;
}
.inside-grid-column > p:last-child {
margin-bottom: 0;
}
@media (max-width:767px) {
.lgc-mobile-grid-100 .inside-grid-column {
padding: 0;
}
}
@media (max-width: 1024px) {
.lgc-clear {
display: none;
}
}.navigation-branding,.site-logo.mobile-header-logo{display:flex;align-items:center;order:1;margin-right:auto;margin-left:10px}.rtl .navigation-branding,.rtl .site-logo.mobile-header-logo{margin-right:10px;margin-left:auto}.navigation-branding img,.site-logo.mobile-header-logo img{position:relative;vertical-align:middle;padding:10px 0;display:block;box-sizing:border-box;transition:height .3s ease}.navigation-branding img{margin-right:10px}.navigation-branding .main-title{transition:line-height .3s ease;margin-right:10px}.rtl .navigation-branding .main-title{margin-right:0;margin-left:10px}.mobile-header-navigation .navigation-branding .main-title{margin-left:10px}.rtl .mobile-header-navigation .navigation-branding .main-title{margin-left:0;margin-right:10px}.navigation-branding .main-title a{font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:unset}.main-navigation:not(.grid-container):not(.mobile-header-navigation) .inside-navigation.grid-container .navigation-branding{margin-left:0}.rtl .main-navigation:not(.grid-container):not(.mobile-header-navigation) .inside-navigation.grid-container .navigation-branding{margin-left:auto;margin-right:0}.main-navigation.mobile-header-navigation{display:none;float:none;margin-bottom:0}.mobile-header-navigation.is_stuck{box-shadow:0 2px 2px -2px rgba(0,0,0,.2)}#mobile-header .inside-navigation,.main-navigation.has-branding .inside-navigation,.main-navigation.has-sticky-branding.navigation-stick .inside-navigation{flex-wrap:wrap;display:flex;align-items:center}.main-navigation .menu-toggle{flex-grow:1;width:auto}.main-navigation.has-branding .menu-toggle,.main-navigation.has-sticky-branding.navigation-stick .menu-toggle{flex-grow:0;order:3;padding-right:20px}.main-navigation .mobile-bar-items{order:2;position:relative}.main-navigation.navigation-stick:not(.has-sticky-branding):not(.has-branding) .menu-toggle,.main-navigation:not(.slideout-navigation):not(.has-branding):not(.has-sticky-branding) .menu-toggle{order:1;flex-grow:1}.main-navigation:not(.slideout-navigation) .mobile-bar-items+.menu-toggle{text-align:left}.main-navigation:not(.slideout-navigation) .main-nav{order:4}.mobile-bar-items{position:relative}.main-navigation.has-sticky-branding:not(.has-branding):not(.navigation-stick) .navigation-branding{display:none}.nav-aligned-center .navigation-branding,.nav-aligned-left .navigation-branding{margin-right:10px}.nav-aligned-center .main-navigation.has-branding .inside-navigation,.nav-aligned-center .main-navigation.has-sticky-branding.navigation-stick .inside-navigation{justify-content:center}.nav-aligned-left .main-navigation.has-branding:not(.slideout-navigation) .inside-navigation .main-nav,.nav-aligned-left .main-navigation.has-sticky-branding.navigation-stick .inside-navigation .main-nav{flex-grow:1}