@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
:root {
--urban-red: #d12022;
--urban-red-dark: #ad181a;
--urban-ink: #0a1119;
--urban-dark: #361315;
--urban-footer: #111516;
--urban-paper: #f5f5f5;
--urban-white: #fff;
--urban-muted: #6e7273;
--urban-line: #171b1d26;
--urban-pad: clamp(24px, 6vw, 96px);
--urban-font: 'Public Sans', Arial, sans-serif;
--urban-display: 'GT Walsheim Pro', 'Public Sans', Arial, sans-serif;
}
* {
box-sizing: border-box
}
html {
scroll-behavior: smooth
}
body.urban-suiting-site {
margin: 0 !important;
background: var(--urban-paper) !important;
color: var(--urban-ink) !important;
font-family: var(--urban-font) !important;
font-size: 16px !important;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased
}
body.urban-suiting-site a {
color: inherit;
text-decoration: none
}
body.urban-suiting-site button,
body.urban-suiting-site input,
body.urban-suiting-site textarea,
body.urban-suiting-site select {
font: inherit
}
body.urban-suiting-site h1,
body.urban-suiting-site h2,
body.urban-suiting-site h3,
body.urban-suiting-site h4,
body.urban-suiting-site h5,
body.urban-suiting-site h6 {
font-family: var(--urban-display) !important;
color: inherit
}
body.urban-suiting-site ::selection {
background: var(--urban-red);
color: #fff
}
.us-skip {
position: fixed;
left: 12px;
top: -80px;
z-index: 10000;
background: #fff;
color: #111;
padding: 10px 14px;
border-radius: 6px;
transition: top .2s
}
.us-skip:focus {
top: 12px
}
.us-site-main {
min-height: 1px
}
.wp-singular.page-template-default.page main#content {
padding-top: 25px;
}
.home main#content {
padding-top: 0px !important;
}
.urban-site-header-shell {
position: relative;
z-index: 100;
overflow: visible
}
body.urban-suiting-site .elementor-widget-button:not(.urban-plain-button) .elementor-button {
min-height: 52px !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 10px !important;
background: var(--urban-dark) !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: background-color .25s, color .25s
}
body.urban-suiting-site .elementor-widget-button:not(.urban-plain-button) .elementor-button:hover {
background: var(--urban-red) !important;
color: #fff !important
}
span.hclr {
color: #ff9c9e;
}
#urban-header {
background: var(--urban-paper) !important;
border: 0 !important;
max-width: 1320px !important;
width: calc(100% - 28px) !important;
height: 92px !important;
margin: 0 auto !important;
padding: 0 16px !important;
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
gap: 30px !important;
position: relative !important;
z-index: 60 !important;
overflow: visible !important
}
#urban-header>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#urban-header .urban-header-note,
#urban-header .urban-header-note .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
color: var(--urban-ink) !important;
font-family: var(--urban-display) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.2 !important
}
#urban-header .urban-header-brand {
justify-self: center !important
}
#urban-header .urban-header-brand .elementor-button {
min-height: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--urban-ink) !important;
box-shadow: none !important;
font-family: var(--urban-display) !important;
font-size: 29px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: -.04em !important
}
#urban-header .urban-header-brand .elementor-button:hover {
background: transparent !important;
color: var(--urban-ink) !important
}
.top-whatsapp svg.e-font-icon-svg {
font-size: 17px;
}
#urban-header .urban-header-actions {
justify-self: end !important;
width: auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 !important
}
#urban-header .urban-header-actions>.elementor-element {
width: auto !important;
flex: 0 0 auto !important;
margin: 0 !important
}
#urban-header .urban-header-circle .elementor-button {
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
min-height: 56px !important;
padding: 0 !important;
margin: 0 !important;
border: 1px solid #e4e4e4 !important;
border-radius: 50% !important;
background: #fff !important;
color: var(--urban-ink) !important;
box-shadow: none !important;
font-family: var(--urban-display) !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important
}
#urban-header .urban-header-circle .elementor-button-content-wrapper,
#urban-header .urban-header-circle .elementor-button-text {
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important
}
#urban-header .urban-header-circle .elementor-button:hover {
background: #fff !important;
color: var(--urban-red) !important
}
#urban-header .urban-market-badge .elementor-button {
color: var(--urban-red) !important;
font-size: 13px !important
}
#urban-header .urban-header-project .elementor-button {
position: relative !important;
width: 214px !important;
min-width: 214px !important;
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 52px 0 24px !important;
border: 0 !important;
border-radius: 12px !important;
background: var(--urban-red) !important;
color: #fff !important;
box-shadow: none !important;
font-family: var(--urban-display) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
white-space: nowrap !important
}
#urban-header .urban-header-project .elementor-button:after {
content: '↗';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
font-weight: 700;
line-height: 1;
color: #fff
}
#urban-header .urban-header-project .elementor-button-content-wrapper,
#urban-header .urban-header-project .elementor-button-text {
display: flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important
}
#urban-header .urban-header-project .elementor-button:hover {
background: var(--urban-red) !important;
color: #fff !important
}
#urban-primary-nav {
position: absolute !important;
z-index: 90 !important;
top: 123px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: auto !important;
min-height: 66px !important;
padding: 0 32px !important;
margin: 0 !important;
background: #fff !important;
border-radius: 10px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 40px !important;
white-space: nowrap !important;
box-shadow: none !important
}
.wp-singular.page-template-default.page #urban-primary-nav{
border: solid 1px #ececec;
}
#urban-primary-nav>.elementor-element {
width: auto !important;
flex: 0 0 auto !important;
margin: 0 !important
}
#urban-primary-nav .urban-primary-nav-link .elementor-button {
min-height: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--urban-ink) !important;
box-shadow: none !important;
font-family: var(--urban-display) !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: nowrap !important
}
#urban-primary-nav .urban-primary-nav-link .elementor-button-content-wrapper,
#urban-primary-nav .urban-primary-nav-link .elementor-button-text {
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important
}
#urban-primary-nav .urban-primary-nav-link .elementor-button:hover {
background: transparent !important;
color: var(--urban-red) !important
}
#urban-header .urban-menu-widget {
display: none !important;
width: 43px !important;
height: 43px !important
}
#urban-menu-button {
appearance: none;
background: transparent;
border: 0;
width: 43px;
height: 43px;
position: relative;
cursor: pointer
}
#urban-menu-button i {
background: var(--urban-ink);
width: 24px;
height: 2px;
position: absolute;
left: 9px;
transition: .3s
}
#urban-menu-button i:first-child {
top: 16px
}
#urban-menu-button i:last-child {
top: 24px
}
#urban-menu-button[aria-expanded='true'] i:first-child {
top: 20px;
transform: rotate(45deg)
}
#urban-menu-button[aria-expanded='true'] i:last-child {
top: 20px;
transform: rotate(-45deg)
}
#urban-mobile-nav {
display: none !important
}
#urban-mobile-nav .urban-mobile-nav-link .elementor-button {
width: 100% !important;
padding: 26px 0 !important;
border: 0 !important;
border-bottom: 1px solid #ede6e6 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--urban-ink) !important;
box-shadow: none !important;
font-family: var(--urban-display) !important;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1 !important;
justify-content: flex-start !important;
}
#urban-contact {
padding: 92px 64px !important;
color: #fff !important;
border-radius: 12px 12px 0 0 !important;
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 42% 1fr !important;
gap: 8% !important;
align-items: stretch !important;
background: repeating-linear-gradient(90deg, #ffffff08 0 1px, #0000 1px 46px), radial-gradient(circle at 38% 20%, #571d20 0, #361315 42%, #1c1112 100%);
}
#urban-contact>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#urban-contact .urban-contact-copy {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-eyebrow,
#urban-contact .urban-contact-eyebrow .elementor-widget-container {
color: #fff !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 0 24px !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1.2 !important
}
#urban-contact .urban-eyebrow-line {
display: block !important;
background: #fff !important;
width: 27px !important;
height: 2px !important;
flex: 0 0 27px !important
}
#urban-contact .urban-contact-title {
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-title .elementor-heading-title {
color: #fff !important;
font-family: var(--urban-display) !important;
letter-spacing: -.055em !important;
margin: 0 !important;
font-size: clamp(47px, 5vw, 74px) !important;
font-weight: 500 !important;
line-height: 1 !important
}
#urban-contact .urban-contact-lead,
#urban-contact .urban-contact-lead .elementor-widget-container {
color: #adb2b3 !important;
margin: 28px 0 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.75 !important
}
#urban-contact .urban-contact-lead p {
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-details {
margin: 27px 0 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-details,
#urban-contact .urban-contact-details .elementor-widget-container {
color: #fff !important;
font-family: var(--urban-font) !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 2.25 !important
}
#urban-contact .urban-contact-details p {
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-details a {
color: #fff !important
}
#urban-contact .urban-contact-form-panel {
display: flex !important;
align-items: stretch !important;
justify-content: stretch !important;
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-form {
width: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-contact-form>.elementor-widget-container {
height: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#urban-contact .wpcf7 {
height: 100% !important;
margin: 0 !important
}
#urban-contact .wpcf7-form {
height: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-form-grid {
color: var(--urban-ink) !important;
background: #fff !important;
border-radius: 12px !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 25px 28px !important;
min-height: 100% !important;
padding: 37px !important;
margin: 0 !important
}
#urban-contact .urban-field {
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-field-wide {
grid-column: 1/-1 !important
}
#urban-contact .urban-field label {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important
}
#urban-contact .urban-field-label {
color: var(--urban-ink) !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
font-family: var(--urban-font) !important;
font-size: 8px !important;
font-weight: 800 !important;
line-height: 1.2 !important
}
#urban-contact .urban-field input,
#urban-contact .urban-field textarea,
#urban-contact .urban-field select {
width: 100% !important;
color: var(--urban-ink) !important;
resize: none !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #b9bdbf !important;
border-radius: 0 !important;
outline: 0 !important;
padding: 10px 0 13px !important;
margin: 0 !important;
font-family: var(--urban-font) !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
box-shadow: none !important
}
#urban-contact .urban-field textarea {
height: 92px !important;
min-height: 92px !important
}
#urban-contact .urban-field input:focus,
#urban-contact .urban-field textarea:focus,
#urban-contact .urban-field select:focus {
border-color: var(--urban-red) !important
}
#urban-contact .urban-field input::placeholder,
#urban-contact .urban-field textarea::placeholder {
color: #8f9498 !important;
opacity: 1 !important
}
#urban-contact .urban-form-submit-row{
grid-column:1 / -1 !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:12px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
position:relative !important;
}
#urban-contact .urban-form-submit-row > p{
width:100% !important;
margin:0 !important;
padding:0 !important;
position:relative !important;
}
.urban-form-submit-row p {
display: flex;
flex-direction: column;
}
.urban-form-submit-row span.urban-form-note {
font-size: 14px;
}
#urban-contact .wpcf7-submit{
display:block !important;
width:100% !important;
height:62px !important;
min-height:62px !important;
margin:0 !important;
padding:0 55px 0 22px !important;
border:0 !important;
border-radius:9px !important;
background:#111516 !important;
color:#ffffff !important;
font-family:var(--urban-display) !important;
font-size:13px !important;
font-weight:600 !important;
line-height:1 !important;
text-align:left !important;
cursor:pointer !important;
box-shadow:none !important;
transition:background-color .25s ease !important;
}
#urban-contact .wpcf7-submit:hover{
background:var(--urban-red) !important;
}
#urban-contact .urban-form-submit-row::after{
content:none !important;
display:none !important;
}
#urban-contact .urban-form-submit-row > p::after{
content:'↗' !important;
position:absolute !important;
right:22px !important;
top:34% !important;
transform:translateY(-50%) !important;
color:#ffffff !important;
font-family:Arial, sans-serif !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1 !important;
pointer-events:none !important;
z-index:2 !important;
}
#urban-contact .urban-form-note{
display:block !important;
width:100% !important;
margin:0 !important;
padding-top: 11px;
color:#767b7d !important;
font-family:var(--urban-font) !important;
font-size:11px !important;
font-weight:400 !important;
line-height:1.55 !important;
text-align:left !important;
}
#urban-contact .wpcf7-spinner{
position:absolute !important;
right:55px !important;
top:50% !important;
transform:translateY(-50%) !important;
margin:0 !important;
}
#urban-contact .wpcf7-not-valid-tip {
font-size: 10px !important;
margin-top: 5px !important
}
#urban-contact .wpcf7-response-output {
grid-column: 1/-1 !important;
margin: 0 !important;
padding: 10px 12px !important;
font-size: 10px !important;
border-width: 1px !important
}
#urban-contact input:-webkit-autofill,
#urban-contact input:-webkit-autofill:hover,
#urban-contact input:-webkit-autofill:focus {
-webkit-text-fill-color: var(--urban-ink);
-webkit-box-shadow: 0 0 0 1000px #fff inset;
transition: background-color 9999s ease-out
}
#urban-footer {
padding: 75px var(--urban-pad) 28px !important;
color: #fff !important;
border-radius: 0 0 12px 12px !important;
max-width: 1320px !important;
width: calc(100% - 28px) !important;
margin: 0 auto 18px !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
background: #e8ddd2;
background: #faf8f3;
background: #e5e0d7;
background: #f3f1ec;
}
#urban-footer>.elementor-element {
width: 100% !important;
margin: 0 !important
}
#urban-footer .urban-footer-main {
display: grid !important;
grid-template-columns: 1.2fr 1.5fr .75fr 1fr !important;
gap: 6% !important;
padding: 0 0 55px !important;
margin: 0 !important;
align-items: start !important
}
#urban-footer .urban-footer-main>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-brand-wrap {
display: block !important
}
#urban-footer .urban-footer-brand-widget {
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-brand-widget .elementor-widget-container {
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-brand {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: .9 !important;
letter-spacing: .01em !important
}
#urban-footer .urban-footer-brand b {
display: block !important;
font-weight: 700 !important
}
#urban-footer .urban-footer-mark {
background: var(--urban-red) !important;
color: #fff !important;
display: grid !important;
place-items: center !important;
width: 35px !important;
height: 35px !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1 !important
}
#urban-footer .urban-footer-description,
#urban-footer .urban-footer-description .elementor-widget-container {
color: #151513 !important;
margin: 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.7 !important
}
#urban-footer .urban-footer-description p {
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-nav,
#urban-footer .urban-footer-factory {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0 !important
}
#urban-footer .urban-footer-title,
#urban-footer .urban-footer-title .elementor-widget-container {
color: #361315 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
margin: 0 0 18px !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
#urban-footer .urban-footer-link {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-link .elementor-button {
width: fit-content !important;
min-width: 0 !important;
min-height: auto !important;
height: auto !important;
margin: 0 0 10px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #151513 !important;
box-shadow: none !important;
font-family: var(--urban-font) !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
text-transform: none !important;
justify-content: flex-start !important;
}
#urban-footer .urban-footer-link .elementor-button-content-wrapper,
#urban-footer .urban-footer-link .elementor-button-text {
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-link .elementor-button:hover {
background: transparent !important;
color: var(--urban-red) !important
}
#urban-footer .urban-footer-factory-copy,
#urban-footer .urban-footer-factory-copy .elementor-widget-container {
color: #151513 !important;
margin: 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.8 !important;
}
#urban-footer .urban-footer-factory-copy p {
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-bottom {
color: #73797a !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
border-top: 1px solid #ffffff21 !important;
padding: 22px 0 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
align-items: center !important;
gap: 20px !important
}
#urban-footer .urban-footer-bottom>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-meta,
#urban-footer .urban-footer-meta .elementor-widget-container {
color: #151513 !important;
margin: 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 10px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important
}
#urban-footer .urban-footer-meta-center {
text-align: center !important
}
#urban-footer .urban-footer-backtop {
justify-self: end !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#urban-footer .urban-footer-backtop .elementor-button {
min-height: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #151513;
box-shadow: none !important;
font-family: var(--urban-font) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important
}
#urban-footer .urban-footer-backtop .elementor-button:hover {
background: transparent !important;
color: var(--urban-red) !important
}
@media(max-width:1100px) {
#urban-header {
grid-template-columns: 1fr auto auto !important
}
#urban-header .urban-header-note,
#urban-header .urban-header-note .elementor-widget-container {
font-size: 13px !important
}
#urban-header .urban-header-actions {
margin-left: auto !important
}
#urban-header .urban-header-email,
#urban-header .urban-market-badge {
display: none !important
}
#urban-header .urban-menu-widget {
display: block !important;
margin-left: 10px !important
}
#urban-primary-nav {
display: none !important
}
#urban-mobile-nav {
display: block !important;
position: fixed !important;
z-index: 9999 !important;
inset: 92px 0 0 !important;
background: var(--urban-paper) !important;
padding: 30px var(--urban-pad) !important;
transform: translateX(100%) !important;
transition: transform .35s ease !important;
overflow: auto !important
}
#urban-mobile-nav.is-open {
transform: none !important
}
#urban-contact {
grid-template-columns: 1fr !important;
gap: 50px !important
}
#urban-footer .urban-footer-main {
grid-template-columns: 1.2fr 1fr 1fr !important
}
#urban-footer .urban-footer-description {
grid-column: 1/2 !important
}
.wp-singular.page-template-default.page main#content {
padding-top: 0px;
}
}
@media(max-width:760px) {
:root {
--urban-pad: 20px
}
#urban-header {
height: 76px !important;
width: 100% !important;
padding: 0 20px !important;
display: flex !important
}
#urban-header .urban-header-note,
#urban-header .urban-header-actions {
display: none !important
}
#urban-header .urban-header-brand {
margin: 0 !important;
justify-self: auto !important
}
#urban-header .urban-header-brand .elementor-button {
font-size: 24px !important
}
#urban-header .urban-menu-widget {
display: block !important;
margin-left: auto !important
}
#urban-mobile-nav {
inset: 76px 0 0 !important;
padding: 24px 20px !important
}
#urban-contact {
width: calc(100% - 20px) !important;
padding: 68px 20px !important;
gap: 42px !important
}
#urban-contact .urban-contact-title .elementor-heading-title {
font-size: 45px !important
}
#urban-contact .urban-form-grid {
grid-template-columns: 1fr !important;
padding: 25px 20px !important
}
#urban-contact .urban-field-wide,
#urban-contact .urban-form-submit-row {
grid-column: auto !important
}
#urban-contact .urban-form-submit-row{
grid-column:auto !important;
gap:10px !important;
}
#urban-contact .wpcf7-submit{
height:58px !important;
min-height:58px !important;
padding-left:18px !important;
padding-right:50px !important;
}
#urban-contact .urban-form-submit-row > p::after{
right:18px !important;
}
#urban-contact .urban-form-note{
font-size:9px !important;
line-height:1.5 !important;
}
#urban-footer {
width: calc(100% - 20px) !important;
padding: 60px 20px 28px !important;
margin-bottom: 10px !important
}
#urban-footer .urban-footer-main {
grid-template-columns: 1fr 1fr !important;
gap: 37px 22px !important;
padding: 0 0 20px !important;
}
#urban-footer .urban-footer-brand-wrap,
#urban-footer .urban-footer-description {
grid-column: 1/-1 !important
}
#urban-footer .urban-footer-bottom {
grid-template-columns: auto auto !important;
gap: 11px !important
}
#urban-footer .urban-footer-meta-center {
display: none !important
}
#urban-footer .urban-footer-backtop {
justify-self: end !important
}
#urban-footer .urban-footer-brand-wrap {
text-align: center;
display: flex !important;
align-items: center;
}
}
@media(prefers-reduced-motion:reduce) {
html {
scroll-behavior: auto
}
*,
:before,
:after {
transition-duration: .01ms !important;
animation-duration: .01ms !important
}
}
#urban-home {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
background: var(--urban-paper) !important
}
#urban-home>.elementor-element {
margin-left: auto !important;
margin-right: auto !important
}
#urban-hero {
background: repeating-linear-gradient(90deg, #ffffff08 0 1px, #0000 1px 46px), radial-gradient(circle at 38% 20%, #571d20 0, #361315 42%, #1c1112 100%);
border-radius: 8px !important;
grid-template-columns: 50% 50% !important;
width: calc(100% - 28px) !important;
max-width: 1320px !important;
height: min(72vw, 698px) !important;
min-height: 698px !important;
max-height: 698px !important;
margin: 0 auto !important;
padding: 0 !important;
display: grid !important;
position: relative !important;
overflow: hidden !important;
color: #fff !important
}
#urban-hero>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#urban-hero .urban-hero-copy {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 150px 34px 56px !important;
position: relative !important;
z-index: 2 !important
}
#urban-hero .urban-hero-eyebrow,
#urban-hero .urban-hero-eyebrow .elementor-widget-container {
color: #f0d9d7 !important;
letter-spacing: .26em !important;
text-transform: uppercase !important;
margin: 0 0 22px !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.3 !important
}
#urban-hero .urban-hero-title {
margin: 0 !important;
padding: 0 !important
}
#urban-hero .urban-hero-title .elementor-heading-title {
color: #fff !important;
letter-spacing: -.035em !important;
text-transform: capitalize !important;
max-width: 610px !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(42px, 4vw, 57px) !important;
font-weight: 500 !important;
line-height: 1.18 !important
}
#urban-hero .urban-hero-lead,
#urban-hero .urban-hero-lead .elementor-widget-container {
max-width: 590px !important;
color: #ffffffb8 !important;
margin: 26px 0 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.65 !important
}
#urban-hero .urban-hero-lead p {
margin: 0 !important
}
#urban-hero .urban-hero-actions {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 28px !important;
margin: 38px 0 0 !important;
padding: 0 !important;
width: auto !important
}
#urban-hero .urban-hero-actions>.elementor-element {
width: auto !important;
margin: 0 !important
}
#urban-hero .urban-hero-btn .elementor-button {
position: relative !important;
color: #111d29 !important;
background: #fff !important;
letter-spacing: 0 !important;
text-transform: none !important;
border: 0 !important;
border-radius: 10px !important;
min-width: 255px !important;
min-height: 52px !important;
height: 52px !important;
padding: 0 52px 0 20px !important;
font-family: var(--urban-display) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
box-shadow: none !important
}
#urban-hero .urban-hero-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
font-weight: 700;
color: #111d29;
line-height: 1
}
#urban-hero .urban-hero-btn .elementor-button:hover {
background: var(--urban-red) !important;
color: #fff !important
}
#urban-hero .urban-hero-btn .elementor-button:hover:after {
color: #fff !important
}
#urban-hero .urban-hero-image {
position: relative !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
background: #d8d4cf !important;
min-height: 100% !important
}
#urban-hero .urban-hero-image-img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#urban-hero .urban-hero-image-img .elementor-widget-container,
#urban-hero .urban-hero-image-img img {
width: 100% !important;
height: 100% !important;
display: block !important
}
#urban-hero .urban-hero-image-img img {
object-fit: cover !important;
object-position: 58% 50% !important
}
#urban-hero .urban-hero-image:after {
content: '';
pointer-events: none;
background: linear-gradient(90deg, #111d2938, #0000 24%);
position: absolute;
inset: 0;
z-index: 1
}
#urban-hero .urban-capacity-card {
background: var(--urban-red) !important;
color: #fff !important;
border-radius: 10px !important;
grid-template-columns: auto 1fr !important;
min-width: 245px !important;
width: auto !important;
padding: 18px 22px !important;
margin: 0 !important;
display: grid !important;
position: absolute !important;
z-index: 3 !important;
bottom: 24px !important;
right: 24px !important;
box-shadow: 0 12px 35px #0a11192e !important;
gap: 0;
;
}
#urban-hero .urban-capacity-number,
#urban-hero .urban-capacity-number .elementor-widget-container {
grid-row: 1/3 !important;
color: #fff !important;
letter-spacing: -.06em !important;
margin: 0 !important;
padding: 0 !important;
font-family: var(--urban-display) !important;
font-size: 46px !important;
font-weight: 500 !important;
line-height: .85 !important
}
#urban-hero .urban-capacity-label,
#urban-hero .urban-capacity-label .elementor-widget-container {
color: #fff !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
align-self: end !important;
padding: 0 0 0 13px !important;
margin: 0 !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1.2 !important
}
#urban-hero .urban-capacity-note,
#urban-hero .urban-capacity-note .elementor-widget-container {
opacity: .75 !important;
padding: 5px 0 0 13px !important;
margin: 0 !important;
font-size: 8px !important;
line-height: 1.2 !important;
color: #fff !important
}
#urban-stats {
background: transparent !important;
border: 0 !important;
gap: 30px !important;
grid-template-columns: repeat(4, 1fr) !important;
max-width: 1180px !important;
width: calc(100% - 40px) !important;
margin: 0 auto !important;
padding: 55px 0 55px !important;
display: grid !important
}
#urban-stats>.elementor-element {
width: auto !important;
margin: 0 !important
}
#urban-stats .urban-value-item {
text-align: center !important;
min-height: auto !important;
padding: 0 18px !important;
display: block !important;
border: 0 !important
}
#urban-stats .urban-stat-number,
#urban-stats .urban-stat-number .elementor-widget-container {
color: #050505 !important;
font-family: var(--urban-display) !important;
letter-spacing: -.055em !important;
font-size: clamp(48px, 5.2vw, 72px) !important;
font-weight: 500 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important
}
#urban-stats .urban-stat-label,
#urban-stats .urban-stat-label .elementor-widget-container {
color: #4b535d !important;
margin: 13px 0 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.35 !important
}
.urban-home-section {
border-radius: 12px !important;
max-width: 1320px !important;
width: calc(100% - 28px) !important;
margin: 0 auto 18px !important;
padding: 96px 64px !important;
display: block !important
}
.urban-home-section>.elementor-element {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important
}
.urban-section-label {
width: 100% !important;
color: var(--urban-muted) !important;
border-top: 1px solid var(--urban-line) !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 22px !important;
margin: 0 0 42px !important;
padding: 0 !important
}
.urban-section-label>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
.urban-section-label .urban-section-index,
.urban-section-label .urban-section-index .elementor-widget-container {
color: var(--urban-red) !important;
padding: 13px 0 0 !important;
margin: 0 !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important
}
.urban-section-label .urban-section-name,
.urban-section-label .urban-section-name .elementor-widget-container {
letter-spacing: .12em !important;
text-transform: uppercase !important;
margin: 0 !important;
padding: 13px 0 0 !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: var(--urban-red);
}
.urban-section-label.urban-section-label-light {
color: #aeb3b4 !important;
border-color: #ffffff2b !important
}
.urban-section-label.urban-section-label-light .urban-section-index {
color: #f0d9d7 !important
}
.urban-home-heading {
max-width: 940px !important;
margin: 0 0 52px 16% !important;
padding: 0 !important
}
.urban-home-heading .elementor-heading-title {
letter-spacing: -.04em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(40px, 4.2vw, 58px) !important;
font-weight: 500 !important;
line-height: 1.12 !important
}
.urban-eyebrow,
.urban-eyebrow .elementor-widget-container {
color: var(--urban-red) !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
margin: 0 0 24px !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 1.2 !important
}
.urban-body,
.urban-body .elementor-widget-container {
font-family: var(--urban-font) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.8 !important;
margin: 0 !important;
padding: 0 !important
}
.urban-body p {
margin: 0 !important
}
.urban-dark-btn .elementor-button {
position: relative !important;
min-height: 51px !important;
padding: 0 52px 0 20px !important;
border-radius: 10px !important;
background: var(--urban-dark) !important;
color: #fff !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-family: var(--urban-display) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important
}
.urban-dark-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
font-weight: 700;
line-height: 1;
color: currentColor
}
.urban-dark-btn .elementor-button:hover {
background: var(--urban-red) !important;
color: #fff !important
}
#company {
background: #fff !important
}
#company .urban-company-grid {
grid-template-columns: 55% 1fr !important;
align-items: center !important;
gap: 8% !important;
display: grid !important;
margin: 0 !important;
padding: 0 !important
}
#company .urban-company-grid>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#company .urban-company-visual {
min-height: 565px !important;
position: relative !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 10px !important
}
#company .urban-company-image {
width: 100% !important;
height: 565px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 10px !important;
overflow: hidden !important
}
#company .urban-company-image .elementor-widget-container,
#company .urban-company-image img {
width: 100% !important;
height: 100% !important;
display: block !important
}
#company .urban-company-image img {
object-fit: cover !important;
object-position: 50% 50% !important
}
#company .urban-year-card {
border: 0 !important;
border-radius: 10px !important;
background: #fff !important;
min-width: 205px !important;
width: auto !important;
padding: 26px !important;
position: absolute !important;
bottom: 24px !important;
right: -24px !important;
box-shadow: 0 15px 45px #0a11191f !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important
}
#company .urban-year-label,
#company .urban-year-label .elementor-widget-container {
letter-spacing: .13em !important;
text-transform: uppercase !important;
font-size: 8px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
margin: 0 !important;
padding: 0 !important
}
#company .urban-year-number,
#company .urban-year-number .elementor-widget-container {
color: var(--urban-red) !important;
letter-spacing: -.05em !important;
margin: 12px 0 8px !important;
padding: 0 !important;
font-family: var(--urban-display) !important;
font-size: 50px !important;
font-weight: 500 !important;
line-height: .85 !important
}
#company .urban-year-location,
#company .urban-year-location .elementor-widget-container {
color: var(--urban-muted) !important;
margin: 0 !important;
padding: 0 !important;
font-size: 10px !important;
line-height: 1.4 !important
}
#company .urban-company-copy {
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 0 !important
}
#company .urban-company-large,
#company .urban-company-large .elementor-widget-container {
letter-spacing: -.025em !important;
margin: 0 0 25px !important;
padding: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(22px, 2vw, 30px) !important;
font-weight: 500 !important;
line-height: 1.42 !important
}
#company .urban-company-body,
#company .urban-company-body .elementor-widget-container {
color: var(--urban-muted) !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.8 !important
}
#company .urban-company-body p {
margin: 0 !important
}
#company .urban-company-facts {
background: #f5f5f5 !important;
border: 0 !important;
border-radius: 10px !important;
grid-template-columns: repeat(3, 1fr) !important;
margin: 38px 0 !important;
padding: 0 !important;
display: grid !important;
overflow: hidden !important
}
#company .urban-company-facts>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 20px !important
}
#company .urban-company-fact-number,
#company .urban-company-fact-number .elementor-widget-container {
letter-spacing: -.04em !important;
font-family: var(--urban-display) !important;
font-size: 31px !important;
font-weight: 500 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important
}
#company .urban-company-fact-label,
#company .urban-company-fact-label .elementor-widget-container {
color: var(--urban-muted) !important;
font-size: 12px !important;
line-height: 1.25 !important;
margin: 0px 0 0 !important;
padding: 0 !important
}
#expertise {
background: #361315;
color: #fff !important
}
#expertise .urban-home-heading {
max-width: 1000px !important;
color: #fff !important
}
#expertise .urban-home-heading .elementor-heading-title {
color: #fff !important
}
#expertise .urban-section-name{
color: #f0d9d7;
}
#expertise .urban-service-layout {
grid-template-columns: 62% 1fr !important;
align-items: stretch !important;
gap: 7% !important;
display: grid !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-service-layout>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#expertise .urban-service-list {
border-top: 1px solid #ffffff2b !important;
display: block !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-service-item {
color: #fff !important;
border-bottom: 1px solid #ffffff2b !important;
grid-template-columns: 45px 1fr auto !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
position: relative !important;
cursor: pointer !important
}
#expertise .urban-service-item>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-service-num,
#expertise .urban-service-num .elementor-widget-container {
color: #f1bebd !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-service-title .elementor-heading-title {
color: #fff !important;
letter-spacing: -.035em !important;
margin: 0 !important;
padding: 25px 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(22px, 2.2vw, 32px) !important;
font-weight: 500 !important;
line-height: 1.1 !important
}
#expertise .urban-service-symbol,
#expertise .urban-service-symbol .elementor-widget-container {
color: #fff !important;
font-size: 22px !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-service-desc {
grid-column: 2/4 !important;
max-height: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
transition: max-height .35s, opacity .35s, padding .35s !important
}
#expertise .urban-service-desc,
#expertise .urban-service-desc .elementor-widget-container {
color: #ffffffb8 !important;
margin: 0 !important;
padding: 0 30px 0 0 !important;
font-size: 12px !important;
line-height: 1.7 !important
}
#expertise .urban-service-desc p {
margin: 0 !important
}
#expertise .urban-service-item.is-active {
padding-bottom: 23px !important
}
#expertise .urban-service-item.is-active .urban-service-desc {
opacity: 1 !important;
max-height: 120px !important
}
#expertise .urban-service-panel {
background: var(--urban-red) !important;
border-radius: 12px !important;
flex-direction: column !important;
min-height: 440px !important;
padding: 34px !important;
display: flex !important;
position: relative !important;
margin: 0 !important
}
#expertise .urban-service-panel>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-panel-num,
#expertise .urban-panel-num .elementor-widget-container {
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: #fff !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-panel-label,
#expertise .urban-panel-label .elementor-widget-container {
letter-spacing: .12em !important;
text-transform: uppercase !important;
opacity: .7 !important;
margin: 8px 0 0 !important;
font-size: 8px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #fff !important;
padding: 0 !important
}
#expertise .urban-panel-title {
margin: auto 0 23px !important;
padding: 0 !important
}
#expertise .urban-panel-title .elementor-heading-title {
color: #fff !important;
letter-spacing: -.05em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(33px, 3vw, 47px) !important;
font-weight: 500 !important;
line-height: 1 !important
}
#expertise .urban-panel-line {
height: 1px !important;
background: #ffffff4d !important;
width: 100% !important;
min-height: 1px !important;
margin: 0 !important;
padding: 0 !important
}
#expertise .urban-panel-desc,
#expertise .urban-panel-desc .elementor-widget-container {
opacity: .78 !important;
max-width: 300px !important;
margin: 22px 0 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.7 !important;
color: #fff !important
}
#expertise .urban-panel-link {
position: absolute !important;
bottom: 25px !important;
right: 25px !important;
width: 54px !important;
height: 54px !important;
margin: 0 !important
}
#expertise .urban-panel-link .elementor-button {
border: 1px solid #ffffff73 !important;
border-radius: 50% !important;
width: 54px !important;
height: 54px !important;
min-width: 54px !important;
min-height: 54px !important;
padding: 0 !important;
background: transparent !important;
color: #fff !important;
display: grid !important;
place-items: center !important;
font-size: 18px !important;
line-height: 1 !important;
box-shadow: none !important
}
#expertise .urban-panel-link .elementor-button:hover {
color: var(--urban-red) !important;
background: #fff !important
}
#products {
background: #fff !important
}
#products .urban-product-showcase {
background: #faf8f3;
border-radius: 12px !important;
grid-template-columns: 55% 1fr !important;
min-height: 690px !important;
display: grid !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
gap: 0px;
}
#products .urban-product-showcase>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#products .urban-product-photo {
position: relative !important;
min-height: 690px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important
}
#products .urban-product-photo-img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#products .urban-product-photo-img .elementor-widget-container,
#products .urban-product-photo-img img {
width: 100% !important;
height: 100% !important;
display: block !important
}
#products .urban-product-photo-img img {
object-fit: cover !important;
object-position: 50% 50% !important
}
#products .urban-photo-tag,
#products .urban-photo-tag .elementor-widget-container {
background: #361315 !important;
color: #fff !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
padding: 13px 16px !important;
margin: 0 !important;
font-size: 8px !important;
font-weight: 700 !important;
line-height: 1 !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
z-index: 2 !important
}
#products .urban-product-cards {
display: grid !important;
margin: 0 !important;
padding: 0 !important
}
#products .urban-product-card {
border-bottom: solid 1px #eae7dd;
grid-template-columns: 25px 1fr !important;
align-content: center !important;
padding: 30px 34px !important;
margin: 0 !important;
display: grid !important
}
#products .urban-product-card:last-child {
border-bottom: 0 !important
}
#products .urban-product-card>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#products .urban-product-num,
#products .urban-product-num .elementor-widget-container {
color: var(--urban-red) !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important
}
#products .urban-product-title .elementor-heading-title {
letter-spacing: -.035em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(23px, 2vw, 31px) !important;
font-weight: 500 !important;
line-height: 1.1 !important
}
#products .urban-product-desc {
grid-column: 2 !important
}
#products .urban-product-desc,
#products .urban-product-desc .elementor-widget-container {
color: var(--urban-muted) !important;
margin: 13px 0 20px !important;
font-size: 13px !important;
line-height: 1.65 !important;
padding: 0 !important
}
#products .urban-product-tags {
grid-column: 2 !important
}
#products .urban-product-tags ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important
}
#products .urban-product-tags li {
letter-spacing: .06em !important;
text-transform: uppercase !important;
background: #d12022 !important;
color: #fff;
border-radius: 100px !important;
padding: 6px 8px !important;
font-size: 8px !important;
font-weight: 700 !important;
line-height: 1.2 !important
}
#urban-purpose {
background: var(--urban-dark) !important;
color: #fff !important;
border-radius: 12px !important;
grid-template-columns: 56% 44% !important;
width: calc(100% - 28px) !important;
max-width: 1320px !important;
min-height: 650px !important;
margin: 0 auto 18px !important;
padding: 0 !important;
display: grid !important;
overflow: hidden !important
}
#urban-purpose>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#urban-purpose .urban-statement-image {
position: relative !important;
min-height: 650px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important
}
#urban-purpose .urban-statement-image-img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important
}
#urban-purpose .urban-statement-image-img .elementor-widget-container,
#urban-purpose .urban-statement-image-img img {
width: 100% !important;
height: 100% !important;
display: block !important
}
#urban-purpose .urban-statement-image-img img {
object-fit: cover !important;
object-position: 50% 50% !important
}
#urban-purpose .urban-statement-image:after {
content: '';
pointer-events: none;
background: linear-gradient(#0c0f1014, #0c0f102b);
position: absolute;
inset: 0;
z-index: 1
}
#urban-purpose .urban-statement-copy {
padding: 85px var(--urban-pad) 85px 65px !important;
flex-direction: column !important;
justify-content: center !important;
display: flex !important;
margin: 0 !important
}
#urban-purpose .urban-statement-eyebrow,
#urban-purpose .urban-statement-eyebrow .elementor-widget-container {
color: #f0d9d7 !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
margin: 0 0 24px !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 1.2 !important
}
#urban-purpose .urban-statement-title .elementor-heading-title {
color: #fff !important;
letter-spacing: -.052em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(44px, 4.6vw, 68px) !important;
font-weight: 500 !important;
line-height: 1.02 !important
}
#urban-purpose .urban-statement-body,
#urban-purpose .urban-statement-body .elementor-widget-container {
color: #b4b8b9 !important;
margin: 28px 0 35px !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.8 !important
}
#urban-purpose .urban-statement-body p {
margin: 0 !important
}
#urban-purpose .urban-statement-btn .elementor-button {
position: relative !important;
width: fit-content !important;
min-height: 51px !important;
padding: 0 52px 0 20px !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--urban-ink) !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-family: var(--urban-display) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
box-shadow: none !important
}
#urban-purpose .urban-statement-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
font-weight: 700;
color: currentColor
}
#urban-purpose .urban-statement-btn .elementor-button:hover {
background: var(--urban-red) !important;
color: #fff !important
}
#process {
background: #fff !important
}
#process .urban-process-workspace {
border: 1px solid var(--urban-line) !important;
background: #fff !important;
border-radius: 12px !important;
grid-template-columns: 42% 1fr !important;
display: grid !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
gap: 0px;
}
#process .urban-process-workspace>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
gap: 0;
}
#process .urban-process-current {
background: var(--urban-red);
color: #fff !important;
flex-direction: column !important;
min-height: 460px !important;
padding: 40px !important;
display: flex !important;
margin: 0 !important
}
#process .urban-process-current>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#process .urban-process-count,
#process .urban-process-count .elementor-widget-container {
letter-spacing: .1em !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: #fff !important
}
#process .urban-process-current-title {
margin: auto 0 18px !important;
padding: 0 !important
}
#process .urban-process-current-title .elementor-heading-title {
color: #fff !important;
letter-spacing: -.06em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(47px, 5vw, 74px) !important;
font-weight: 500 !important;
line-height: .9 !important
}
#process .urban-process-current-desc,
#process .urban-process-current-desc .elementor-widget-container {
opacity: .78 !important;
max-width: 420px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.75 !important;
color: #fff !important
}
#process .urban-process-progress {
background: #ffffff4d !important;
height: 2px !important;
min-height: 2px !important;
margin: 35px 0 0 !important;
padding: 0 !important;
position: relative !important;
overflow: hidden !important
}
#process .urban-process-progress:after {
content: '';
background: #fff;
height: 100%;
width: 20%;
position: absolute;
left: 0;
top: 0;
transition: width .35s
}
#process .urban-process-tabs {
grid-template-columns: 1fr 1fr !important;
display: grid !important;
margin: 0 !important;
padding: 0 !important
}
#process .urban-process-tab {
border-left: 1px solid var(--urban-line) !important;
border-bottom: 1px solid var(--urban-line) !important;
cursor: pointer !important;
text-align: left !important;
background: #fff !important;
grid-template-columns: 30px 1fr auto !important;
align-items: end !important;
min-height: 150px !important;
padding: 23px !important;
margin: 0 !important;
transition: background-color .25s, color .25s !important;
display: grid !important
}
#process .urban-process-tab:nth-last-child(-n+2) {
border-bottom: 0 !important
}
#process .urban-process-tab:last-child {
grid-column: 1/-1 !important
}
#process .urban-process-tab>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#process .urban-process-tab-num,
#process .urban-process-tab-num .elementor-widget-container {
color: var(--urban-red) !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important
}
#process .urban-process-tab-title .elementor-heading-title {
font-family: var(--urban-display) !important;
font-size: 21px !important;
font-weight: 500 !important;
line-height: 1.1 !important;
margin: 0 !important;
color: inherit !important
}
#process .urban-process-tab-arrow,
#process .urban-process-tab-arrow .elementor-widget-container {
font-size: 14px !important;
line-height: 1 !important;
color: inherit !important
}
#process .urban-process-tab-desc {
display: none !important
}
#process .urban-process-tab:hover,
#process .urban-process-tab.is-active {
background: var(--urban-dark) !important;
color: #fff;
}
#process .urban-process-tab:hover .urban-process-tab-title .elementor-heading-title,
#process .urban-process-tab.is-active .urban-process-tab-title .elementor-heading-title {
color: #fff;
}
#urban-standards {
background: repeating-linear-gradient(90deg, #ffffff08 0 1px, #0000 1px 46px), radial-gradient(circle at 38% 20%, #571d20 0, #361315 42%, #1c1112 100%);
color: #fff !important
}
#urban-standards .urban-standards-intro {
max-width: 930px !important;
margin: 0 0 60px !important;
padding: 0 !important
}
#urban-standards .urban-standards-title .elementor-heading-title {
color: #fff !important;
letter-spacing: -.055em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(47px, 5vw, 74px) !important;
font-weight: 500 !important;
line-height: 1 !important
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
opacity: .78 !important;
max-width: 640px !important;
margin: 25px 0 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.75 !important;
color: #fff !important
}
#urban-standards .urban-standards-grid {
border-top: 1px solid #ffffff52 !important;
border-left: 1px solid #ffffff52 !important;
border-radius: 10px !important;
grid-template-columns: repeat(4, 1fr) !important;
display: grid !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important
}
#urban-standards .urban-standard-card {
border-bottom: 1px solid #ffffff52 !important;
border-right: 1px solid #ffffff52 !important;
flex-direction: column !important;
min-height: 245px !important;
padding: 26px !important;
margin: 0 !important;
display: flex !important
}
#urban-standards .urban-standard-card>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#urban-standards .urban-standard-num,
#urban-standards .urban-standard-num .elementor-widget-container {
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: #fff !important
}
#urban-standards .urban-standard-title {
margin: auto 0 15px !important
}
#urban-standards .urban-standard-title .elementor-heading-title {
color: #fff !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: 25px !important;
font-weight: 500 !important;
line-height: 1.1 !important
}
#urban-standards .urban-standard-body,
#urban-standards .urban-standard-body .elementor-widget-container {
opacity: .72 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.65 !important;
color: #fff !important
}
#urban-faq {
background: #fff !important;
grid-template-columns: 38% 1fr !important;
gap: 9% !important;
display: grid !important
}
#urban-faq>.elementor-element {
width: auto !important;
min-width: 0 !important;
margin: 0 !important
}
#urban-faq .urban-faq-head {
margin: 0 !important;
padding: 0 !important
}
#urban-faq .urban-faq-title .elementor-heading-title {
letter-spacing: -.052em !important;
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(42px, 4.5vw, 65px) !important;
font-weight: 500 !important;
line-height: 1.02 !important
}
#urban-faq .urban-faq-intro,
#urban-faq .urban-faq-intro .elementor-widget-container {
color: var(--urban-muted) !important;
margin: 25px 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.7 !important
}
#urban-faq .urban-faq-list {
border-top: 1px solid var(--urban-line) !important;
display: block !important;
margin: 0 !important;
padding: 0 !important
}
#urban-faq .urban-faq-item {
border-bottom: 1px solid var(--urban-line) !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important
}
#urban-faq .urban-faq-question {
grid-template-columns: 20px 1fr auto !important;
align-items: center !important;
min-height: 76px !important;
display: grid !important;
margin: 0 !important;
padding: 0 !important
}
#urban-faq .urban-faq-question>.elementor-element {
width: auto !important;
margin: 0 !important;
padding: 0 !important
}
#urban-faq .urban-faq-num,
#urban-faq .urban-faq-num .elementor-widget-container {
color: var(--urban-red) !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important
}
#urban-faq .urban-faq-q .elementor-heading-title {
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
color: var(--urban-ink) !important
}
#urban-faq .urban-faq-symbol,
#urban-faq .urban-faq-symbol .elementor-widget-container {
font-size: 20px !important;
line-height: 1 !important;
color: var(--urban-ink) !important
}
#urban-faq .urban-faq-answer {
max-height: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
transition: max-height .35s, opacity .35s, padding .35s !important
}
#urban-faq .urban-faq-answer,
#urban-faq .urban-faq-answer .elementor-widget-container {
color: var(--urban-muted) !important;
margin: 0 !important;
padding: 0 25px 0 42px !important;
font-size: 12px !important;
line-height: 1.7 !important
}
#urban-faq .urban-faq-answer p {
margin: 0 !important
}
#urban-faq .urban-faq-item.is-open {
padding-bottom: 22px !important
}
#urban-faq .urban-faq-item.is-open .urban-faq-answer {
opacity: 1 !important;
max-height: 120px !important
}
@media(max-width:1100px) {
#urban-hero {
grid-template-columns: 52% 48% !important
}
#urban-hero .urban-hero-title .elementor-heading-title {
font-size: 46px !important
}
.urban-home-section {
padding: 82px 42px !important
}
#company .urban-company-grid {
grid-template-columns: 49% 1fr !important
}
#company .urban-company-facts {
grid-template-columns: 1fr 1fr !important
}
#company .urban-company-facts>.elementor-element:last-child {
display: none !important
}
#expertise .urban-service-layout {
grid-template-columns: 60% 1fr !important
}
#urban-purpose {
grid-template-columns: 50% 1fr !important
}
#urban-purpose .urban-statement-copy {
padding-left: 45px !important
}
#urban-standards .urban-standards-grid {
grid-template-columns: 1fr 1fr !important
}
#urban-faq {
grid-template-columns: 1fr !important;
gap: 50px !important
}
}
@media(max-width:760px) {
#urban-hero {
border-radius: 8px !important;
grid-template-columns: 1fr !important;
width: calc(100% - 20px) !important;
height: auto !important;
min-height: 840px !important;
max-height: none !important
}
#urban-hero .urban-hero-copy {
min-height: 430px !important;
padding: 62px 24px 48px !important
}
#urban-hero .urban-hero-eyebrow,
#urban-hero .urban-hero-eyebrow .elementor-widget-container {
font-size: 10px !important;
line-height: 1.4 !important;
margin-bottom: 0px !important;
}
#urban-hero .urban-hero-title .elementor-heading-title {
font-size: clamp(39px, 10.5vw, 50px) !important;
line-height: 1.12 !important
}
#urban-hero .urban-hero-lead,
#urban-hero .urban-hero-lead .elementor-widget-container {
font-size: 14px !important
}
#urban-hero .urban-hero-image {
min-height: 410px !important
}
#urban-hero .urban-capacity-card {
min-width: 215px !important;
bottom: 22px !important;
right: 12px !important
}
#urban-stats {
grid-template-columns: 1fr 1fr !important;
gap: 40px 10px !important;
padding: 40px 10px !important;
width: 100% !important
}
#urban-stats .urban-stat-number,
#urban-stats .urban-stat-number .elementor-widget-container {
font-size: 36px !important
}
.urban-home-section {
width: calc(100% - 20px) !important;
margin-bottom: 10px !important;
padding: 68px 20px !important
}
.urban-home-heading {
margin: 0 0 42px !important
}
.urban-home-heading .elementor-heading-title {
font-size: 39px !important
}
#company .urban-company-grid {
grid-template-columns: 1fr !important;
gap: 62px !important
}
#company .urban-company-visual,
#company .urban-company-image {
min-height: 430px !important;
height: 430px !important
}
#company .urban-year-card {
bottom: 12px !important;
right: 12px !important
}
#company .urban-company-facts {
grid-template-columns: repeat(3, 1fr) !important
}
#company .urban-company-facts>.elementor-element:last-child {
display: block !important
}
#expertise .urban-service-layout {
grid-template-columns: 1fr !important;
gap: 35px !important
}
#expertise .urban-service-panel {
min-height: 350px !important
}
#expertise .urban-service-title .elementor-heading-title {
font-size: 22px !important
}
#products .urban-product-showcase {
grid-template-columns: 1fr !important
}
#products .urban-product-photo {
min-height: 430px !important
}
#products .urban-product-card {
min-height: 245px !important;
padding: 28px 22px !important
}
#urban-purpose {
grid-template-columns: 1fr !important;
width: calc(100% - 20px) !important
}
#urban-purpose .urban-statement-image {
min-height: 440px !important
}
#urban-purpose .urban-statement-copy {
padding: 70px 20px !important
}
#urban-purpose .urban-statement-title .elementor-heading-title {
font-size: 43px !important
}
#process .urban-process-workspace {
grid-template-columns: 1fr !important
}
#process .urban-process-current {
min-height: 360px !important
}
#process .urban-process-tab {
grid-template-columns: 6px 1fr !important;
min-height: 125px !important;
padding: 17px !important
}
#process .urban-process-tab-title .elementor-heading-title {
font-size: 16px !important;
}
#process .urban-process-tab-arrow {
display: none !important
}
#urban-standards .urban-standards-intro {
margin-bottom: 42px !important
}
#urban-standards .urban-standards-title .elementor-heading-title {
font-size: 44px !important
}
#urban-standards .urban-standards-grid {
grid-template-columns: 1fr !important
}
#urban-standards .urban-standard-card {
min-height: 195px !important
}
#urban-faq .urban-faq-title .elementor-heading-title {
font-size: 42px !important
}
#urban-faq .urban-faq-q .elementor-heading-title {
font-size: 14px !important
}
}
@media(max-width:480px) {
#urban-header .urban-header-brand .elementor-button {
font-size: 22px !important
}
#urban-hero .urban-hero-copy {
padding-left: 20px !important;
padding-right: 20px !important
}
#urban-hero .urban-hero-btn .elementor-button {
min-width: 220px !important
}
#company .urban-company-facts {
grid-template-columns: 1fr 1fr !important
}
#company .urban-company-facts>.elementor-element:last-child {
display: none !important
}
#products .urban-product-card {
grid-template-columns: 32px 1fr !important
}
#urban-faq .urban-faq-question {
grid-template-columns: 30px 1fr auto !important
}
#urban-faq .urban-faq-answer,
#urban-faq .urban-faq-answer .elementor-widget-container {
padding-left: 30px !important;
padding-right: 10px !important
}
}
#process .urban-process-progress:after {
width: var(--urban-process-progress, 20%) !important
}
#company .urban-company-body p+p {
margin-top: 18px !important
}
@media (min-width:1101px) {
#urban-hero .urban-hero-copy {
justify-content: flex-start !important;
padding: 178px 34px 34px !important;
}
#urban-hero .urban-hero-eyebrow,
#urban-hero .urban-hero-eyebrow .elementor-widget-container {
margin-bottom: 20px !important;
font-size: 12px !important;
line-height: 1.25 !important;
}
#urban-hero .urban-hero-title .elementor-heading-title {
font-size: 55px !important;
line-height: 1.105 !important;
letter-spacing: -.038em !important;
}
#urban-hero .urban-hero-lead,
#urban-hero .urban-hero-lead .elementor-widget-container {
margin-top: 20px !important;
max-width: 555px !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
#urban-hero .urban-hero-actions {
margin-top: 26px !important
}
}
#company .urban-home-heading>.urban-company-large,
#company .urban-home-heading>.urban-company-large .elementor-widget-container,
#expertise .urban-home-heading>.urban-section-name,
#expertise .urban-home-heading>.urban-section-name .elementor-widget-container,
#products .urban-home-heading>.urban-section-name,
#products .urban-home-heading>.urban-section-name .elementor-widget-container,
#process .urban-home-heading>.urban-section-name,
#process .urban-home-heading>.urban-section-name .elementor-widget-container {
margin: 0 0 14px !important;
padding: 0 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
font-family: var(--urban-font) !important;
font-size: 9px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
#company .urban-home-heading>.urban-company-large,
#company .urban-home-heading>.urban-company-large .elementor-widget-container,
#products .urban-home-heading>.urban-section-name,
#products .urban-home-heading>.urban-section-name .elementor-widget-container,
#process .urban-home-heading>.urban-section-name,
#process .urban-home-heading>.urban-section-name .elementor-widget-container {
color: var(--urban-red) !important;
}
#expertise .urban-home-heading>.urban-section-name,
#expertise .urban-home-heading>.urban-section-name .elementor-widget-container {
color: #f0d9d7 !important;
}
@media (min-width:1101px) {
#company {
padding: 120px 64px 150px !important;
}
#company .urban-section-label {
margin-bottom: 38px !important
}
#company .urban-home-heading {
max-width: 850px !important;
margin: 0 0 66px 16% !important;
}
#company .urban-home-heading .elementor-heading-title {
font-size: 54px !important;
line-height: 1.08 !important;
letter-spacing: -.045em !important;
}
#company .urban-company-grid {
grid-template-columns: 55% 1fr !important;
gap: 8% !important;
align-items: start !important;
}
#company .urban-company-visual {
min-height: 520px !important
}
#company .urban-company-image {
height: 520px !important
}
#company .urban-year-card {
min-width: 190px !important;
padding: 22px !important;
bottom: 20px !important;
right: -18px !important;
}
#company .urban-year-number,
#company .urban-year-number .elementor-widget-container {
font-size: 46px !important;
margin: 10px 0 6px !important;
}
#company .urban-company-body,
#company .urban-company-body .elementor-widget-container {
color: #777d80 !important;
font-size: 11px !important;
line-height: 1.65 !important;
}
#company .urban-company-body p:first-child {
color: var(--urban-ink) !important;
font-family: var(--urban-display) !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
letter-spacing: -.02em !important;
margin: 0 0 19px !important;
}
#company .urban-company-body p {
font-size: 14px;
}
#company .urban-company-body p+p {
margin-top: 0 !important
}
#company .urban-company-facts {
margin: 30px 0 26px !important;
border-radius: 9px !important;
}
#company .urban-company-facts>.elementor-element {
padding: 20px !important;
gap: 15px;
}
#company .urban-company-fact-number,
#company .urban-company-fact-number .elementor-widget-container {
font-size: 30px !important
}
#company .urban-dark-btn .elementor-button {
min-height: 46px !important;
height: 46px !important;
border-radius: 8px !important;
padding: 0 42px 0 17px !important;
font-size: 12px !important;
}
}
@media (min-width:1101px) {
#expertise {
padding-bottom: 90px !important
}
#expertise .urban-section-label {
margin-bottom: 38px !important
}
#expertise .urban-home-heading {
max-width: 900px !important;
margin: 0 0 46px 16% !important;
}
#expertise .urban-home-heading .elementor-heading-title {
font-size: 52px !important;
line-height: 1.08 !important;
letter-spacing: -.043em !important;
}
#expertise .urban-service-panel {
min-height: 420px !important;
padding: 31px !important;
}
#expertise .urban-service-title .elementor-heading-title {
font-size: 27px !important;
padding: 22px 0 0px 0px !important;
}
#expertise .urban-service-item.is-active {
padding-bottom: 20px !important
}
#expertise .urban-panel-title .elementor-heading-title {
font-size: 42px !important
}
}
@media (min-width:1101px) {
#products {
padding-bottom: 130px !important
}
#products .urban-section-label {
margin-bottom: 38px !important
}
#products .urban-home-heading {
max-width: 850px !important;
margin: 0 0 58px 16% !important;
}
#products .urban-home-heading .elementor-heading-title {
font-size: 52px !important;
line-height: 1.08 !important;
letter-spacing: -.044em !important;
}
#products .urban-product-showcase {
grid-template-columns: 53% 47% !important;
min-height: 665px !important;
}
#products .urban-product-photo {
min-height: 665px !important
}
#products .urban-product-card {
padding: 27px 40px !important
}
#products .urban-product-card p {
margin: 0px;
}
#products .urban-product-title .elementor-heading-title {
font-size: 28px !important
}
}
@media (min-width:1101px) {
#urban-purpose {
min-height: 620px !important
}
#urban-purpose .urban-statement-image {
min-height: 620px !important
}
#urban-purpose .urban-statement-copy {
padding: 78px var(--urban-pad) 54px 65px !important
}
#urban-purpose .urban-statement-eyebrow,
#urban-purpose .urban-statement-eyebrow .elementor-widget-container {
margin-bottom: 18px !important;
}
#urban-purpose .urban-statement-eyebrow:before {
content: '';
display: inline-block;
width: 28px;
height: 1px;
background: #f0d9d7;
vertical-align: middle;
margin: 0 12px 3px 0;
}
#urban-purpose .urban-statement-title .elementor-heading-title {
line-height: 1 !important;
font-size: 65px !important;
}
#urban-purpose .urban-statement-title .elementor-heading-title {
font-size: 69px !important;
line-height: 1 !important
}
#urban-purpose .urban-statement-body,
#urban-purpose .urban-statement-body .elementor-widget-container {
margin: 18px 0 16px !important;
font-size: 12px !important;
line-height: 1.65 !important;
}
#urban-purpose .urban-statement-btn .elementor-button {
min-width: 240px !important;
min-height: 48px !important;
height: 48px !important;
border-radius: 8px !important;
font-size: 12px !important;
}
}
@media (min-width:1101px) {
#process .urban-section-label {
margin-bottom: 38px !important
}
#process .urban-home-heading {
max-width: 900px !important;
margin: 0 0 48px 16% !important;
}
#process .urban-home-heading .elementor-heading-title {
font-size: 52px !important;
line-height: 1.08 !important;
letter-spacing: -.043em !important;
}
#process .urban-process-current {
min-height: 440px !important;
padding: 37px !important;
}
#process .urban-process-tab {
min-height: 145px !important;
padding: 21px !important;
}
#process .urban-process-tab:hover {
background: #f7f7f7 !important;
color: var(--urban-ink) !important
}
#process .urban-process-tab.is-active {
background: var(--urban-dark) !important;
color: #fff !important
}
#process .urban-process-tab.is-active .urban-process-tab-num,
#process .urban-process-tab.is-active .urban-process-tab-num .elementor-widget-container {
color: #fff !important
}
#process .urban-process-tab.is-active .urban-process-tab-title .elementor-heading-title {
color: #fff !important
}
#process .urban-process-tab:hover .urban-process-tab-title .elementor-heading-title {
color: var(--urban-ink) !important
}
#process .urban-process-tab.is-active:hover .urban-process-tab-title .elementor-heading-title {
color: #fff !important
}
}
@media (min-width:1101px) {
#urban-standards {
padding-top: 104px !important;
padding-bottom: 74px !important;
}
#urban-standards .urban-standards-title .elementor-heading-title {
font-size: 72px !important;
line-height: 1.02 !important
}
#urban-standards .urban-standards-intro {
margin-bottom: 100px !important;
max-width: 850px !important;
}
#urban-standards .urban-statement-eyebrow,
#urban-standards .urban-statement-eyebrow .elementor-widget-container {
margin: 0 0 18px !important;
color: #f0d9d7  !important;
opacity: .82 !important;
letter-spacing: .19em !important;
text-transform: uppercase !important;
font-size: 9px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
#urban-standards .urban-standards-title .elementor-heading-title {
font-size: 63px !important;
line-height: 1.02 !important;
letter-spacing: -.052em !important;
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
max-width: 670px !important;
margin-top: 20px !important;
font-size: 11px !important;
line-height: 1.55 !important;
}
#urban-standards .urban-standards-grid {
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
gap: 34px !important;
}
#urban-standards .urban-standard-card {
min-height: 170px !important;
padding: 0 14px 23px !important;
border: 0 !important;
border-bottom: 1px solid #ffffff38 !important;
}
#urban-standards .urban-standard-title {
margin: auto 0 12px !important
}
#urban-standards .urban-standard-title .elementor-heading-title {
font-size: 21px !important
}
#urban-standards .urban-standard-body,
#urban-standards .urban-standard-body .elementor-widget-container {
font-size: 12px !important;
line-height: 1.55 !important;
}
}
@media (min-width:1101px) {
#urban-faq {
padding-bottom: 135px !important
}
#urban-faq .urban-eyebrow,
#urban-faq .urban-eyebrow .elementor-widget-container {
margin-bottom: 8px !important
}
#urban-faq .urban-faq-title .elementor-heading-title {
font-size: 58px !important;
line-height: 1.01 !important;
}
#urban-faq .urban-faq-intro,
#urban-faq .urban-faq-intro .elementor-widget-container {
margin: 6px 0 !important;
}
#urban-faq .urban-faq-question {
min-height: 72px !important
}
}
@media (min-width:1101px) {
#urban-contact {
padding: 92px 64px 76px !important
}
#urban-contact .urban-contact-eyebrow,
#urban-contact .urban-contact-eyebrow .elementor-widget-container {
margin-bottom: 8px !important
}
#urban-contact .urban-contact-title .elementor-heading-title {
font-size: 68px !important;
line-height: 1 !important;
}
#urban-contact .urban-contact-lead,
#urban-contact .urban-contact-lead .elementor-widget-container {
margin-top: 16px !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
#urban-contact .urban-contact-details {
margin-top: 12px !important
}
#urban-contact .urban-contact-details,
#urban-contact .urban-contact-details .elementor-widget-container {
font-size: 12px !important;
line-height: 2.5 !important;
}
#urban-contact .urban-form-grid {
gap: 20px 28px !important;
padding: 28px 37px !important;
}
#urban-contact .urban-field textarea {
height: 80px !important;
min-height: 80px !important
}
#urban-contact .wpcf7-submit {
height: 56px !important;
min-height: 56px !important
}
}
@media (min-width:1101px) {
#urban-footer {
padding-top: 70px !important
}
#urban-footer .urban-footer-main {
padding-bottom: 50px !important
}
}
@media (min-width:761px) and (max-width:1100px) {
#urban-hero {
height: 620px !important;
min-height: 620px !important;
max-height: 620px !important
}
#urban-hero .urban-hero-copy {
padding: 135px 30px 45px !important;
justify-content: flex-start !important
}
#urban-hero .urban-hero-title .elementor-heading-title {
font-size: 43px !important;
line-height: 1.08 !important
}
#urban-hero .urban-hero-lead,
#urban-hero .urban-hero-lead .elementor-widget-container {
font-size: 13px !important;
line-height: 1.55 !important
}
.urban-home-section {
padding: 76px 38px !important
}
.urban-home-heading {
margin-left: 12% !important
}
#company {
padding-bottom: 105px !important
}
#company .urban-company-visual,
#company .urban-company-image {
min-height: 450px !important;
height: 450px !important
}
#company .urban-year-card {
right: -12px !important
}
#products .urban-product-showcase,
#products .urban-product-photo {
min-height: 570px !important
}
#urban-purpose {
min-height: 560px !important
}
#urban-purpose .urban-statement-image {
min-height: 560px !important
}
#urban-purpose .urban-statement-title .elementor-heading-title {
font-size: 49px !important
}
#process .urban-process-current {
min-height: 390px !important
}
#process .urban-process-tab {
min-height: 128px !important
}
#urban-standards .urban-standards-intro {
margin-bottom: 70px !important
}
#urban-standards .urban-standard-card {
min-height: 155px !important
}
#urban-contact {
padding: 76px 42px !important
}
}
@media (max-width:760px) {
#urban-hero {
min-height: 0 !important;
height: auto !important
}
#urban-hero .urban-hero-copy {
min-height: 410px !important;
padding: 44px 20px 25px !important;
justify-content: flex-start !important
}
#urban-hero .urban-hero-title .elementor-heading-title {
font-size: 36px !important;
line-height: 1.06 !important
}
#urban-hero .urban-capacity-number,
#urban-hero .urban-capacity-number .elementor-widget-container {
font-size: 35px !important;
}
#urban-hero .urban-hero-lead,
#urban-hero .urban-hero-lead .elementor-widget-container {
margin-top: 3px !important;
line-height: 1.55 !important
}
#urban-hero .urban-hero-actions {
margin-top: 10px !important
}
#urban-hero .urban-hero-image {
min-height: 290px !important
}
.urban-home-section {
padding: 62px 20px !important
}
.urban-home-heading {
margin: 0 0 38px !important
}
.urban-home-heading>.urban-section-name,
.urban-home-heading>.urban-company-large {
margin-bottom: 10px !important
}
.urban-home-heading .elementor-heading-title {
font-size: 33px !important;
line-height: 1.05 !important
}
#company {
padding-top: 50px !important;
padding-bottom: 60px !important
}
#company .urban-company-grid {
gap: 38px !important
}
#company .urban-company-visual,
#company .urban-company-image {
min-height: 400px !important;
height: 400px !important
}
#company .urban-company-body p:first-child {
font-size: 18px !important
}
#company .urban-company-facts {
margin: 20px 0 !important;
}
#company .urban-company-fact-label,
#company .urban-company-fact-label .elementor-widget-container {
font-size: 12px !important;
}
#expertise .urban-service-panel {
min-height: 330px !important
}
#products {
padding-bottom: 70px !important
}
#products .urban-product-showcase {
min-height: 0 !important
}
#products .urban-product-photo {
min-height: 390px !important
}
#products .urban-product-card {
min-height: 220px !important
}
#urban-purpose {
min-height: 0 !important
}
#urban-purpose .urban-statement-image {
min-height: 410px !important
}
#urban-purpose .urban-statement-copy {
padding: 40px 20px 56px !important
}
#urban-purpose .urban-statement-body,
#urban-purpose .urban-statement-body .elementor-widget-container {
margin: 20px 0 20px !important;
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
margin: 4px 0 0 !important;
}
#urban-purpose .urban-statement-title .elementor-heading-title {
font-size: 42px !important;
line-height: 1.02 !important
}
#urban-purpose .urban-statement-btn .elementor-button {
min-width: 220px !important
}
#process .urban-process-current {
min-height: 330px !important
}
#process .urban-process-tab {
min-height: 112px !important;
padding: 16px !important
}
#urban-standards {
padding-top: 60px !important;
padding-bottom: 56px !important
}
#urban-standards .urban-standards-intro {
margin-bottom: 52px !important
}
#urban-standards .urban-standards-title .elementor-heading-title {
font-size: 42px !important
}
#urban-standards .urban-standard-card {
min-height: 150px !important;
padding: 0 0 20px !important
}
#urban-faq {
padding-bottom: 60px !important
}
#urban-faq .urban-faq-intro,
#urban-faq .urban-faq-intro .elementor-widget-container {
margin: 5px 0 0 0px !important;
}
#urban-faq {
gap: 30px !important;
}
#urban-contact .urban-contact-lead,
#urban-contact .urban-contact-lead .elementor-widget-container {
margin: 15px 0 0 !important;
}
#urban-contact .urban-contact-details {
margin: 10px 0 0 !important;
padding: 0 !important;
}
#urban-contact {
padding: 64px 20px 54px !important
}
#urban-contact .urban-contact-title .elementor-heading-title {
font-size: 44px !important;
line-height: 1.02 !important
}
#urban-contact .urban-form-grid {
padding: 24px 20px !important;
gap: 18px !important
}
#urban-footer {
padding-top: 55px !important
}
}
@media (min-width:1101px) {
.home.wp-singular.page-template-default.page #urban-primary-nav {
top: 113px !important
}
.wp-singular.page-template-default.page #urban-primary-nav {
top: 100px !important;
}
#urban-hero .urban-hero-title .elementor-heading-title {
font-size: 57px !important;
line-height: 1.105 !important;
}
#urban-hero .urban-hero-actions {
margin-top: 34px !important
}
#company {
padding-bottom: 90px !important
}
#company .urban-home-heading {
margin-bottom: 42px !important
}
#company .urban-home-heading>.urban-company-large,
#company .urban-home-heading>.urban-company-large .elementor-widget-container {
margin-bottom: 13px !important;
color: var(--urban-red) !important;
letter-spacing: .145em !important;
font-size: 8px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
#company .urban-home-heading .elementor-heading-title {
font-size: 59px !important;
line-height: 1.045 !important;
letter-spacing: -.047em !important;
}
#company .urban-company-visual {
min-height: 580px !important
}
#company .urban-company-image {
height: 580px !important
}
#company .urban-company-facts {
margin: 50px 0 12px !important
}
#expertise {
padding-bottom: 18px !important
}
#expertise .urban-home-heading {
margin-bottom: 54px !important
}
#expertise .urban-home-heading .elementor-heading-title {
font-size: 59px !important;
line-height: 1.06 !important
}
#expertise .urban-service-panel {
min-height: 515px !important;
padding: 32px !important;
}
#expertise .urban-service-title .elementor-heading-title {
font-size: 29px !important
}
#expertise .urban-service-item {
min-height: 82px !important
}
#expertise .urban-service-item.is-active {
padding-bottom: 24px !important
}
#products {
padding-top: 108px !important;
padding-bottom: 100px !important;
}
#products .urban-home-heading {
margin-bottom: 78px !important
}
#products .urban-home-heading .elementor-heading-title {
font-size: 58px !important;
line-height: 1.06 !important
}
#products .urban-product-showcase {
min-height: 680px !important
}
#products .urban-product-photo {
min-height: 680px !important
}
#urban-purpose {
min-height: 660px !important
}
#urban-purpose .urban-statement-image {
min-height: 660px !important
}
#urban-purpose .urban-statement-body,
#urban-purpose .urban-statement-body .elementor-widget-container {
margin: 18px 0 80px !important;
}
#urban-purpose .urban-statement-btn {
width: 100% !important;
max-width: none !important
}
#urban-purpose .urban-statement-btn .elementor-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
justify-content: flex-start !important;
}
#process {
padding-bottom: 22px !important
}
#process .urban-home-heading {
margin-bottom: 58px !important
}
#process .urban-home-heading .elementor-heading-title {
font-size: 58px !important;
line-height: 1.06 !important
}
#process .urban-process-current {
min-height: 500px !important;
position: relative !important;
justify-content: flex-end !important;
}
#process .urban-process-count,
#process .urban-process-count .elementor-widget-container {
position: absolute !important;
top: 37px !important;
left: 37px !important;
margin: 0 !important;
}
#process .urban-process-current-title {
margin: 0 0 18px !important
}
#process .urban-process-tab {
align-items: center !important;
min-height: 150px !important;
}
#process .urban-process-tab-arrow,
#process .urban-process-tab-arrow .elementor-widget-container {
justify-self: end !important;
align-self: center !important;
color: var(--urban-red) !important;
}
#process .urban-process-tab.is-active .urban-process-tab-arrow,
#process .urban-process-tab.is-active .urban-process-tab-arrow .elementor-widget-container {
color: #fff !important
}
#urban-standards {
padding-top: 88px !important;
padding-bottom: 24px !important
}
#urban-standards .urban-standards-intro {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
margin-bottom: 146px !important;
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
width: 100% !important;
max-width: 650px !important;
margin-left: 0 !important;
margin-right: 0 !important;
text-align: left !important;
}
#urban-standards .urban-standards-grid {
border: 0 !important;
border-bottom: 1px solid #ffffff26 !important;
border-radius: 0 !important;
gap: 40px !important;
}
#urban-standards .urban-standard-card {
min-height: 220px !important;
padding: 0 10px 25px !important;
border: 0 !important;
background: transparent !important;
}
#urban-standards .urban-standard-title {
margin: auto 0 12px !important
}
#urban-standards .urban-standard-title .elementor-heading-title {
font-size: 23px !important
}
#urban-contact {
padding-bottom: 105px !important
}
#urban-contact .urban-form-grid {
padding: 32px 37px !important
}
#urban-contact .urban-field textarea {
height: 88px !important;
min-height: 88px !important
}
#urban-faq .urban-faq-title .elementor-heading-title {
line-height: 1.14 !important
}
#urban-contact .urban-contact-title .elementor-heading-title {
line-height: 1.10 !important
}
}
@media (min-width:761px) and (max-width:1100px) {
#urban-purpose .urban-statement-btn {
width: 100% !important
}
#urban-purpose .urban-statement-btn .elementor-button {
width: 100% !important;
min-width: 0 !important
}
#process .urban-process-current {
position: relative !important;
justify-content: flex-end !important
}
#process .urban-process-count,
#process .urban-process-count .elementor-widget-container {
position: absolute !important;
top: 30px !important;
left: 30px !important
}
#process .urban-process-current-title {
margin: 0 0 16px !important
}
#urban-standards .urban-standards-intro {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important
}
#urban-standards .urban-standards-grid {
border: 0 !important;
border-bottom: 1px solid #ffffff26 !important;
border-radius: 0 !important
}
#urban-standards .urban-standard-card {
background: transparent !important;
border-right: 0px !important;
}
}
@media (max-width:760px) {
#urban-purpose .urban-statement-btn {
width: 100% !important;
max-width: none !important
}
#urban-purpose .urban-statement-btn .elementor-button {
width: 100% !important;
min-width: 0 !important;
max-width: none !important
}
#process .urban-process-current {
position: relative !important;
justify-content: flex-end !important
}
#process .urban-process-count,
#process .urban-process-count .elementor-widget-container {
position: absolute !important;
top: 24px !important;
left: 20px !important
}
#process .urban-process-current-title {
margin: 0 0 14px !important
}
#urban-standards .urban-standards-intro {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important
}
#urban-standards .urban-standards-grid {
border: 0 !important;
border-bottom: 1px solid #ffffff26 !important;
border-radius: 0 !important;
gap: 30px !important
}
#urban-standards .urban-standard-card {
border: 0 !important;
background: transparent !important
}
}
@media (min-width:1101px) {
#company {
padding-top: 80px !important;
padding-bottom: 60px !important;
}
#company .urban-section-label {
margin-bottom: 30px !important
}
#company .urban-home-heading {
margin-top: 0 !important;
margin-bottom: 46px !important;
}
#company .urban-home-heading>.urban-company-large,
#company .urban-home-heading>.urban-company-large .elementor-widget-container {
margin-bottom: 12px !important;
font-size: 8px !important;
line-height: 1.15 !important;
}
#company .urban-home-heading .elementor-heading-title {
font-size: 55px !important;
line-height: 1.045 !important;
}
#company .urban-company-visual,
#company .urban-company-image {
min-height: 545px !important;
height: 545px !important
}
#company .urban-company-body,
#company .urban-company-body .elementor-widget-container {
font-size: 11px !important;
line-height: 1.58 !important;
}
#company .urban-company-facts {
margin: 26px 0 22px !important
}
#expertise {
padding-bottom: 60px !important
}
#expertise .urban-section-label {
margin-bottom: 32px !important
}
#expertise .urban-home-heading {
margin-bottom: 48px !important
}
#expertise .urban-home-heading>.urban-section-name,
#expertise .urban-home-heading>.urban-section-name .elementor-widget-container {
margin-bottom: 12px !important;
font-size: 8px !important;
}
#expertise .urban-home-heading .elementor-heading-title {
font-size: 54px !important;
line-height: 1.055 !important;
}
#expertise .urban-service-panel {
min-height: 455px !important
}
#products .urban-section-label {
margin-bottom: 30px !important
}
#products .urban-home-heading {
margin-bottom: 52px !important;
}
#products .urban-home-heading>.urban-section-name,
#products .urban-home-heading>.urban-section-name .elementor-widget-container {
margin-bottom: 12px !important;
font-size: 8px !important;
}
#products .urban-home-heading .elementor-heading-title {
font-size: 53px !important;
line-height: 1.04 !important;
}
#products .urban-product-showcase,
#products .urban-product-photo {
min-height: 650px !important
}
#urban-purpose,
#urban-purpose .urban-statement-image {
min-height: 800px !important
}
#urban-purpose .urban-statement-copy {
padding-top: 96px !important;
padding-bottom: 72px !important;
}
#urban-purpose .urban-statement-title .elementor-heading-title {
font-size: 55px !important;
line-height: 1.005 !important;
}
#urban-purpose .urban-statement-body,
#urban-purpose .urban-statement-body .elementor-widget-container {
margin: 10px 0 25px !important;
max-width: 520px !important;
font-size: 14px !important;
line-height: 1.58 !important;
color: #ffffffb8 !important;
}
#urban-purpose .urban-statement-btn {
width: 76% !important;
max-width: 430px !important;
}
#urban-purpose .urban-statement-btn .elementor-button {
width: 100% !important;
min-width: 0 !important;
justify-content: flex-start !important;
min-height: 50px !important;
height: 50px !important;
}
#process {
padding-bottom: 95px !important
}
#process .urban-home-heading {
margin-bottom: 50px !important
}
#process .urban-process-current {
min-height: 445px !important
}
#process .urban-process-tab {
min-height: 145px !important
}
#process:not(.urban-process-ready) .urban-process-tab {
background: #fff !important;
color: var(--urban-ink) !important
}
#process:not(.urban-process-ready) .urban-process-tab .urban-process-tab-title .elementor-heading-title {
color: var(--urban-ink) !important
}
#process:not(.urban-process-ready) .urban-process-tab:first-child {
background: var(--urban-red) !important;
color: #fff !important
}
#process:not(.urban-process-ready) .urban-process-tab:first-child .urban-process-tab-num,
#process:not(.urban-process-ready) .urban-process-tab:first-child .urban-process-tab-num .elementor-widget-container,
#process:not(.urban-process-ready) .urban-process-tab:first-child .urban-process-tab-title .elementor-heading-title,
#process:not(.urban-process-ready) .urban-process-tab:first-child .urban-process-tab-arrow,
#process:not(.urban-process-ready) .urban-process-tab:first-child .urban-process-tab-arrow .elementor-widget-container {
color: #fff !important
}
#urban-standards {
padding-top: 94px !important;
padding-bottom: 62px !important;
}
#urban-standards .urban-standards-intro {
display: grid !important;
grid-template-columns: 1fr !important;
align-content: start !important;
justify-items: start !important;
max-width: 900px !important;
margin: 0 0 50px !important;
}
#urban-standards .urban-standards-intro>.elementor-element {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#urban-standards .urban-standards-title .elementor-heading-title {
font-size: 64px !important;
line-height: 1.01 !important;
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
display: block !important;
width: 100% !important;
max-width: 560px !important;
margin: 0 !important;
text-align: left !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
#urban-standards .urban-standards-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 32px !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}
#urban-standards .urban-standard-card {
min-height: 180px !important;
padding: 0 8px 22px !important;
border: 0 !important;
border-bottom: 1px solid #ffffff38 !important;
background: transparent !important;
}
#urban-faq {
padding-top: 86px !important;
padding-bottom: 126px !important
}
#urban-faq .urban-faq-title .elementor-heading-title {
font-size: 64px !important;
line-height: 1.02 !important;
}
#urban-contact .urban-contact-title .elementor-heading-title {
font-size: 67px !important;
line-height: 1.02 !important;
}
}
@media (min-width:761px) and (max-width:1100px) {
#urban-purpose,
#urban-purpose .urban-statement-image {
min-height: 620px !important
}
#urban-purpose .urban-statement-btn {
width: 78% !important;
max-width: 420px !important
}
#urban-purpose .urban-statement-btn .elementor-button {
width: 100% !important
}
#urban-standards .urban-standards-intro {
display: grid !important;
grid-template-columns: 1fr !important;
justify-items: start !important
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
max-width: 560px !important;
text-align: left !important;
margin-left: 0 !important
}
}
@media (max-width:760px) {
#urban-purpose .urban-statement-btn {
width: 100% !important;
max-width: none !important
}
#urban-purpose .urban-statement-btn .elementor-button {
width: 100% !important
}
#urban-standards .urban-standards-intro {
display: grid !important;
grid-template-columns: 1fr !important;
justify-items: start !important
}
#urban-standards .urban-standards-body,
#urban-standards .urban-standards-body .elementor-widget-container {
width: 100% !important;
max-width: none !important;
text-align: left !important;
margin-left: 0 !important
}
}
.urban-inner-hero,
.urban-inner-section,
.urban-company-metrics {
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.urban-inner-hero {
background: #fff !important;
border-radius: 12px !important;
padding: 112px 64px 64px !important;
margin-top: 14px !important;
margin-bottom: 14px !important;
overflow: hidden !important;
}
.urban-inner-hero-top {
display: grid !important;
grid-template-columns: 180px minmax(0, 1fr) 360px !important;
gap: 34px !important;
align-items: start !important;
margin: 0 0 52px !important;
}
.urban-inner-kicker {
display: grid !important;
grid-template-columns: auto 1fr !important;
gap: 16px !important;
align-items: center !important;
padding-top: 10px !important;
}
.urban-inner-index,
.urban-inner-name,
.urban-inner-eyebrow {
margin: 0 !important;
padding: 0 !important;
font-family: var(--urban-font) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .14em !important;
line-height: 1.1 !important;
}
.urban-inner-index {
font-size: 8px !important;
color: var(--urban-red) !important
}
.urban-inner-name {
font-size: 8px !important;
color: var(--urban-ink) !important
}
.urban-inner-eyebrow {
font-size: 8px !important;
color: var(--urban-red) !important
}
.urban-inner-eyebrow-light {
color: #f0d9d7 !important;
}
.urban-inner-title .elementor-heading-title {
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(54px, 5.2vw, 82px) !important;
font-weight: 500 !important;
line-height: .98 !important;
letter-spacing: -.045em !important;
color: var(--urban-ink) !important;
}
.urban-inner-lead,
.urban-inner-lead .elementor-widget-container {
margin: 0 !important;
padding: 9px 0 0 !important;
color: #4f5558 !important;
font-family: var(--urban-font) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.urban-inner-lead p,
.urban-inner-body p {
margin: 0 !important
}
.urban-inner-body p+p {
margin-top: 18px !important
}
.urban-inner-hero-media {
position: relative !important;
min-height: 590px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #ddd !important;
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
width: 100% !important;
height: 100% !important;
min-height: 590px !important;
display: block !important;
}
.urban-inner-hero-image img {
object-fit: cover !important;
object-position: center 52% !important
}
.urban-inner-hero-facts {
position: absolute !important;
right: 24px !important;
bottom: 24px !important;
width: min(600px, 70%) !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
background: #fff !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 10px 30px rgba(10, 17, 25, .08) !important;
}
.urban-inner-hero-fact {
padding: 23px 22px 20px !important;
border-right: 1px solid #e6e7e8 !important
}
.urban-inner-hero-fact:last-child {
border-right: 0 !important
}
.urban-inner-fact-number {
margin: 0 0 7px !important;
font-family: var(--urban-display) !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.04em !important;
color: var(--urban-ink) !important
}
.urban-inner-fact-label {
margin: 0 !important;
font-size: 9px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
color: #767b7e !important
}
.urban-inner-section {
background: #fff !important;
border-radius: 12px !important;
padding: 96px 64px !important;
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.urban-inner-section-label {
margin: 0 0 28px !important
}
.urban-inner-h2 .elementor-heading-title {
margin: 0 !important;
font-family: var(--urban-display) !important;
font-size: clamp(44px, 4.1vw, 66px) !important;
font-weight: 500 !important;
line-height: 1.02 !important;
letter-spacing: -.04em !important;
color: var(--urban-ink) !important;
}
.urban-inner-h2-light .elementor-heading-title {
color: #fff !important
}
.urban-inner-body,
.urban-inner-body .elementor-widget-container {
color: #5f6568 !important;
font-family: var(--urban-font) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.urban-inner-dark-btn {
width: fit-content !important;
margin: 34px 0 0 !important
}
.urban-inner-dark-btn .elementor-button {
position: relative !important;
min-width: 192px !important;
min-height: 52px !important;
padding: 0 48px 0 22px !important;
border-radius: 9px !important;
background: var(--urban-dark) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
justify-content: flex-start !important;
}
.urban-inner-dark-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%);
font-size: 12px;
line-height: 1
}
#company-hero .urban-inner-hero-image img {
object-position: center 55% !important
}
.urban-company-story-grid {
display: grid !important;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
gap: 76px !important;
align-items: center !important;
}
.urban-company-story-copy {
padding-right: 20px !important
}
.urban-company-story-copy .urban-inner-h2 {
margin: 0 0 26px !important
}
.urban-company-story-visual {
position: relative !important;
min-height: 640px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #eee !important
}
.urban-company-story-image,
.urban-company-story-image .elementor-widget-container,
.urban-company-story-image img {
width: 100% !important;
height: 100% !important;
min-height: 640px !important;
display: block !important
}
.urban-company-story-image img {
object-fit: cover !important;
object-position: center !important
}
.urban-company-story-note {
position: absolute !important;
left: 24px !important;
right: 24px !important;
bottom: 24px !important;
display: grid !important;
grid-template-columns: 115px 1fr !important;
gap: 20px !important;
align-items: start !important;
padding: 24px 26px !important;
background: #fff !important;
border-radius: 9px !important;
}
.urban-company-note-label {
margin: 0 !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .14em !important;
line-height: 1.2 !important;
text-transform: uppercase !important
}
.urban-company-note-copy {
margin: 0 !important;
color: var(--urban-ink) !important;
font-family: var(--urban-display) !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
letter-spacing: -.02em !important
}
#company-model {
background: var(--urban-dark) !important;
color: #fff !important;
padding-top: 96px !important;
padding-bottom: 74px !important;
}
.urban-company-model-head {
display: grid !important;
grid-template-columns: 240px minmax(0, 760px) !important;
gap: 46px !important;
align-items: start !important;
margin: 0 0 72px !important;
}
.urban-company-model-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
border-top: 1px solid #ffffff22 !important;
}
.urban-company-model-card {
min-height: 265px !important;
padding: 28px 28px 28px 0 !important;
border-right: 1px solid #ffffff22 !important
}
.urban-company-model-card:not(:first-child) {
padding-left: 28px !important
}
.urban-company-model-card:last-child {
border-right: 0 !important
}
.urban-company-model-num {
margin: 0 0 60px !important;
color: #f1bebd;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
line-height: 1 !important
}
.urban-company-model-title .elementor-heading-title {
margin: 0 0 18px !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important
}
.urban-company-model-body,
.urban-company-model-body .elementor-widget-container {
margin: 0 !important;
color: #ffffffb8 !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 1.55 !important
}
.urban-company-model-body p {
margin: 0 !important
}
#company-metrics {
margin-top: 14px !important;
margin-bottom: 14px !important;
padding: 88px 64px 68px !important;
border-radius: 12px !important;
background: var(--urban-red) !important;
color: #fff !important;
}
.urban-company-metrics-intro {
max-width: 740px !important;
margin: 0 0 78px !important
}
.urban-company-metrics-title .elementor-heading-title {
margin: 12px 0 10px !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: clamp(46px, 4.3vw, 68px) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.045em !important
}
.urban-company-metrics-lead,
.urban-company-metrics-lead .elementor-widget-container {
margin: 0 !important;
color: #fff !important;
opacity: .78 !important;
font-size: 10px !important;
line-height: 1.55 !important;
max-width: 560px !important
}
.urban-company-metrics-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0 !important;
border-top: 1px solid #ffffff40 !important;
padding: 0px !important;
}
.urban-company-metric {
min-height: 155px !important;
padding: 24px 24px 18px 0 !important;
border-right: 1px solid #ffffff40 !important;
border-bottom: 1px solid #ffffff40 !important
}
.urban-company-metric:nth-child(3n+2),
.urban-company-metric:nth-child(3n+3) {
padding-left: 24px !important
}
.urban-company-metric:nth-child(3n) {
border-right: 0 !important
}
.urban-company-metric:nth-last-child(-n+3) {
border-bottom: 0 !important
}
.urban-company-metric-index {
margin: 0 0 34px !important;
color: #fff !important;
opacity: .72 !important;
font-size: 7px !important;
font-weight: 700 !important;
letter-spacing: .14em !important;
line-height: 1 !important
}
.urban-company-metric-value {
margin: 0 0 8px !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: 28px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.035em !important
}
.urban-company-metric-label {
margin: 0 !important;
color: #fff !important;
opacity: .8 !important;
font-size: 9px !important;
font-weight: 400 !important;
line-height: 1.35 !important
}
.urban-company-responsibility-head {
flex-direction: row !important;
display: flex !important;
margin: 0 0 24px !important
}
.urban-company-responsibility-head .urban-inner-body {
margin-top: 24px !important;
width: 38%;
}
.urban-company-responsibility-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
border-top: 1px solid #d9dcde !important
}
.urban-company-responsibility-card {
min-height: 245px !important;
padding: 28px 28px 20px 0 !important;
border-right: 1px solid #d9dcde !important
}
.urban-company-responsibility-card:not(:first-child) {
padding-left: 28px !important
}
.urban-company-responsibility-card:last-child {
border-right: 0 !important
}
.urban-company-responsibility-num {
margin: 0 0 56px !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
line-height: 1 !important
}
.urban-company-responsibility-title .elementor-heading-title {
margin: 0 0 16px !important;
color: var(--urban-ink) !important;
font-family: var(--urban-display) !important;
font-size: 23px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important
}
.urban-company-responsibility-body,
.urban-company-responsibility-body .elementor-widget-container {
margin: 0 !important;
color: #73797d !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 1.55 !important
}
.urban-company-responsibility-body p {
margin: 0 !important
}
@media(max-width:1100px) {
.urban-inner-hero {
padding: 104px 42px 48px !important
}
.urban-inner-hero-top {
grid-template-columns: 120px minmax(0, 1fr) !important;
gap: 26px !important
}
.urban-inner-lead {
grid-column: 2 !important;
max-width: 560px !important
}
.urban-inner-hero-media {
min-height: 500px !important
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
min-height: 500px !important
}
.urban-inner-section,
#company-metrics {
padding-left: 42px !important;
padding-right: 42px !important
}
.urban-company-story-grid {
grid-template-columns: 1fr !important;
gap: 50px !important
}
.urban-company-story-visual {
min-height: 520px !important
}
.urban-company-story-image,
.urban-company-story-image .elementor-widget-container,
.urban-company-story-image img {
min-height: 520px !important
}
.urban-company-model-head,
.urban-company-responsibility-head {
grid-template-columns: 180px minmax(0, 1fr) !important
}
.urban-company-model-grid,
.urban-company-responsibility-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.urban-company-model-card:nth-child(2n),
.urban-company-responsibility-card:nth-child(2n) {
border-right: 0 !important
}
.urban-company-model-card:nth-child(-n+2),
.urban-company-responsibility-card:nth-child(-n+2) {
border-bottom: 1px solid #ffffff22 !important
}
.urban-company-responsibility-card:nth-child(-n+2) {
border-bottom-color: #d9dcde !important
}
}
@media(max-width:760px) {
.urban-inner-hero,
.urban-inner-section,
#company-metrics {
width: calc(100% - 20px) !important;
border-radius: 10px !important
}
.urban-inner-hero {
padding: 82px 20px 20px !important;
margin-top: 10px !important;
margin-bottom: 10px !important
}
.urban-inner-hero-top {
display: block !important;
margin-bottom: 32px !important
}
.urban-inner-kicker {
width: 120px !important;
margin: 0 0 22px !important
}
.urban-inner-title .elementor-heading-title {
font-size: 46px !important;
line-height: 1 !important
}
.urban-inner-lead {
max-width: none !important;
padding-top: 20px !important;
font-size: 13px !important
}
.urban-inner-hero-media {
min-height: 430px !important;
border-radius: 8px !important
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
min-height: 430px !important
}
.urban-inner-hero-facts {
position: absolute !important;
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
width: auto !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}
.urban-inner-hero-fact {
padding: 16px 11px 14px !important
}
.urban-inner-fact-number {
font-size: 22px !important
}
.urban-inner-fact-label {
font-size: 7px !important
}
.urban-inner-section {
padding: 64px 20px !important;
margin-top: 10px !important;
margin-bottom: 10px !important
}
.urban-inner-h2 .elementor-heading-title {
font-size: 42px !important;
line-height: 1.02 !important
}
.urban-inner-body {
font-size: 12px !important
}
.urban-company-story-visual {
min-height: 420px !important
}
.urban-company-story-image,
.urban-company-story-image .elementor-widget-container,
.urban-company-story-image img {
min-height: 420px !important
}
.urban-company-story-note {
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
display: block !important;
padding: 18px !important
}
.urban-company-note-label {
margin-bottom: 9px !important
}
.urban-company-note-copy {
font-size: 15px !important
}
#company-model {
padding-top: 64px !important;
padding-bottom: 44px !important
}
.urban-company-model-head,
.urban-company-responsibility-head {
display: block !important;
margin-bottom: 44px !important
}
.urban-company-model-head .urban-inner-eyebrow,
.urban-company-responsibility-head .urban-inner-eyebrow {
margin-bottom: 20px !important
}
.urban-company-model-grid,
.urban-company-responsibility-grid {
grid-template-columns: 1fr !important
}
.urban-company-model-card,
.urban-company-model-card:not(:first-child),
.urban-company-responsibility-card,
.urban-company-responsibility-card:not(:first-child) {
min-height: 0 !important;
padding: 26px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #ffffff22 !important
}
.urban-company-responsibility-card,
.urban-company-responsibility-card:not(:first-child) {
border-bottom-color: #d9dcde !important
}
.urban-company-model-card:last-child,
.urban-company-responsibility-card:last-child {
border-bottom: 0 !important
}
.urban-company-model-num,
.urban-company-responsibility-num {
margin-bottom: 28px !important
}
#company-metrics {
padding: 64px 20px 42px !important;
margin-top: 10px !important;
margin-bottom: 10px !important
}
.urban-company-metrics-intro {
margin-bottom: 48px !important
}
.urban-company-metrics-title .elementor-heading-title {
font-size: 43px !important
}
.urban-company-metrics-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.urban-company-metric,
.urban-company-metric:nth-child(3n+2),
.urban-company-metric:nth-child(3n+3) {
min-height: 128px !important;
padding: 20px 14px 14px 0 !important;
border-right: 1px solid #ffffff40 !important;
border-bottom: 1px solid #ffffff40 !important
}
.urban-company-metric:nth-child(even) {
padding-left: 14px !important;
border-right: 0 !important
}
.urban-company-metric:nth-last-child(-n+2) {
border-bottom: 0 !important
}
.urban-company-metric-index {
margin-bottom: 24px !important
}
.urban-company-metric-value {
font-size: 23px !important
}
}
#expertise-capabilities {
background: var(--urban-dark) !important;
color: #fff !important;
padding-top: 96px !important;
padding-bottom: 74px !important
}
.urban-expertise-cap-head {
display: grid !important;
grid-template-columns: 220px minmax(0, 760px) !important;
gap: 46px !important;
align-items: start !important;
margin: 0 0 70px !important
}
.urban-expertise-cap-lead,
.urban-expertise-cap-lead .elementor-widget-container {
grid-column: 2 !important;
margin: 20px 0 0 !important;
max-width: 560px !important;
color: #ffffffb8 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-expertise-cap-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
border-top: 1px solid #ffffff22 !important
}
.urban-expertise-cap-card {
min-height: 285px !important;
padding: 28px 28px 26px 0 !important;
border-right: 1px solid #ffffff22 !important
}
.urban-expertise-cap-card:not(:first-child) {
padding-left: 28px !important
}
.urban-expertise-cap-card:last-child {
border-right: 0 !important
}
.urban-expertise-cap-num {
margin: 0 0 62px !important;
color: #f1bebd;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
line-height: 1 !important
}
.urban-expertise-cap-title .elementor-heading-title {
margin: 0 0 18px !important;
color: #fff !important;
font-size: 24px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important
}
.urban-expertise-cap-body,
.urban-expertise-cap-body .elementor-widget-container {
margin: 0 !important;
color: #ffffffb8 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-expertise-cap-body p {
margin: 0 !important
}
.urban-expertise-custom-grid {
display: grid !important;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
gap: 72px !important;
align-items: start !important
}
.urban-expertise-custom-visual {
position: relative !important;
min-height: 760px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #e5e5e5 !important
}
.urban-expertise-custom-image,
.urban-expertise-custom-image .elementor-widget-container,
.urban-expertise-custom-image img {
width: 100% !important;
height: 100% !important;
min-height: 760px !important;
display: block !important
}
.urban-expertise-custom-image img {
object-fit: cover !important;
object-position: center !important
}
.urban-expertise-custom-tag {
position: absolute !important;
left: 18px !important;
bottom: 18px !important;
margin: 0 !important;
padding: 9px 12px !important;
background: #111516 !important;
color: #fff !important;
font-size: 7px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
line-height: 1 !important;
text-transform: uppercase !important;
border-radius: 3px !important
}
.urban-expertise-custom-copy>.urban-inner-h2 {
margin: 12px 0 24px !important
}
.urban-expertise-custom-list {
margin: 44px 0 0 !important;
border-top: 1px solid #d9dcde !important
}
.urban-expertise-custom-item {
display: grid !important;
grid-template-columns: 42px 200px 1fr !important;
gap: 18px !important;
align-items: start !important;
padding: 24px 0 !important;
border-bottom: 1px solid #d9dcde !important
}
.urban-expertise-custom-num {
margin: 2px 0 0 !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .12em !important
}
.urban-expertise-custom-title .elementor-heading-title {
margin: 0 !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.1 !important;
letter-spacing: -.02em !important;
color: var(--urban-ink) !important
}
.urban-expertise-custom-body,
.urban-expertise-custom-body .elementor-widget-container {
margin: 0 !important;
color: #6b7174 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-expertise-custom-body p {
margin: 0 !important
}
#expertise-clients {
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin: 14px auto !important;
padding: 88px 64px 70px !important;
border-radius: 12px !important;
background: var(--urban-red) !important;
color: #fff !important
}
.urban-expertise-clients-intro {
max-width: 780px !important;
margin: 0 0 70px !important
}
.urban-expertise-clients-title .elementor-heading-title {
margin: 12px 0 5px !important;
color: #fff !important;
font-size: clamp(46px, 4.3vw, 68px) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.045em !important
}
.urban-expertise-clients-lead,
.urban-expertise-clients-lead .elementor-widget-container {
margin: 0 !important;
max-width: 560px !important;
color: #fff !important;
opacity: .8 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-expertise-clients-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
border-top: 1px solid #ffffff3d !important;
border-left: 1px solid #ffffff3d !important
gap: 0px !important;
padding: 0px !important;
}
.urban-expertise-client-card {
min-height: 125px !important;
padding: 22px !important;
border-right: 1px solid #ffffff3d !important;
border-bottom: 1px solid #ffffff3d !important
}
.urban-expertise-client-num {
margin: 0 0 36px !important;
color: #fff !important;
opacity: .75 !important;
font-size: 7px !important;
font-weight: 700 !important;
letter-spacing: .14em !important
}
.urban-expertise-client-title .elementor-heading-title {
margin: 0 !important;
color: #fff !important;
font-size: 19px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.02em !important
}
.urban-expertise-clients-btn {
width: fit-content !important;
margin: 34px 0 0 !important
}
.urban-expertise-clients-btn .elementor-button {
position: relative !important;
min-width: 210px !important;
min-height: 52px !important;
padding: 0 48px 0 22px !important;
background: #111516 !important;
color: #fff !important;
border: 0 !important;
border-radius: 9px !important;
font-size: 12px !important;
font-weight: 600 !important;
justify-content: flex-start !important
}
.urban-expertise-clients-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%)
}
.urban-products-families-head {
max-width: 820px !important;
margin: 0 0 58px !important
}
.urban-products-families-head .urban-inner-h2 {
margin: 12px 0 22px !important
}
.urban-products-families-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important
}
.urban-products-family-card {
background: #f2f2f2 !important;
border-radius: 10px !important;
overflow: hidden !important;
min-height: 620px !important
}
.urban-products-family-media {
position: relative !important;
min-height: 330px !important;
overflow: hidden !important;
background: #ddd !important
}
.urban-products-family-image,
.urban-products-family-image .elementor-widget-container,
.urban-products-family-image img {
width: 100% !important;
height: 100% !important;
min-height: 330px !important;
display: block !important
}
.urban-products-family-image img {
object-fit: cover !important;
object-position: center !important
}
.urban-products-family-num {
position: absolute !important;
left: 16px !important;
top: 16px !important;
margin: 0 !important;
padding: 8px 10px !important;
background: var(--urban-red) !important;
color: #fff !important;
font-size: 7px !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
line-height: 1 !important;
border-radius: 3px !important
}
.urban-products-family-copy {
padding: 30px 28px 28px !important
}
.urban-products-family-title .elementor-heading-title {
margin: 0 !important;
color: var(--urban-ink) !important;
font-size: 25px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.03em !important
}
.urban-products-family-body,
.urban-products-family-body .elementor-widget-container {
margin: 0 0 24px !important;
color: #697074 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-products-family-body p {
margin: 0 !important
}
.urban-products-family-list ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
display: grid !important;
gap: 8px !important
}
.urban-products-family-list li {
position: relative !important;
padding-left: 14px !important;
color: #3f4548 !important;
font-size: 9px !important;
line-height: 1.4 !important
}
.urban-products-family-list li:before {
content: '•';
position: absolute;
left: 0;
top: 0;
color: var(--urban-red) !important
}
.urban-products-catalog-head {
display: grid !important;
grid-template-columns: 220px minmax(0, 760px) !important;
gap: 46px !important;
align-items: start !important;
margin: 0 0 58px !important
}
.urban-products-catalog-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important
}
.urban-products-catalog-card {
display: grid !important;
grid-template-columns: 46% 1fr !important;
min-height: 310px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #f2f2f2 !important
}
.urban-products-catalog-card:last-child {
grid-column: 1/-1 !important;
grid-template-columns: 34% 1fr !important
}
.urban-products-catalog-image,
.urban-products-catalog-image .elementor-widget-container,
.urban-products-catalog-image img {
width: 100% !important;
height: 100% !important;
min-height: 310px !important;
display: block !important
}
.urban-products-catalog-image img {
object-fit: cover !important;
object-position: center !important
}
.urban-products-catalog-copy {
padding: 30px !important;
align-self: center !important
}
.urban-products-catalog-num {
margin: 0 0 46px !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .12em !important
}
.urban-products-catalog-title .elementor-heading-title {
margin: 0 0 8px !important;
font-size: 27px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.03em !important;
color: var(--urban-ink) !important
}
.urban-products-catalog-body,
.urban-products-catalog-body .elementor-widget-container {
margin: 0 !important;
color: #6b7275 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-products-catalog-body p {
margin: 0 !important
}
#products-quote {
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin: 14px auto !important;
padding: 86px 64px !important;
border-radius: 12px !important;
background: var(--urban-red) !important;
color: #fff !important;
display: grid !important;
grid-template-columns: 1fr auto !important;
gap: 60px !important;
align-items: end !important
}
.urban-products-quote-copy {
max-width: 850px !important;
gap: 0px !important;
}
.urban-products-quote-title .elementor-heading-title {
margin: 12px 0 22px !important;
color: #fff !important;
font-size: clamp(48px, 4.4vw, 70px) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.045em !important
}
.urban-products-quote-body,
.urban-products-quote-body .elementor-widget-container {
margin: 0 !important;
max-width: 610px !important;
color: #fff !important;
font-size: 11px !important;
line-height: 1.55 !important;
opacity: 0.78;
}
.urban-products-quote-btn {
width: fit-content !important;
margin: 0 !important
}
.urban-products-quote-btn .elementor-button {
position: relative !important;
min-width: 190px !important;
min-height: 54px !important;
padding: 0 48px 0 22px !important;
border: 0 !important;
border-radius: 9px !important;
background: #fff !important;
color: var(--urban-ink) !important;
font-size: 13px !important;
font-weight: 600 !important;
justify-content: flex-start !important
}
.urban-products-quote-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%)
}
.urban-process-route-head {
max-width: 820px !important;
margin: 0 0 62px !important
}
.urban-process-route-head .urban-inner-h2 {
margin: 12px 0 22px !important
}
.urban-process-route-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
border-top: 1px solid #d9dcde !important;
border-left: 1px solid #d9dcde !important;
gap: 0px !important;
padding: 0px !important
}
.urban-process-stage {
min-height: 220px !important;
padding: 26px 30px !important;
border-right: 1px solid #d9dcde !important;
border-bottom: 1px solid #d9dcde !important;
display: grid !important;
grid-template-columns: 52px 180px 1fr !important;
gap: 18px !important;
align-items: start !important
}
.urban-process-stage-num {
margin: 2px 0 0 !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .13em !important
}
.urban-process-stage-title .elementor-heading-title {
margin: 0 !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important;
color: var(--urban-ink) !important
}
.urban-process-stage-body,
.urban-process-stage-body .elementor-widget-container {
margin: 0 !important;
color: #6b7275 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-process-stage-body p {
margin: 0 !important
}
.urban-process-quality-grid {
display: grid !important;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
gap: 72px !important;
align-items: start !important
}
.urban-process-quality-visual {
position: relative !important;
min-height: 720px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #ddd !important
}
.urban-process-quality-image,
.urban-process-quality-image .elementor-widget-container,
.urban-process-quality-image img {
width: 100% !important;
height: 100% !important;
min-height: 720px !important;
display: block !important
}
.urban-process-quality-image img {
object-fit: cover !important;
object-position: center !important
}
.urban-process-quality-tag {
position: absolute !important;
left: 18px !important;
bottom: 18px !important;
margin: 0 !important;
padding: 9px 12px !important;
background: #111516 !important;
color: #fff !important;
font-size: 7px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
line-height: 1 !important;
text-transform: uppercase !important;
border-radius: 3px !important
}
.urban-process-quality-copy>.urban-inner-h2 {
margin: 12px 0 24px !important
}
.urban-process-quality-list {
margin: 44px 0 0 !important;
border-top: 1px solid #d9dcde !important
}
.urban-process-quality-item {
display: grid !important;
grid-template-columns: 42px 170px 1fr !important;
gap: 18px !important;
align-items: start !important;
padding: 24px 0 !important;
border-bottom: 1px solid #d9dcde !important
}
.urban-process-quality-num {
margin: 2px 0 0 !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .12em !important
}
.urban-process-quality-title .elementor-heading-title {
margin: 0 !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.1 !important;
letter-spacing: -.02em !important
}
.urban-process-quality-body,
.urban-process-quality-body .elementor-widget-container {
margin: 0 !important;
color: #6b7174 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-process-quality-body p {
margin: 0 !important
}
#process-planning {
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin: 14px auto !important;
padding: 88px 64px 70px !important;
border-radius: 12px !important;
background: var(--urban-red) !important;
color: #fff !important
}
.urban-process-planning-intro {
max-width: 820px !important;
margin: 0 0 66px !important
}
.urban-process-planning-title .elementor-heading-title {
margin: 12px 0 20px !important;
color: #fff !important;
font-size: clamp(46px, 4.3vw, 68px) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.045em !important
}
.urban-process-planning-lead,
.urban-process-planning-lead .elementor-widget-container {
margin: 0 !important;
max-width: 600px !important;
color: #fff !important;
opacity: .82 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-process-planning-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
border-top: 1px solid #ffffff40 !important;
margin: 0 0 20px !important
}
.urban-process-plan {
min-height: 150px !important;
padding: 24px 24px 18px 0 !important;
border-right: 1px solid #ffffff40 !important
}
.urban-process-plan:not(:first-child) {
padding-left: 24px !important
}
.urban-process-plan:last-child {
border-right: 0 !important
}
.urban-process-plan-value {
margin: 0 0 12px !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: 31px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.04em !important
}
.urban-process-plan-label {
margin: 0 !important;
color: #fff !important;
opacity: .8 !important;
font-size: 9px !important;
line-height: 1.4 !important
}
.urban-process-planning-btn {
width: fit-content !important;
margin: 0 !important
}
.urban-process-planning-btn .elementor-button {
position: relative !important;
min-width: 185px !important;
min-height: 52px !important;
padding: 0 48px 0 22px !important;
border: 0 !important;
border-radius: 9px !important;
background: #111516 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
justify-content: flex-start !important
}
.urban-process-planning-btn .elementor-button:after {
content: '↗';
position: absolute;
right: 19px;
top: 50%;
transform: translateY(-50%)
}
.page-id-24 #urban-contact,
.page-id-25 #urban-contact {
display: none !important
}
.urban-contact-page-grid,
.urban-quote-grid {
display: grid !important;
grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
gap: 72px !important;
align-items: start !important
}
.urban-contact-page-copy>.urban-inner-h2,
.urban-quote-copy>.urban-inner-h2 {
margin: 12px 0 24px !important
}
.urban-contact-page-list {
margin: 46px 0 0 !important;
border-top: 1px solid #d9dcde !important
}
.urban-contact-page-item {
display: grid !important;
grid-template-columns: 120px 1fr !important;
gap: 24px !important;
padding: 20px 0 !important;
border-bottom: 1px solid #d9dcde !important
}
.urban-contact-page-label {
margin: 0 !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
line-height: 1.2 !important
}
.urban-contact-page-value {
margin: 0 !important;
color: var(--urban-ink) !important;
font-family: var(--urban-display) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1.35 !important
}
.urban-contact-page-value a {
color: inherit !important
}
.urban-page-form-panel,
.urban-quote-form-panel {
padding: 38px 38px 34px !important;
border-radius: 10px !important;
background: #f2f2f2 !important
}
.urban-page-form-eyebrow {
margin: 0 0 12px !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .13em !important;
line-height: 1.2 !important;
text-transform: uppercase !important
}
.urban-page-form-title .elementor-heading-title {
margin: 0 0 28px !important;
color: var(--urban-ink) !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.03em !important
}
.urban-page-form-panel .us-form-grid,
.urban-quote-form-panel .us-form-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px 28px !important;
margin: 0 !important
}
.urban-page-form-panel .us-form-grid>p,
.urban-quote-form-panel .us-form-grid>p {
margin: 0 !important
}
.urban-page-form-panel .us-form-grid>p.us-field-full,
.urban-quote-form-panel .us-form-grid>p.us-field-full {
grid-column: 1/-1 !important
}
.urban-page-form-panel .us-form-grid label,
.urban-quote-form-panel .us-form-grid label {
display: block !important;
color: var(--urban-ink) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .1em !important;
line-height: 1.35 !important;
text-transform: uppercase !important
}
.urban-page-form-panel input,
.urban-page-form-panel textarea,
.urban-page-form-panel select,
.urban-quote-form-panel input,
.urban-quote-form-panel textarea,
.urban-quote-form-panel select {
width: 100% !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #b8bdc0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
color: var(--urban-ink) !important;
padding: 10px 0 12px !important;
margin: 0 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
text-transform: none !important;
letter-spacing: 0 !important
}
.urban-page-form-panel textarea {
height: 100px !important;
min-height: 100px !important;
resize: none !important
}
.urban-quote-form-panel textarea {
height: 120px !important;
min-height: 120px !important;
resize: none !important
}
.urban-page-form-panel input:focus,
.urban-page-form-panel textarea:focus,
.urban-page-form-panel select:focus,
.urban-quote-form-panel input:focus,
.urban-quote-form-panel textarea:focus,
.urban-quote-form-panel select:focus {
border-color: var(--urban-red) !important
}
.urban-page-form-panel input[type=submit],
.urban-quote-form-panel input[type=submit] {
width: auto !important;
min-width: 210px !important;
height: 54px !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 9px !important;
background: #111516 !important;
color: #fff !important;
font-family: var(--urban-display) !important;
font-size: 12px !important;
font-weight: 600 !important;
cursor: pointer !important;
text-align: left !important
}
.urban-page-form-panel .wpcf7-not-valid-tip,
.urban-quote-form-panel .wpcf7-not-valid-tip {
font-size: 9px !important;
margin-top: 5px !important;
text-transform: none !important;
letter-spacing: 0 !important
}
.urban-page-form-panel .wpcf7-response-output,
.urban-quote-form-panel .wpcf7-response-output {
margin: 16px 0 0 !important;
padding: 10px 12px !important;
font-size: 10px !important;
border-width: 1px !important
}
#contact-map {
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin: 14px auto 14px !important;
border-radius: 12px !important;
overflow: hidden !important;
min-height: 520px !important;
background: #ddd !important
}
.urban-contact-map-widget,
.urban-contact-map-widget .elementor-widget-container {
width: 100% !important;
height: 100% !important;
min-height: 520px !important
}
.urban-contact-map-frame {
display: block !important;
width: 100% !important;
height: 520px !important;
border: 0 !important;
filter: grayscale(1) contrast(.9) !important
}
#quote-brief {
background: var(--urban-dark) !important;
color: #fff !important
}
#quote-brief .urban-inner-eyebrow,
#quote-brief .urban-inner-h2 .elementor-heading-title {
color: #fff !important
}
#quote-brief .urban-inner-body,
#quote-brief .urban-inner-body .elementor-widget-container {
color: #aeb5ba !important
}
.urban-quote-checklist {
margin: 42px 0 0 !important;
border-top: 1px solid #ffffff22 !important
}
.urban-quote-check-item {
display: grid !important;
grid-template-columns: 42px 1fr !important;
gap: 16px !important;
align-items: start !important;
padding: 15px 0 !important;
border-bottom: 1px solid #ffffff22 !important
}
.urban-quote-check-num {
margin: 1px 0 0 !important;
color: var(--urban-red) !important;
font-size: 8px !important;
font-weight: 700 !important;
letter-spacing: .12em !important
}
.urban-quote-check-text {
margin: 0 !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.35 !important
}
.urban-quote-form-panel {
background: #fff !important
}
.urban-quote-form-panel input[type=file] {
padding: 10px 0 !important;
font-size: 10px !important
}
#quote-next {
width: calc(100% - 28px) !important;
max-width: 1320px !important;
margin: 14px auto !important;
padding: 88px 64px 70px !important;
border-radius: 12px !important;
background: var(--urban-red) !important;
color: #fff !important
}
.urban-quote-next-intro {
max-width: 820px !important;
margin: 0 0 68px !important
}
.urban-quote-next-title .elementor-heading-title {
margin: 12px 0 0 !important;
color: #fff !important;
font-size: clamp(46px, 4.2vw, 66px) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -.045em !important
}
.urban-quote-next-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
border-top: 1px solid #ffffff40 !important
}
.urban-quote-next-card {
min-height: 195px !important;
padding: 24px 24px 18px 0 !important;
border-right: 1px solid #ffffff40 !important
}
.urban-quote-next-card:not(:first-child) {
padding-left: 24px !important
}
.urban-quote-next-card:last-child {
border-right: 0 !important
}
.urban-quote-next-num {
margin: 0 0 46px !important;
color: #fff !important;
opacity: .72 !important;
font-size: 7px !important;
font-weight: 700 !important;
letter-spacing: .14em !important
}
.urban-quote-next-card-title .elementor-heading-title {
margin: 0 0 16px !important;
color: #fff !important;
font-size: 23px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important
}
.urban-quote-next-body,
.urban-quote-next-body .elementor-widget-container {
margin: 0 !important;
color: #fff !important;
opacity: .82 !important;
font-size: 10px !important;
line-height: 1.55 !important
}
.urban-quote-next-body p {
margin: 0 !important
}
@media(max-width:1100px) {
.urban-expertise-cap-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.urban-expertise-cap-card:nth-child(2n) {
border-right: 0 !important
}
.urban-expertise-cap-card:nth-child(-n+2) {
border-bottom: 1px solid #ffffff22 !important
}
.urban-expertise-custom-grid,
.urban-process-quality-grid,
.urban-contact-page-grid,
.urban-quote-grid {
grid-template-columns: 1fr !important;
gap: 50px !important
}
.urban-expertise-custom-visual,
.urban-process-quality-visual {
min-height: 520px !important
}
.urban-expertise-custom-image,
.urban-expertise-custom-image .elementor-widget-container,
.urban-expertise-custom-image img,
.urban-process-quality-image,
.urban-process-quality-image .elementor-widget-container,
.urban-process-quality-image img {
min-height: 520px !important
}
.urban-expertise-clients-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.urban-products-families-grid {
grid-template-columns: 1fr !important
}
.urban-products-family-card {
display: grid !important;
grid-template-columns: 45% 1fr !important;
min-height: 0 !important
}
.urban-products-family-media {
min-height: 360px !important
}
.urban-products-family-image,
.urban-products-family-image .elementor-widget-container,
.urban-products-family-image img {
min-height: 360px !important
}
.urban-products-catalog-grid {
grid-template-columns: 1fr !important
}
.urban-products-catalog-card,
.urban-products-catalog-card:last-child {
grid-column: auto !important;
grid-template-columns: 40% 1fr !important
}
#products-quote {
grid-template-columns: 1fr !important;
align-items: start !important
}
.urban-process-stage {
grid-template-columns: 44px 150px 1fr !important
}
}
@media(max-width:760px) {
#expertise-clients,
#process-planning,
#quote-next,
#products-quote {
width: calc(100% - 20px) !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
padding: 64px 20px 46px !important;
border-radius: 10px !important
}
.urban-expertise-cap-head,
.urban-products-catalog-head {
display: block !important;
margin-bottom: 44px !important
}
.urban-expertise-cap-head .urban-inner-eyebrow,
.urban-products-catalog-head .urban-inner-eyebrow {
margin-bottom: 18px !important
}
.urban-expertise-cap-lead {
grid-column: auto !important;
margin-top: 18px !important
}
.urban-expertise-cap-grid {
grid-template-columns: 1fr !important
}
.urban-expertise-cap-card,
.urban-expertise-cap-card:not(:first-child) {
min-height: 0 !important;
padding: 26px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #ffffff22 !important
}
.urban-expertise-cap-card:last-child {
border-bottom: 0 !important
}
.urban-expertise-cap-num {
margin-bottom: 28px !important
}
.urban-expertise-custom-item,
.urban-process-quality-item {
grid-template-columns: 34px 1fr !important
}
.urban-expertise-custom-body,
.urban-process-quality-body {
grid-column: 2 !important
}
.urban-expertise-custom-visual,
.urban-process-quality-visual {
min-height: 420px !important
}
.urban-expertise-custom-image,
.urban-expertise-custom-image .elementor-widget-container,
.urban-expertise-custom-image img,
.urban-process-quality-image,
.urban-process-quality-image .elementor-widget-container,
.urban-process-quality-image img {
min-height: 420px !important
}
.urban-expertise-clients-grid {
grid-template-columns: 1fr !important
}
.urban-expertise-client-card {
min-height: 100px !important
}
.urban-expertise-client-num {
margin-bottom: 24px !important
}
.urban-products-families-grid {
grid-template-columns: 1fr !important
}
.urban-products-family-card {
display: block !important
}
.urban-products-family-media,
.urban-products-family-image,
.urban-products-family-image .elementor-widget-container,
.urban-products-family-image img {
min-height: 300px !important
}
.urban-products-family-copy {
padding: 24px 20px !important
}
.urban-products-catalog-head {
display: block !important
}
.urban-products-catalog-head .urban-inner-eyebrow {
margin-bottom: 18px !important
}
.urban-products-catalog-card,
.urban-products-catalog-card:last-child {
display: block !important
}
.urban-products-catalog-image,
.urban-products-catalog-image .elementor-widget-container,
.urban-products-catalog-image img {
min-height: 260px !important
}
.urban-products-catalog-copy {
padding: 24px 20px !important
}
.urban-products-catalog-num {
margin-bottom: 26px !important
}
#products-quote {
display: block !important
}
.urban-products-quote-btn {
margin-top: 20px !important
}
.urban-process-route-grid {
grid-template-columns: 1fr !important
}
.urban-process-stage {
grid-template-columns: 36px 1fr !important;
min-height: 0 !important;
padding: 24px 18px !important
}
.urban-process-stage-body {
grid-column: 2 !important
}
.urban-process-planning-grid,
.urban-quote-next-grid {
grid-template-columns: 1fr !important
}
.urban-process-plan,
.urban-process-plan:not(:first-child),
.urban-quote-next-card,
.urban-quote-next-card:not(:first-child) {
min-height: 0 !important;
padding: 24px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #ffffff40 !important
}
.urban-process-plan:last-child,
.urban-quote-next-card:last-child {
border-bottom: 0 !important
}
.urban-quote-next-num {
margin-bottom: 28px !important
}
.urban-contact-page-list {
margin-top: 34px !important
}
.urban-contact-page-item {
grid-template-columns: 95px 1fr !important
}
.urban-contact-page-value {
font-size: 14px !important
}
.urban-page-form-panel,
.urban-quote-form-panel {
padding: 28px 20px 24px !important
}
.urban-page-form-panel .us-form-grid,
.urban-quote-form-panel .us-form-grid {
grid-template-columns: 1fr !important
}
.urban-page-form-panel .us-form-grid>p,
.urban-quote-form-panel .us-form-grid>p {
grid-column: 1 !important
}
#contact-map,
.urban-contact-map-widget,
.urban-contact-map-widget .elementor-widget-container {
min-height: 400px !important
}
.urban-contact-map-frame {
height: 400px !important
}
}
.urban-inner-hero,
.urban-inner-section,
#company-metrics,
#expertise-clients,
#products-quote,
#process-planning,
#quote-next,
#contact-map {
box-sizing: border-box !important;
}
.urban-inner-hero {
padding: 76px 56px 48px !important;
}
.urban-inner-hero-top {
grid-template-columns: 150px minmax(0, 1fr) 330px !important;
gap: 28px !important;
margin-bottom: 34px !important;
align-items: start !important;
}
.urban-inner-kicker {
padding-top: 7px !important
}
.urban-inner-title {
max-width: 650px !important
}
.urban-inner-title .elementor-heading-title {
font-size: clamp(46px, 4.25vw, 60px) !important;
line-height: 1.01 !important;
letter-spacing: -.04em !important;
text-wrap: balance !important;
}
.urban-inner-lead,
.urban-inner-lead .elementor-widget-container {
padding-top: 6px !important;
font-size: 13.5px !important;
line-height: 1.55 !important;
max-width: 330px !important;
}
.urban-inner-hero-media {
min-height: 460px !important
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
min-height: 460px !important
}
.urban-inner-hero-facts {
right: 18px !important;
bottom: 18px !important;
width: min(560px, 68%) !important;
}
.urban-inner-hero-fact {
padding: 18px 18px 16px !important;
gap: 5px !important;
}
.urban-inner-fact-number {
font-size: 24px !important;
margin-bottom: 6px !important
}
.urban-inner-fact-label {
font-size: 12px !important;
line-height: 1.35 !important
}
.urban-inner-section {
padding: 72px 56px !important;
}
.urban-inner-h2 .elementor-heading-title {
font-size: clamp(36px, 3.25vw, 50px) !important;
line-height: 1.04 !important;
letter-spacing: -.035em !important;
text-wrap: balance !important;
}
.urban-inner-body,
.urban-inner-body .elementor-widget-container {
font-size: 14px !important;
line-height: 1.62 !important;
}
.urban-inner-eyebrow,
.urban-inner-index,
.urban-inner-name {
font-size: 8.5px !important
}
.urban-inner-dark-btn .elementor-button,
.urban-expertise-clients-btn .elementor-button,
.urban-products-quote-btn .elementor-button,
.urban-process-planning-btn .elementor-button,
.urban-hero-btn .elementor-button,
.urban-statement-btn .elementor-button {
display: inline-flex !important;
align-items: center !important;
min-height: 50px !important;
line-height: 1 !important;
}
.urban-inner-dark-btn .elementor-button-content-wrapper,
.urban-expertise-clients-btn .elementor-button-content-wrapper,
.urban-products-quote-btn .elementor-button-content-wrapper,
.urban-process-planning-btn .elementor-button-content-wrapper,
.urban-hero-btn .elementor-button-content-wrapper,
.urban-statement-btn .elementor-button-content-wrapper {
display: flex !important;
align-items: center !important;
min-height: 50px !important;
line-height: 1 !important;
}
.urban-inner-dark-btn .elementor-button-text,
.urban-expertise-clients-btn .elementor-button-text,
.urban-products-quote-btn .elementor-button-text,
.urban-process-planning-btn .elementor-button-text,
.urban-hero-btn .elementor-button-text,
.urban-statement-btn .elementor-button-text {
display: block !important;
line-height: 1.1 !important;
transform: none !important;
}
.urban-company-story-grid {
gap: 56px !important
}
.urban-company-story-copy {
padding-right: 0 !important
}
.urban-company-story-copy .urban-inner-h2 {
margin-bottom: 20px !important
}
.urban-company-story-visual {
min-height: 520px !important
}
.urban-company-story-image,
.urban-company-story-image .elementor-widget-container,
.urban-company-story-image img {
min-height: 520px !important
}
.urban-company-story-note {
left: 18px !important;
right: 18px !important;
bottom: 18px !important;
grid-template-columns: 90px 1fr !important;
gap: 16px !important;
padding: 18px 20px !important;
}
.urban-company-note-copy {
font-size: 14px !important;
line-height: 1.3 !important
}
#company-model {
padding-top: 76px !important;
padding-bottom: 62px !important
}
.urban-company-model-head {
grid-template-columns: 190px minmax(0, 720px) !important;
gap: 34px !important;
margin-bottom: 48px !important
}
.urban-company-model-card {
min-height: 220px !important;
padding-top: 24px !important;
padding-bottom: 24px !important
}
.urban-company-model-num {
margin-bottom: 36px !important
}
.urban-company-model-title .elementor-heading-title {
font-size: 21px !important
}
.urban-company-model-body,
.urban-company-model-body .elementor-widget-container {
font-size: 12px !important;
line-height: 1.55 !important
}
#company-metrics {
padding: 72px 56px 58px !important
}
.urban-company-metrics-intro {
margin-bottom: 10px !important;
max-width: 700px !important;
gap: 10px !important;
}
.urban-company-metrics-title .elementor-heading-title {
font-size: clamp(38px, 3.4vw, 52px) !important;
line-height: 1.03 !important
}
.urban-company-metrics-lead,
.urban-company-metrics-lead .elementor-widget-container {
font-size: 12.5px !important;
line-height: 1.55 !important;
max-width: 600px !important
}
.urban-company-metric {
min-height: 126px !important;
padding-top: 20px !important
}
.urban-company-metric-index {
margin-bottom: 22px !important
}
.urban-company-metric-value {
font-size: 25px !important
}
.urban-company-metric-label {
font-size: 10.5px !important
}
.urban-company-responsibility-head {
grid-template-columns: 190px minmax(0, 1fr) !important;
gap: 34px !important;
margin-bottom: 42px !important
}
.urban-company-responsibility-head .urban-inner-body {
margin-top: 18px !important;
max-width: 650px !important
}
.urban-company-responsibility-card {
min-height: 190px !important;
padding-top: 22px !important
}
.urban-company-responsibility-num {
margin-bottom: 34px !important
}
.urban-company-responsibility-title .elementor-heading-title {
font-size: 20px !important
}
.urban-company-responsibility-body,
.urban-company-responsibility-body .elementor-widget-container {
font-size: 12px !important;
line-height: 1.55 !important
}
#expertise-hero .urban-inner-hero-image img {
object-position: center 50% !important
}
#expertise-capabilities {
padding-top: 76px !important;
padding-bottom: 62px !important
}
.urban-expertise-cap-head {
grid-template-columns: 180px minmax(0, 720px) !important;
gap: 0px !important;
margin-bottom: 15px !important;
}
.urban-expertise-cap-lead,
.urban-expertise-cap-lead .elementor-widget-container {
margin-top: 12px !important;
max-width: 620px !important;
font-size: 12.5px !important;
line-height: 1.55 !important;
}
.urban-expertise-cap-card {
min-height: 220px !important;
padding-top: 24px !important;
padding-bottom: 22px !important
}
.urban-expertise-cap-num {
margin-bottom: 38px !important
}
.urban-expertise-cap-title .elementor-heading-title {
font-size: 21px !important
}
.urban-expertise-cap-body,
.urban-expertise-cap-body .elementor-widget-container {
font-size: 12px !important;
line-height: 1.55 !important
}
.urban-expertise-custom-grid {
gap: 56px !important;
grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important
}
.urban-expertise-custom-visual {
min-height: 600px !important
}
.urban-expertise-custom-image,
.urban-expertise-custom-image .elementor-widget-container,
.urban-expertise-custom-image img {
min-height: 600px !important
}
.urban-expertise-custom-copy>.urban-inner-h2 {
margin-bottom: 5px !important
}
.urban-expertise-custom-list {
margin-top: 20px !important
}
.urban-expertise-custom-item {
grid-template-columns: 36px 170px 1fr !important;
gap: 15px !important;
padding: 18px 0 !important
}
.urban-expertise-custom-title .elementor-heading-title {
font-size: 16px !important
}
.urban-expertise-custom-body,
.urban-expertise-custom-body .elementor-widget-container {
font-size: 11.5px !important;
line-height: 1.5 !important
}
#expertise-clients {
padding: 72px 56px 58px !important
}
.urban-expertise-clients-intro {
margin-bottom: 10px !important;
max-width: 760px !important
gap: 10px;
}
.urban-expertise-clients-title .elementor-heading-title {
font-size: clamp(38px, 3.45vw, 52px) !important;
line-height: 1.03 !important
}
.urban-expertise-clients-lead,
.urban-expertise-clients-lead .elementor-widget-container {
font-size: 12.5px !important;
line-height: 1.55 !important;
max-width: 620px !important
}
.urban-expertise-client-card {
min-height: 108px !important;
padding: 19px !important
}
.urban-expertise-client-num {
margin-bottom: 24px !important
}
.urban-expertise-client-title .elementor-heading-title {
font-size: 17px !important
}
.urban-expertise-clients-btn {
margin-top: 26px !important
}
.urban-products-families-head {
margin-bottom: 10px !important;
max-width: 760px !important
}
.urban-products-families-head .urban-inner-h2 {
margin-bottom: 18px !important
}
.urban-products-family-card {
min-height: 520px !important
}
.urban-products-family-media {
min-height: 280px !important
}
.urban-products-family-image,
.urban-products-family-image .elementor-widget-container,
.urban-products-family-image img {
min-height: 280px !important
}
.urban-products-family-copy {
padding: 24px 24px 22px !important
}
.urban-products-family-title .elementor-heading-title {
font-size: 22px !important
}
.urban-products-family-body,
.urban-products-family-body .elementor-widget-container {
font-size: 13px !important;
line-height: 1.55 !important;
margin-bottom: 6px !important
}
.urban-products-family-list li {
font-size:14px !important;
line-height: 1.45 !important
}
.urban-products-catalog-head {
grid-template-columns: 180px minmax(0, 720px) !important;
gap: 34px !important;
margin-bottom: 20px !important
}
.urban-products-catalog-card,
.urban-products-catalog-card:last-child {
min-height: 280px !important;
grid-template-columns: 43% 1fr !important;
background: #f4f4f4 !important
}
.urban-products-catalog-image,
.urban-products-catalog-image .elementor-widget-container,
.urban-products-catalog-image img {
min-height: 280px !important
}
.urban-products-catalog-image .elementor-widget-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #e9e9e9 !important;
padding: 16px !important
}
.urban-products-catalog-image img {
object-fit: contain !important;
object-position: center !important;
padding: 0 !important;
background: #e9e9e9 !important;
}
.urban-products-catalog-copy {
padding: 26px !important
}
.urban-products-catalog-num {
margin-bottom: 32px !important
}
.urban-products-catalog-title .elementor-heading-title {
font-size: 23px !important
}
.urban-products-catalog-body,
.urban-products-catalog-body .elementor-widget-container {
font-size: 12px !important;
line-height: 1.55 !important
}
#products-quote {
padding: 64px 56px !important
}
.urban-products-quote-title .elementor-heading-title {
font-size: clamp(36px, 3.2vw, 48px) !important;
line-height: 1.04 !important
}
.urban-products-quote-body,
.urban-products-quote-body .elementor-widget-container {
font-size: 14px !important;
line-height: 1.55 !important
}
.urban-process-route-head {
margin-bottom: 20px !important;
max-width: 760px !important
}
.urban-process-route-head .urban-inner-h2 {
margin-bottom: 18px !important
}
.urban-process-stage {
min-height: 170px !important;
padding: 22px 24px !important;
grid-template-columns: 42px 155px 1fr !important;
gap: 16px !important;
align-items: center !important;
}
.urban-process-stage-title .elementor-heading-title {
font-size: 20px !important
}
.urban-process-stage-body,
.urban-process-stage-body .elementor-widget-container {
font-size: 13px !important;
line-height: 1.55 !important
}
.urban-process-quality-grid {
gap: 56px !important;
grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important
}
.urban-process-quality-visual {
min-height: 580px !important
}
.urban-process-quality-image,
.urban-process-quality-image .elementor-widget-container,
.urban-process-quality-image img {
min-height: 580px !important
}
.urban-process-quality-copy>.urban-inner-h2 {
margin-bottom: 10px !important
}
.urban-process-quality-list {
margin-top: 25px !important
}
.urban-process-quality-item {
grid-template-columns: 36px 155px 1fr !important;
gap: 15px !important;
padding: 18px 0 !important;
align-items: center !important;
}
.urban-process-quality-title .elementor-heading-title {
font-size: 16px !important
}
.urban-process-quality-body,
.urban-process-quality-body .elementor-widget-container {
font-size: 13px !important;
line-height: 1.5 !important
}
#process-planning {
padding: 72px 56px 58px !important
}
.urban-process-planning-intro {
margin-bottom: 10px !important;
max-width: 760px !important;
gap: 0px !important;
}
.urban-process-planning-title .elementor-heading-title {
font-size: clamp(38px, 3.45vw, 52px) !important;
line-height: 1.03 !important
}
.urban-process-planning-lead,
.urban-process-planning-lead .elementor-widget-container {
font-size: 14px !important;
line-height: 1.55 !important
}
.urban-process-plan {
min-height: 120px !important;
padding-top: 20px !important
}
.urban-process-plan-value {
font-size: 27px !important
}
.urban-process-plan-label {
font-size: 13px !important
}
.urban-contact-page-grid {
grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
gap: 56px !important
}
.urban-contact-page-copy>.urban-inner-h2 {
margin-bottom: 20px !important
}
.urban-contact-page-list {
margin-top: 25px !important
}
.urban-contact-page-item {
grid-template-columns: 105px 1fr !important;
gap: 20px !important;
padding: 17px 0 !important
}
.urban-contact-page-value {
font-size: 15px !important;
line-height: 1.35 !important
}
.urban-page-form-panel,
.urban-quote-form-panel {
padding: 32px !important
}
.urban-page-form-title .elementor-heading-title {
font-size: 26px !important;
margin-bottom: 24px !important
}
.urban-page-form-panel .us-form-grid,
.urban-quote-form-panel .us-form-grid {
gap: 20px 24px !important
}
.urban-page-form-panel .us-form-grid label,
.urban-quote-form-panel .us-form-grid label {
font-size: 8.5px !important
}
.urban-page-form-panel input,
.urban-page-form-panel textarea,
.urban-page-form-panel select,
.urban-quote-form-panel input,
.urban-quote-form-panel textarea,
.urban-quote-form-panel select {
font-size: 12.5px !important
}
.urban-page-form-panel input[type=submit],
.urban-quote-form-panel input[type=submit] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
min-width: 195px !important;
height: 50px !important;
padding: 0 22px !important;
text-align: center !important;
}
#contact-map,
.urban-contact-map-widget,
.urban-contact-map-widget .elementor-widget-container {
min-height: 430px !important
}
.urban-contact-map-frame {
height: 430px !important
}
#quote-next {
padding: 72px 56px 58px !important
}
.urban-quote-next-intro {
margin-bottom: 40px !important
}
.urban-quote-next-title .elementor-heading-title {
font-size: clamp(38px, 3.45vw, 52px) !important;
line-height: 1.03 !important
}
.urban-quote-next-card {
min-height: 155px !important
}
.urban-quote-next-num {
margin-bottom: 30px !important
}
.urban-quote-next-card-title .elementor-heading-title {
font-size: 20px !important
}
.urban-quote-next-body,
.urban-quote-next-body .elementor-widget-container {
font-size: 12px !important
}
#urban-hero .elementor-button,
#urban-purpose .elementor-button,
#company .elementor-button {
align-items: center !important;
}
#urban-hero .elementor-button-content-wrapper,
#urban-purpose .elementor-button-content-wrapper,
#company .elementor-button-content-wrapper {
display: flex !important;
align-items: center !important;
line-height: 1 !important;
}
@media(max-width:1100px) {
.urban-inner-hero {
padding: 68px 36px 38px !important
}
.urban-inner-hero-top {
grid-template-columns: 120px minmax(0, 1fr) !important;
gap: 24px !important;
margin-bottom: 30px !important
}
.urban-inner-title {
max-width: 720px !important
}
.urban-inner-title .elementor-heading-title {
font-size: 48px !important
}
.urban-inner-lead {
grid-column: 2 !important;
max-width: 620px !important;
padding-top: 8px !important
}
.urban-inner-hero-media {
min-height: 410px !important
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
min-height: 410px !important
}
.urban-inner-section,
#company-metrics,
#expertise-clients,
#products-quote,
#process-planning,
#quote-next {
padding-left: 36px !important;
padding-right: 36px !important
}
.urban-company-story-grid,
.urban-expertise-custom-grid,
.urban-process-quality-grid,
.urban-contact-page-grid,
.urban-quote-grid {
gap: 38px !important
}
.urban-company-story-visual,
.urban-company-story-image,
.urban-company-story-image .elementor-widget-container,
.urban-company-story-image img {
min-height: 460px !important
}
.urban-expertise-custom-visual,
.urban-expertise-custom-image,
.urban-expertise-custom-image .elementor-widget-container,
.urban-expertise-custom-image img,
.urban-process-quality-visual,
.urban-process-quality-image,
.urban-process-quality-image .elementor-widget-container,
.urban-process-quality-image img {
min-height: 500px !important
}
.urban-products-catalog-card,
.urban-products-catalog-card:last-child {
grid-template-columns: 38% 1fr !important
}
.urban-process-stage {
grid-template-columns: 38px 130px 1fr !important
}
.urban-header-note {
display: none;
}
.header-logo {
text-align: left !important;
}
}
@media(max-width:900px) {
.urban-inner-hero-top {
display: block !important
}
.urban-inner-kicker {
display: flex !important;
gap: 12px !important;
margin-bottom: 18px !important;
padding-top: 0 !important
}
.urban-inner-title {
max-width: 760px !important
}
.urban-inner-title .elementor-heading-title {
font-size: 44px !important;
line-height: 1.02 !important
}
.urban-inner-lead {
max-width: 680px !important;
padding-top: 16px !important;
font-size: 13px !important
}
.urban-inner-hero-media {
min-height: 390px !important
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
min-height: 390px !important
}
.urban-inner-hero-facts {
width: min(520px, 80%) !important
}
.urban-inner-section {
padding-top: 58px !important;
padding-bottom: 58px !important
}
.urban-company-story-grid,
.urban-expertise-custom-grid,
.urban-process-quality-grid,
.urban-contact-page-grid,
.urban-quote-grid {
grid-template-columns: 1fr !important
}
.urban-company-story-copy {
max-width: 720px !important
}
.urban-company-story-visual {
min-height: 440px !important
}
.urban-company-model-head,
.urban-company-responsibility-head,
.urban-expertise-cap-head,
.urban-products-catalog-head {
grid-template-columns: 1fr !important;
gap: 18px !important;
margin-bottom: 38px !important
}
.urban-expertise-cap-lead {
grid-column: 1 !important;
margin-top: 0 !important
}
.urban-company-model-grid,
.urban-company-responsibility-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.urban-company-model-card:nth-child(2n),
.urban-company-responsibility-card:nth-child(2n) {
border-right: 0 !important
}
.urban-company-model-card:nth-child(-n+2) {
border-bottom: 1px solid #ffffff22 !important
}
.urban-company-responsibility-card:nth-child(-n+2) {
border-bottom: 1px solid #d9dcde !important
}
.urban-products-families-grid {
grid-template-columns: 1fr !important
}
.urban-products-family-card {
display: grid !important;
grid-template-columns: 40% 1fr !important;
min-height: 0 !important
}
.urban-products-family-media,
.urban-products-family-image,
.urban-products-family-image .elementor-widget-container,
.urban-products-family-image img {
min-height: 320px !important
}
.urban-products-catalog-grid {
grid-template-columns: 1fr !important
}
.urban-products-catalog-card,
.urban-products-catalog-card:last-child {
grid-column: auto !important;
grid-template-columns: 34% 1fr !important
}
.urban-process-route-grid {
grid-template-columns: 1fr !important
}
}
@media(max-width:760px) {
.urban-inner-hero,
.urban-inner-section,
#company-metrics,
#expertise-clients,
#products-quote,
#process-planning,
#quote-next,
#contact-map {
width: calc(100% - 20px) !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
border-radius: 10px !important;
}
.urban-inner-hero {
padding: 48px 18px 18px !important
}
.urban-inner-title .elementor-heading-title {
font-size: 38px !important;
line-height: 1.03 !important;
letter-spacing: -.035em !important
}
.urban-inner-lead {
padding-top: 14px !important;
font-size: 12.5px !important;
line-height: 1.55 !important
}
.urban-inner-hero-media {
min-height: 0 !important;
overflow: visible !important;
background: transparent !important
}
.urban-inner-hero-image,
.urban-inner-hero-image .elementor-widget-container,
.urban-inner-hero-image img {
min-height: 300px !important;
height: 300px !important;
border-radius: 8px !important;
overflow: hidden !important
}
.urban-inner-hero-facts {
position: relative !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 100% !important;
margin-top: 10px !important;
border-radius: 8px !important;
box-shadow: none !important
}
.urban-inner-hero-fact {
padding: 14px 11px !important
}
.urban-inner-fact-number {
font-size: 18px !important
}
.urban-inner-fact-label {
font-size: 8.5px !important
}
.urban-inner-section {
padding: 46px 18px !important
}
.urban-inner-h2 .elementor-heading-title {
font-size: 32px !important;
line-height: 1.05 !important
}
.urban-inner-body,
.urban-inner-body .elementor-widget-container {
font-size: 14px !important;
line-height: 1.58 !important
}
#company-model,
#company-metrics,
#expertise-capabilities,
#expertise-clients,
#products-quote,
#process-planning,
#quote-next {
padding: 52px 18px 42px !important
}
.urban-company-story-grid,
.urban-expertise-custom-grid,
.urban-process-quality-grid,
.urban-contact-page-grid,
.urban-quote-grid {
gap: 32px !important
}
.urban-company-story-visual,
.urban-company-story-image,
.urban-company-story-image .elementor-widget-container,
.urban-company-story-image img {
min-height: 360px !important
}
.urban-company-story-note {
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
grid-template-columns: 1fr !important;
padding: 15px !important
}
.urban-company-model-grid,
.urban-company-responsibility-grid {
grid-template-columns: 1fr !important
}
.urban-company-model-card,
.urban-company-model-card:not(:first-child),
.urban-company-responsibility-card,
.urban-company-responsibility-card:not(:first-child) {
min-height: 0 !important;
padding: 24px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .18) !important
}
.urban-company-responsibility-card,
.urban-company-responsibility-card:not(:first-child) {
border-bottom-color: #d9dcde !important
}
.urban-company-model-card:last-child,
.urban-company-responsibility-card:last-child {
border-bottom: 0 !important
}
.urban-company-model-num,
.urban-company-responsibility-num {
margin-bottom: 22px !important
}
.urban-company-metrics-intro,
.urban-expertise-clients-intro,
.urban-process-planning-intro,
.urban-quote-next-intro {
margin-bottom: 32px !important
}
.urban-company-metrics-grid {
grid-template-columns: 1fr 1fr !important
}
.urban-company-metric,
.urban-company-metric:nth-child(3n+2),
.urban-company-metric:nth-child(3n+3) {
padding: 18px 12px 14px 0 !important;
min-height: 110px !important
}
.urban-company-metric:nth-child(even) {
padding-left: 12px !important
}
.urban-expertise-cap-grid {
grid-template-columns: 1fr !important
}
.urban-expertise-cap-card,
.urban-expertise-cap-card:not(:first-child) {
min-height: 0 !important;
padding: 24px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #ffffff22 !important
}
.urban-expertise-cap-card:last-child {
border-bottom: 0 !important
}
.urban-expertise-cap-num {
margin-bottom: 22px !important
}
.urban-expertise-custom-visual,
.urban-expertise-custom-image,
.urban-expertise-custom-image .elementor-widget-container,
.urban-expertise-custom-image img,
.urban-process-quality-visual,
.urban-process-quality-image,
.urban-process-quality-image .elementor-widget-container,
.urban-process-quality-image img {
min-height: 360px !important;
height: 360px !important
}
.urban-expertise-custom-list,
.urban-process-quality-list {
margin-top: 28px !important
}
.urban-expertise-custom-item,
.urban-process-quality-item {
grid-template-columns: 32px 1fr !important;
gap: 12px !important;
padding: 16px 0 !important
}
.urban-expertise-custom-body,
.urban-process-quality-body {
grid-column: 2 !important
}
.urban-expertise-clients-grid {
grid-template-columns: 1fr !important
}
.urban-expertise-client-card {
min-height: 92px !important
}
.urban-products-family-card {
display: block !important
}
.urban-products-family-media,
.urban-products-family-image,
.urban-products-family-image .elementor-widget-container,
.urban-products-family-image img {
min-height: 260px !important;
height: 260px !important
}
.urban-products-family-copy {
padding: 22px 18px !important
}
.urban-products-catalog-card,
.urban-products-catalog-card:last-child {
display: block !important
}
.urban-products-catalog-image,
.urban-products-catalog-image .elementor-widget-container {
min-height: 240px !important;
height: 240px !important
}
.urban-products-catalog-image img {
min-height: 0 !important;
height: 100% !important;
max-height: 210px !important
}
.urban-products-catalog-copy {
padding: 22px 18px !important
}
.urban-products-catalog-num {
margin-bottom: 20px !important
}
.urban-process-stage {
grid-template-columns: 32px 1fr !important;
min-height: 0 !important;
padding: 20px 16px !important
}
.urban-process-stage-body {
grid-column: 2 !important
}
.urban-process-planning-grid,
.urban-quote-next-grid {
grid-template-columns: 1fr !important
}
.urban-process-plan,
.urban-process-plan:not(:first-child),
.urban-quote-next-card,
.urban-quote-next-card:not(:first-child) {
min-height: 0 !important;
padding: 20px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #ffffff40 !important
}
.urban-process-plan:last-child,
.urban-quote-next-card:last-child {
border-bottom: 0 !important
}
.urban-contact-page-list {
margin-top: 28px !important
}
.urban-contact-page-item {
grid-template-columns: 80px 1fr !important;
gap: 14px !important;
padding: 15px 0 !important
}
.urban-contact-page-value {
font-size: 13px !important
}
.urban-page-form-panel,
.urban-quote-form-panel {
padding: 24px 18px !important
}
.urban-page-form-title .elementor-heading-title {
font-size: 24px !important
}
.urban-page-form-panel .us-form-grid,
.urban-quote-form-panel .us-form-grid {
grid-template-columns: 1fr !important;
gap: 18px !important
}
.urban-page-form-panel .us-form-grid>p,
.urban-quote-form-panel .us-form-grid>p {
grid-column: 1 !important
}
#contact-map,
.urban-contact-map-widget,
.urban-contact-map-widget .elementor-widget-container {
min-height: 340px !important
}
.urban-contact-map-frame {
height: 340px !important
}
#urban-header {
justify-content: center;
align-content: space-between;
}
}
@media(max-width:520px) {
.urban-inner-title .elementor-heading-title {
font-size: 34px !important
}
.urban-inner-hero-facts {
grid-template-columns: 1fr !important
}
.urban-inner-hero-fact {
display: grid !important;
grid-template-columns: minmax(90px, auto) 1fr !important;
gap: 14px !important;
align-items: center !important;
border-right: 0 !important;
border-bottom: 1px solid #e6e7e8 !important
}
.urban-inner-hero-fact:last-child {
border-bottom: 0 !important
}
.urban-inner-fact-number {
margin: 0 !important;
font-size: 16px !important
}
.urban-inner-fact-label {
font-size: 9px !important
}
.urban-company-metrics-grid {
grid-template-columns: 1fr !important
}
.urban-company-metric,
.urban-company-metric:nth-child(even) {
padding: 18px 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #ffffff40 !important
}
.urban-company-metric:last-child {
border-bottom: 0 !important
}
.urban-inner-dark-btn,
.urban-expertise-clients-btn,
.urban-products-quote-btn,
.urban-process-planning-btn {
width: 100% !important;
max-width: 100% !important
}
.urban-inner-dark-btn .elementor-button,
.urban-expertise-clients-btn .elementor-button,
.urban-products-quote-btn .elementor-button,
.urban-process-planning-btn .elementor-button {
width: 100% !important;
justify-content: flex-start !important
}
}
#company-hero .urban-inner-hero-image img {
object-fit: cover !important;
object-position: center 46% !important;
}
#expertise-hero .urban-inner-hero-image img {
object-fit: cover !important;
object-position: center 48% !important;
}
#expertise-customization .urban-expertise-custom-image img {
object-fit: cover !important;
object-position: center center !important;
}
#products-catalog .urban-products-catalog-grid {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
}
#products-catalog .urban-products-catalog-card,
#products-catalog .urban-products-catalog-card:last-child {
width: 100% !important;
min-height: 0 !important;
display: grid !important;
grid-template-columns: minmax(0, 52%) minmax(0, 48%) !important;
align-items: stretch !important;
overflow: hidden !important;
background: #f3f3f3 !important;
border-radius: 10px !important;
}
#products-catalog .urban-products-catalog-card:nth-child(even) .urban-products-catalog-image {
order: 2 !important;
}
#products-catalog .urban-products-catalog-card:nth-child(even) .urban-products-catalog-copy {
order: 1 !important;
}
#products-catalog .urban-products-catalog-image,
#products-catalog .urban-products-catalog-image .elementor-widget-container {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: #e9e9e9 !important;
overflow: hidden !important;
display: flex !important;
align-items: stretch !important;
}
#products-catalog .urban-products-catalog-image img {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
#products-catalog .urban-products-catalog-copy {
min-width: 0 !important;
padding: clamp(30px, 3.6vw, 54px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
}
#products-catalog .urban-products-catalog-num {
margin: 0 0 clamp(34px, 4vw, 62px) !important;
}
#products-catalog .urban-products-catalog-title .elementor-heading-title {
font-size: clamp(28px, 2.4vw, 38px) !important;
line-height: 1.04 !important;
letter-spacing: -.03em !important;
}
#products-catalog .urban-products-catalog-body,
#products-catalog .urban-products-catalog-body .elementor-widget-container {
max-width: 520px !important;
font-size: 13px !important;
line-height: 1.58 !important;
}
@media (max-width:1100px) {
#products-catalog .urban-products-catalog-card,
#products-catalog .urban-products-catalog-card:last-child {
grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
}
#products-catalog .urban-products-catalog-copy {
padding: 30px !important;
}
#products-catalog .urban-products-catalog-num {
margin-bottom: 30px !important;
}
}
@media (max-width:760px) {
#products-catalog .urban-products-catalog-grid {
gap: 12px !important;
}
#products-catalog .urban-products-catalog-card,
#products-catalog .urban-products-catalog-card:last-child {
display: flex !important;
flex-direction: column !important;
}
#products-catalog .urban-products-catalog-card:nth-child(even) .urban-products-catalog-image,
#products-catalog .urban-products-catalog-card:nth-child(even) .urban-products-catalog-copy {
order: initial !important;
}
#products-catalog .urban-products-catalog-image,
#products-catalog .urban-products-catalog-image .elementor-widget-container {
height: auto !important;
}
#products-catalog .urban-products-catalog-image img {
height: auto !important;
aspect-ratio: auto !important;
object-fit: contain !important;
background: #e9e9e9 !important;
}
#products-catalog .urban-products-catalog-copy {
padding: 24px 20px 28px !important;
gap: 7px;
}
#products-catalog .urban-products-catalog-num {
margin-bottom: 22px !important;
}
#products-catalog .urban-products-catalog-title .elementor-heading-title {
font-size: 27px !important;
}
#products-catalog .urban-products-catalog-body,
#products-catalog .urban-products-catalog-body .elementor-widget-container {
font-size: 12.5px !important;
}
}