/*
Building Services CSS
*/

/* Building Services Hero
========================= */
.hero-container { display: flex; justify-content: center; width: 100%; padding: 1em 2em 0em; }
.hero { display: block;background-color: #fff; position: relative; width: 100%; height: 600px; max-height: 100%; overflow: hidden; z-index: 999; }
.hero-block { display: block; width: 100%; }

.hero-block-slide.slick-slide { height: 600px; }

.hero-block-slide.slick-slide .hero-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); }
.hero-block-slide.slick-slide.slick-active .hero-bg { transform: scale(1); }

.slider { visibility: hidden; }
.slider.slick-initialized { visibility: visible; }

/* Building Services
========================= */
.b-services-overview { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 3.5em 0 1em; }
.b-services-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.b-services-title { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0.5em 0; }
.b-services-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }

.b-services-title span:last-of-type { font-family: 'Mulish', sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: .05em; padding: .5em 0 0; }

.b-services-details { display: flex; flex-direction: column; padding: 2em 0 1em; }
.b-services-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.4; margin: 0; padding: 0 0 1em; }
.b-services-details p:last-of-type { padding: 0; }

.b-services-studio-space { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; padding: 2em 0 1em; max-width: 100%; position: relative; width: 100%; }

.studio-space { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -0.5em; padding: 0; }

.studio-space .column { display: flex; flex-direction: column; margin: 0; padding: 0.5em; transition: opacity .4s ease-out; width: calc(1/4*100% - (1 - 1/4)*0px); min-height: 250px; }
.studio-space .column .column-wrapper { background: #f1f1f1; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; padding: 1em; }

.studio-space .column.profile:hover { opacity: .4; }
.studio-space .column .profile-link:hover { color: #eee; }

.studio-space .column .column-top { display: flex; justify-content: center; line-height: 1.2; }
.studio-space .column .column-top img { display: block; margin: 0 auto; max-width: 200px; width: 100%; }
.studio-space .column .column-bottom { display: flex; flex-direction: column; justify-content: center; }
.studio-space .column .column-bottom span { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.4; margin: 0; text-align: center; }

/* FTW Tout
========================= */
.newmart-tout { clear: both; margin: 0 2em; padding: 2.5em 0; position: relative; }
.newmart-tout-inner { display: grid; grid-template-columns: 53% 46%; gap: 15px; align-items: center; margin: 0 auto; padding: 3em 2em; max-width: 1480px; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }

.newmart-tout-overlay { background-color: rgba(44, 46, 61, 0.65); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

div:not(.newmart-tout-info-block) + .newmart-tout-info-block { display: grid; grid-column: span 1; margin-left: auto; margin-right: auto; transition: none; max-width: 530px; z-index: 9; }
.newmart-tout-info-block:last-of-type { display: grid; grid-column: span 1; margin: 0 auto; transition: none; max-width: 445px; z-index: 9; }

.newmart-tout-info-block span { color: #fff; font-family: 'Roboto Slab', serif; font-size: 3.8rem; font-weight: 400; line-height: 1.4em; margin: 0; text-align: center; text-transform: uppercase; }
.newmart-tout-info-block-top { display: flex; }
.newmart-tout-info-block-top span { font-weight: 600; letter-spacing: .08em; line-height: 1.2em; }

.newmart-tout-info-block-bottom { display: flex; flex-direction: column; }
.newmart-tout-info-block .tout-contact { font-family: 'Mulish', sans-serif;  font-size: 2.4rem; line-height: 1.4; text-transform: none; }

/* FTW Services
========================= */
.ftw-services { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 1.5em 0; }
.ftw-services-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }

.ftw-title { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 1em 0; }
.ftw-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }

.ftw-title span:last-of-type { font-family: 'Mulish', sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: .05em; padding: .5em 0 0; }

.ftw-services-block { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; height: 100%; }
.ftw-services-block:nth-child(2) { padding: 2em 0; }
.ftw-services-block:nth-child(3) { padding: 1.5em 0; }
.ftw-services-block:nth-child(4) { padding: 2em 0 1em; }

.ftw-services-block-overview { background: #f4f4f4; display: flex; flex-direction: column; justify-content: center; padding: 4em 3em; width: 50%; min-height: 100%; }
.ftw-services-block-title { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; }
.ftw-services-title { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.ftw-services-subtitle { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: .08em; line-height: 1.4; margin: 0; padding: 0.5em 0 0; text-align: center; }

.ftw-services-block-overview .ftw-services-block-details { display: flex; flex-direction: column; padding: 2em 0 0; }
.ftw-services-block-overview .ftw-services-block-details .amenities { display: flex; flex-wrap: wrap; margin: 0 -1em; padding: 0; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column { display: flex; flex-direction: column; margin: 0; padding: .5em; width: calc(1 / 2* 100% - (1 - 1 / 2)* 0px); }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper { flex: 1; padding: .5em; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-image { margin-bottom: .5em; width: 100%; height: auto; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-image .column-amenity-image-icon-inner { margin: -2px; display: flex; justify-content: center; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-image .column-amenity-image-icon-inner img { max-width: 40px; width: 100%; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-details { display: flex; flex-direction: column; align-items: center; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-details span { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 800; line-height: 1.4; margin: 0; padding: 0 0 0.5em; text-align: center; }
.ftw-services-block-details p { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.6; margin: 0; padding: 0 0 0.5em;  }
.ftw-services-block-details p:last-of-type { padding: 0; }

.ftw-services-block-view { display: flex; justify-content: center; padding: 1.5em 0 0; width: 100%; }
.ftw-services-block-view-btn { background-color: transparent; border-color: #1a1a1a; border-radius: 0; border-style: solid; border-width: 1px; color: #1a1a1a; display: inline-block; font-family: 'Mulish', sans-serif; font-size: 1.4rem; font-weight: 600; height: auto; letter-spacing: .05em; margin: 0; outline: 0 none; padding: 8px 10px; text-align: center; text-shadow: none; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline; }
.ftw-services-block-view-btn:hover { border-color: #fec70f; color: #fec70f; }

.ftw-services-block-feat-img { background-color: #fff; display: block; max-width: 100%; min-height: 1px; overflow: hidden; width: 50%; }
.ftw-services-block-feat-bg { height: 100%; width: 100%; object-fit: cover; }

.ftw-services-block-overview.odd { order:1; }
.ftw-services-block-feat-img.odd { order:2; }

.ftw-services-block-overview.even { background: #f4f4f4; order:2; }
.ftw-services-block-feat-img.even { order:1; }

.ftw-services-block-feat-img a { display: block; position: relative; width: 100%; height: 100%; }
.play-button { background: rgba(255, 255, 255, .5); position: absolute; left: 0; right: 0; top: 50%; text-align: center; cursor: pointer; transform: translate(0, -50%); width: 65px; height: 65px; border-radius: 50%; border: 3px solid #000; margin-left: auto; margin-right: auto; }
.play-button .icon-play { font-size: 3.8rem; color: #000; position: absolute; left: 6px; right: 0; top: 50%; transform: translate(0, -50%); line-height: 1.6; }


/* Event Spaces
========================= */
.event-space-overview { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 1em 0; }
.event-space-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.event-space-title { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0.5em 0; }
.event-space-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.4rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }

.event-space-title span:last-of-type { font-family: 'Mulish', sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: .05em; padding: .5em 0 0; }

.event-space-hero-container { display: flex; justify-content: center; width: 100%; margin: 1em 0 .5em; padding: 0; }
.event-space-hero { display: block;background-color: #fff; position: relative; width: 100%; height: 450px; max-height: 100%; overflow: hidden; z-index: 999; }
.event-space-hero-block { display: block; width: 100%; height: 0; }
.event-space-hero-block .event-space-hero-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; }

.event-space-details { display: flex; flex-direction: column; padding: 1.5em 0 1em; }
.event-space-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.4; margin: 0; padding: 0 0 1em; }
.event-space-details p:last-of-type { padding: 0; }
.event-space-details p a, .event-space-details p a:visited { font-weight: 800; text-decoration: underline; }

.event-space-highlights { display: flex; flex-direction: column; margin: 0 auto; padding: 1em 0; max-width: 1480px; position: relative; width: 100%; }
.highlights { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -0.5em; padding: 0; }
.highlights .column { border: none; display: flex; flex-direction: row; margin: 0.5em; padding: 0.5em 1em; width: calc(1/2*100% - (1 - 1/2)*40px); max-width: 625px; }
.highlights .column .column-wrap { display: flex; align-items: center; }
.highlights .column .column-wrap .icon-check-square-o { font-size: 2rem; padding-right: 0.5em; color: #e9b300; }
.highlights .column .column-wrap .highlight { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.4; }

/*Event Space Tour
========================= */
.event-space-tour { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 2em 0 0; width: 100%; height: 100%; }
.event-space-tour-feat-img { background-color: #fff; display: block; max-width: 100%; min-height: 1px; overflow: hidden; width: 50%; }
.event-space-tour-feat-img a { display: block; position: relative; width: 100%; height: 100%; }
.event-space-tour-feat-bg { height: 100%; width: 100%; object-fit: cover; }
.event-space-tour-overview { background: #f4f4f4; display: flex; flex-direction: column; justify-content: center; padding: 8em 4em; width: 50%; min-height: 100%; }
.event-space-tour-overview-title { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; }
.event-space-tour-subtitle { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: .08em; line-height: 1.4; margin: 0; padding: 0; }
.event-space-tour-title { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.event-space-tour-overview .event-space-tour-details { display: flex; flex-direction: column; padding: 2em 0 0; }
.event-space-tour-overview .event-space-tour-details p { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.6; margin: 0; padding: 0 0 0.5em; }
.event-space-tour-overview .event-space-tour-details p:last-of-type { padding: 0; }

/*Event Spaces Gallery
========================= */
.event-space-gallery { margin: 0; padding: 1em 0; }
.event-space-gallery-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 1480px; width: 100%; }

.event-space-gallery-image { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.event-space-gallery-image img { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

/* Conference Rooms
========================= */
.conference-room-overview { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 1.5em 0 5em; }
.conference-room-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.conference-room-title { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0.5em 0; }
.conference-room-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }

.conference-room-title span:last-of-type { font-family: 'Mulish', sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: .05em; padding: .5em 0 0; }

.conference-room-hero-container { display: flex; justify-content: center; width: 100%; margin: 1em 0 .5em; padding: 0; }
.conference-room-hero { display: block;background-color: #fff; position: relative; width: 100%; height: 450px; max-height: 100%; overflow: hidden; z-index: 999; }
.conference-room-hero-block { display: block; width: 100%; height: 0; }
.conference-room-hero-block .conference-room-hero-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; }

.conference-room-details { display: flex; flex-direction: column; padding: 1.5em 0 1em; }
.conference-room-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.4; margin: 0; padding: 0 0 1em; }
.conference-room-details p:last-of-type { padding: 0; }

.conference-room-highlights { display: flex; flex-direction: column; margin: 0 auto; padding: 1em 0; max-width: 1480px; position: relative; width: 100%; }
.croom-highlights { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -0.5em; padding: 0; }
.croom-highlights .column { border: none; display: flex; flex-direction: row; margin: 0.5em; padding: 0.5em 1em; width: calc(1/2*100% - (1 - 1/2)*40px); max-width: 625px; }
.croom-highlights .column .column-wrap { display: flex; align-items: center; }
.croom-highlights .column .column-wrap .icon-check-square-o { font-size: 2rem; padding-right: 0.5em; color: #e9b300; }
.croom-highlights .column .column-wrap .highlight { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.4; }

/* Conference Room Gallery
========================= */
.conference-room-gallery { margin: 0; padding: 1em 0; }
.conference-room-gallery-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 1480px; width: 100%; }

.conference-room-gallery-image { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.conference-room-gallery-image img { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

/* Responsive
--------------------------------------------- */
@media only screen and (min-width: 1980px) {
.hero { height: 700px; }
.hero-block-slide.slick-slide { height: 700px; }
}

@media only screen and (min-width: 2500px) {
.hero { height: 750px; }
.hero-block-slide.slick-slide { height: 750px; }
}

@media only screen and (max-width: 1480px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.38852); }
.b-services-overview { padding: 3em 0 1em; }
.b-services-title span { font-size: 3.4rem; }

.newmart-tout { padding: 2.5em 0 2em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 415px; }
.newmart-tout-info-block span { font-size: 3.6rem; }
.newmart-tout-info-block:last-of-type { max-width: 390px; }
.newmart-tout-info-block .tout-contact { font-size: 2.3rem; }

.ftw-services { padding: 1em 0 1.5em; }
.ftw-title span { font-size: 3.4rem; }
.ftw-services-block:nth-child(2) { padding: 1.5em 0 2em; }

.event-space-title span { font-size: 3.2rem; }
.event-space-hero { max-height: calc(100vw * 0.28717); }
.conference-room-overview { padding: 1.5em 0 4.5em; }
.conference-room-title span { font-size: 3.2rem; }
.conference-room-hero { max-height: calc(100vw * 0.28717); }
}

@media only screen and (max-width: 1280px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39063); }
.b-services-overview { padding: 2.5em 0 1em; }
.b-services-details { padding: 1.5em 0 1em; }
.b-services-title span { font-size: 3.2rem; }
.b-services-studio-space { padding: 1.5em 0 1em; }
.studio-space .column { width: calc(1/3*100% - (1 - 1/3)*0px); min-height: 225px; }

.newmart-tout { padding: 2em 0; }
.newmart-tout-inner { padding: 2.5em 2em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 395px; }
.newmart-tout-info-block span { font-size: 3.4rem; }
.newmart-tout-info-block:last-of-type { max-width: 370px; }
.newmart-tout-info-block .tout-contact { font-size: 2.2rem; }

.ftw-services { padding: 1em 0; }
.ftw-title { padding: 1em 0 .5em; }
.ftw-title span { font-size: 3.2rem; }
.ftw-services-block:nth-child(3) { padding: 1em 0; }
.ftw-services-block-overview { padding: 3em 2em; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-details span { font-size: 1.7rem; }
.ftw-services-title { font-size: 2.3rem; }
.ftw-services-block-overview .ftw-services-block-details { padding: 1.5em 0 0; }
.ftw-services-block-view { padding: 1.5em 0 0; }
.ftw-services-block-view-btn { font-size: 1.3rem; }

.event-space-title span { font-size: 3rem; }
.event-space-hero { max-height: calc(100vw * 0.3125); }
.event-space-tour-title { font-size: 2.3rem; }
.event-space-tour-overview { padding: 6em 3em; }

.conference-room-overview { padding: 1em 0 4em; }
.conference-room-title span { font-size: 3rem; }
.conference-room-hero { max-height: calc(100vw * 0.3125); }
}

@media only screen and (max-width: 1140px) {
.b-services-title span { font-size: 3rem; }

.newmart-tout { padding: 1.5em 0; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 370px; }
.newmart-tout-info-block span { font-size: 3.2rem; }
.newmart-tout-info-block:last-of-type { max-width: 355px; }
.newmart-tout-info-block .tout-contact { font-size: 2.1rem; }

.ftw-title span { font-size: 3rem; }
.ftw-services-block-overview { padding: 2.5em 2em; }

.event-space-title span { font-size: 2.8rem; }
.event-space-tour-overview { padding: 4em 3em; }

.conference-room-title span { font-size: 2.8rem; }
}

@media only screen and (max-width: 1080px) {
.ftw-services-block-overview { padding: 2em 1.5em; }
.ftw-services-block-view { padding: 1.25em 0 0; }
}

@media only screen and (max-width: 1023px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39101); }
.b-services-overview { padding: 2.5em 0 .5em; }
.b-services-title span { font-size: 2.8rem; }
.b-services-title span:last-of-type { font-size: 1.8rem; padding: 0.5em 0 0; }
.b-services-details { padding: 1em 0; }
.b-services-studio-space { padding: 1em 0 .5em; }
.studio-space .column .column-top img { max-width: 190px; }

.newmart-tout-inner { grid-template-columns: 48% 48%; padding: 2em 1.5em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 350px; }
.newmart-tout-info-block-top span { font-size: 3rem; }
.newmart-tout-info-block:last-of-type { max-width: 340px; }
.newmart-tout-info-block .tout-contact { font-size: 2rem; }

.ftw-title { padding: .5em 0; }
.ftw-title span { font-size: 2.8rem; }
.ftw-title span:last-of-type { font-size: 1.8rem; padding: 0.5em 0 0; }
.ftw-services-block-feat-bg { height: calc(100vw * 0.39101); }
.ftw-services-block:nth-child(2) { padding: 1.5em 0; }
.ftw-services-block:nth-child(3) { padding: .5em 0; }
.ftw-services-block:nth-child(4) { padding: 1.5em 0 .5em; }
.ftw-services-block-overview.odd { order: 2; width: 100%; }
.ftw-services-title { font-size: 2.2rem; }
.ftw-services-block-feat-img.odd { order: 1; width: 100%; }
.ftw-services-block-feat-img.even { order: 1; width: 100%; }
.ftw-services-block-overview.even { width: 100%; }
.ftw-services-block-view { padding: 1em 0 0; }
    
.event-space-title span { font-size: 2.6rem; }
.event-space-title span:last-of-type { font-size: 1.8rem; padding: 0.5em 0 0; }
.event-space-hero { max-height: calc(100vw * 0.39101); }
.event-space-details { padding: 1em 0; }
.event-space-highlights { padding: 0.5em 0; }
.event-space-tour { flex-direction: column; padding: 1.5em 0 0; }
.event-space-tour-feat-img { width: 100%; }
.event-space-tour-feat-bg { height: calc(100vw * 0.39101); }
.event-space-tour-overview { padding: 3em 2em; width: 100%; }
.event-space-tour-overview .event-space-tour-details { padding: 1.5em 0 0; }
.event-space-tour-title { font-size: 2.2rem; }
.event-space-gallery { margin: 0; padding: 1em 0 0.5em; }
.event-space-gallery-image { grid-template-columns: repeat(2,1fr); }

.conference-room-overview { padding: 1em 0 3.5em; }
.conference-room-title span { font-size: 2.8rem; }
.conference-room-title span:last-of-type { font-size: 1.8rem; padding: 0.5em 0 0; }
.conference-room-hero { max-height: calc(100vw * 0.39101); }
.conference-room-gallery-image { grid-template-columns: repeat(2,1fr); }
}

@media only screen and (max-width: 880px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39773); }

.newmart-tout-inner { grid-template-columns: 46% 52%; padding: 1.5em; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 340px; }
.newmart-tout-info-block:last-of-type { max-width: 320px; }
.newmart-tout-info-block .tout-contact { font-size: 1.9rem; }

.ftw-services-block-feat-bg { height: calc(100vw * 0.39773); }
.studio-space .column { width: calc(1/2*100% - (1 - 1/2)*0px); }

.event-space-hero { max-height: calc(100vw * 0.39773); }
.event-space-tour-feat-bg { height: calc(100vw * 0.39773); }

.conference-room-overview { padding: 1em 0 3em; }
.conference-room-hero { max-height: calc(100vw * 0.39773); }
}

@media only screen and (max-width: 768px) {
.hero-container { padding: 0.8em 1.5em 0em; }
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39064); }
.b-services-overview { padding: 2em 0 0.5em; }
.b-services-title span { font-size: 2.6rem; }
.b-services-studio-space { padding: 0.5em 0; }

.newmart-tout { margin: 0 1.5em; padding: 1em 0; }
.newmart-tout-inner { grid-template-columns: 40% 57%; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { max-width: 250px; }
.newmart-tout-info-block-top span { font-size: 2.8rem; }

.ftw-services { margin: 0 1.5em; padding: 1em 0; }
.ftw-title span { font-size: 2.6rem; }
.ftw-services-block-feat-bg { height: calc(100vw * 0.39064); }
.ftw-services-block-overview .ftw-services-block-details { padding: 1em 0 0; }
.ftw-services-block-details p { font-size: 1.7rem; }

.event-space-overview { margin: 0 1.5em; padding: .5em 0 1em; }
.event-space-title span { font-size: 2.4rem; }
.event-space-hero-container { margin: 0.5em 0; }
.event-space-hero { max-height: calc(100vw * 0.39064); }
.event-space-details { padding: 0.5em 0; }
.event-space-tour { flex-direction: column; }
.event-space-tour-feat-bg { height: calc(100vw * 0.39064); }
.event-space-tour-overview { padding: 2em 1.5em; }
.event-space-tour-overview .event-space-tour-details { padding: 1em 0 0; }
.event-space-gallery-image { gap: 15px 0; grid-template-columns: repeat(1,1fr); }
.event-space-gallery-image img { margin: 0 auto; max-width: 600px; }
.conference-room-overview { padding: 0.5em 0 2.5em; }
.conference-room-title span { font-size: 2.4rem; }
.conference-room-hero-container { margin: 0.5em 0; }
.conference-room-hero { max-height: calc(100vw * 0.39064); }
.conference-room-details { padding: 0.5em 0; }
.conference-room-highlights { padding: 0.5em 0; }
.conference-room-gallery-image { gap: 15px 0; grid-template-columns: repeat(1,1fr); }
.conference-room-gallery-image img { margin: 0 auto; max-width: 600px; }
}

@media only screen and (max-width: 719px) {
.newmart-tout-inner { gap: 10px; grid-template-columns: 100%; }
div:not(.newmart-tout-info-block) + .newmart-tout-info-block { margin-left: auto; max-width: 100%; }
.event-space-gallery-image img { max-width: 550px; }
.conference-room-gallery-image img { max-width: 550px; }
}

@media only screen and (max-width: 640px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.4297); }
.b-services-overview { margin: 0 1.5em; }
.b-services-title span { font-size: 2.4rem; }
.b-services-title span:last-of-type { font-size: 1.7rem; padding: 0.25em 0 0; }
.b-services-details p { font-size: 1.7rem; }
.studio-space .column .column-top img { max-width: 180px; }
.studio-space .column .column-bottom span { font-size: 1.7rem; }

.newmart-tout-info-block-top span { font-size: 2.2rem; }
.newmart-tout-info-block .tout-contact { font-size: 1.8rem; }

.ftw-services { padding: .5em 0; }
.ftw-title span { font-size: 2.4rem; }
.ftw-title span:last-of-type { font-size: 1.7rem; padding: 0.25em 0 0; }
.ftw-services-block-feat-bg { height: calc(100vw * 0.4297); }
.ftw-services-block:nth-child(2) { padding: 1em 0; }
.ftw-services-block:nth-child(4) { padding: 1em 0 .5em; }
.ftw-services-title { font-size: 2.1rem; }
.ftw-services-block-overview { padding: 1.5em 1em; }
.ftw-services-block-view { padding: .5em 0 0; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-image .column-amenity-image-icon-inner img { max-width: 38px; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-details span { font-size: 1.7rem; }
.play-button { width: 60px; height: 60px; }
.play-button .icon-play { font-size: 3.2rem; left: 8px; line-height: 1.4; }

.event-space-overview { padding: 0.5em 0; }
.event-space-title span { font-size: 2.2rem; }
.event-space-title span:last-of-type { font-size: 1.7rem; padding: 0.25em 0 0; }
.event-space-hero { max-height: calc(100vw * 0.4297); }
.event-space-details p { font-size: 1.7rem; }
.event-space-tour-feat-bg { height: calc(100vw * 0.4297); }
.event-space-tour-overview { padding: 1.5em; }
.event-space-tour-overview .event-space-tour-details p { font-size: 1.7rem; }

.event-space-tour-title { font-size: 2.1rem; }
.highlights .column { margin: 0.1em 0.5em; padding: 0.5em 0.2em; width: 100%; max-width: 100%; }
.highlights .column .column-wrap .icon-check-square-o { font-size: 1.9rem; }
.highlights .column .column-wrap .icon-check-square-o { font-size: 1.8rem;}
.highlights .column .column-wrap .highlight { font-size: 1.7rem; }
.event-space-gallery-image img { max-width: 525px; }
.conference-room-overview { padding: 0.5em 0 2em; }
.conference-room-title span { font-size: 2.2rem; }
.conference-room-title span:last-of-type { font-size: 1.7rem; padding: 0.25em 0 0; }
.conference-room-hero { max-height: calc(100vw * 0.4297); }
.conference-room-details p { font-size: 1.7rem; }
.croom-highlights .column { margin: 0.1em 0.5em; padding: 0.5em 0.2em; width: 100%; max-width: 100%; }
.croom-highlights .column .column-wrap .icon-check-square-o { font-size: 1.9rem; }
.croom-highlights .column .column-wrap .icon-check-square-o { font-size: 1.8rem;}
.croom-highlights .column .column-wrap .highlight { font-size: 1.7rem; }
.conference-room-gallery-image img { max-width: 525px; }
}

@media only screen and (max-width: 580px) {
.newmart-tout { padding: .5em 0 1em; }
.studio-space .column { width: 100%; min-height: 200px; }
}

@media only screen and (max-width: 480px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.46874999); }
.b-services-overview { padding: 1.5em 0 .5em; }
.b-services-title span { font-size: 2.2rem; }
.b-services-title span:last-of-type { font-size: 1.6rem; }
.b-services-details { padding: 0.5em 0; }
.b-services-studio-space { padding: 0.5em 0 0; }

.newmart-tout { padding: .5em 0; }
.newmart-tout-info-block-top span { font-size: 2rem; }

.ftw-title span { font-size: 2.2rem; }
.ftw-title span:last-of-type { font-size: 1.6rem; }
.ftw-services-block-feat-bg { height: calc(100vw * 0.46874999); }
.ftw-services-block:nth-child(2) { padding: 1em 0 .5em; }
.ftw-services-block:nth-child(4) { padding: .5em 0; }
.ftw-services-title { font-size: 2rem; }
.ftw-services-subtitle { font-size: 1.7rem; }
.ftw-services-block-overview { padding: 2em 1.5em; }
.ftw-services-block-overview.odd { padding: 1.5em 1em; }
.ftw-services-block-details p { font-size: 1.6rem; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-details span { font-size: 1.6rem; }
.ftw-services-block-overview .ftw-services-block-details .amenities .column .column-wrapper .column-amenity-image .column-amenity-image-icon-inner img { max-width: 36px; }

.event-space-title { padding: 0.5em 0 0.2em; }
.event-space-title span { font-size: 2.1rem; }
.event-space-title span:last-of-type { font-size: 1.6rem; }
.event-space-hero { max-height: calc(100vw * 0.46874999); }
.event-space-tour-feat-bg { height: calc(100vw * 0.46874999); }
.event-space-tour-title { font-size: 2rem; }
.event-space-tour-subtitle { font-size: 1.7rem; }
.event-space-tour-overview { padding: 1.5em 1em; }
.event-space-highlights { padding: 0.2em 0; }
.event-space-gallery-image { gap: 10px 0; }
.event-space-gallery-image img { max-width: 500px; }

.conference-room-overview { padding: 0.5em 0 1em; }
.conference-room-title { padding: 0.5em 0 0.2em; }
.conference-room-title span { font-size: 2.1rem; }
.conference-room-title span:last-of-type { font-size: 1.6rem; }
.conference-room-hero { max-height: calc(100vw * 0.46874999); }
.conference-room-highlights { padding: 0.2em 0; }
.conference-room-gallery-image { gap: 10px 0; }
.conference-room-gallery-image img { max-width: 500px; }
}

@media only screen and (max-width: 420px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.4762); }
.newmart-tout-info-block-top span { font-size: 1.9rem; }

.ftw-services-block-feat-bg { height: calc(100vw * 0.4762); }

.event-space-hero { max-height: calc(100vw * 0.4762); }
.event-space-tour-feat-bg { height: calc(100vw * 0.4762); }
.conference-room-hero { max-height: calc(100vw * 0.4762); }
}