@font-face { font-family: 'Product Sans'; src: url("../fonts/product-sans/ProductSans-Regular.woff2") format("woff2"), url("../fonts/product-sans/ProductSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url("../fonts/open/OpenSans-Italic.woff2") format("woff2"), url("../fonts/open/OpenSans-Italic.woff") format("woff"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Open Sans'; src: url("../fonts/open/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/open/OpenSans-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Open Sans'; src: url("../fonts/open/OpenSans-Regular.woff2") format("woff2"), url("../fonts/open/OpenSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Open Sans'; src: url("../fonts/open/OpenSans-Bold.woff2") format("woff2"), url("../fonts/open/OpenSans-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

.hugeText { font-weight: bold; font-size: 2rem; }

.whiteButton { color: #03c04a; background-color: #f9f9f9; }

.whiteButton:hover { background-color: #9AE6B7; color: #f9f9f9; border: none; transform: scale(1.05); transition: all .25s ease-in-out; }

.hexagon { padding: calc(5rem + 50vh) 0 5rem 0; background-image: url(/assets/images/svg/HexagonBG/70.svg); animation: animatedBackground 75s linear infinite; width: 100vw; margin-top: -50vh; background-color: #f9faf9; }

#product_hexagon { background-image: none; background-color: #fff; animation: none; }

#header_title h1 { font-size: 1.2em; }

@keyframes animatedBackground { from { background-position: 0 0; }
  to { background-position: 1243px 1351px; } }

.verticalMargin { margin: 6rem 0px 4rem 0px; }

.showcase { display: flex; flex-direction: column; justify-content: center; }

.vh-75 { height: 75vh !important; }

.vh-50 { height: 50vh !important; }

.h-2em { height: 2em; }

.h-0 { height: 0; }

.page_header_container { display: flex; justify-content: space-between; align-items: center; }

.navbar-spacing { height: 82px; margin-bottom: 2rem; }

#root body, input, p, div, label, button { font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; }

path { font-family: 'Product Sans', sans-serif; }

html, body { max-width: 100%; height: 100%; overflow-x: hidden; }

html { scroll-behavior: smooth; }

button a { color: #FFF; }

.navbar-brand img { width: 10em; }

a { color: #464646; text-decoration: none; background-color: transparent; }

a:hover { color: #03C04a !important; transform: scale(1.05); transition: all .25s ease-in-out; }

form label, form p, form h1, form h2 { color: #F9f9f9 !important; }

form input, form textarea { color: #464646 !important; padding: 2.5px 5px; width: 100%; margin: 0.25rem auto; border-radius: 2px; border: none; box-shadow: -2px 2px 7px -1px #1c1c1c; }

#home_title { text-align: left; padding-bottom: 10px; }

#home_title_main { text-align: left; padding-bottom: 10px; font-size: 1.2em; letter-spacing: 1px; }

#home_title_content { text-align: left; padding-bottom: 10px; font-size: .75em; }

#home_block_title h2 { padding-bottom: 20px; }

#who_is { margin-top: 7em !important; margin-bottom: 7em !important; }

#Foyer .nav-link.active { color: #9AE6B7; }

.green_button a:hover { color: #F9f9f9 !important; }

.green_button { padding: 10px 20px; background-color: #03c04a; border: none; color: white; max-height: fit-content; white-space: nowrap; }

.btn_short { width: 200px !important; }

.green_button:hover { color: #F9f9f9; background-color: #9AE6B7; }

.clear_button { padding: 10px 20px; background-color: #F9F9F900; border: solid 2px; color: white; max-height: fit-content; white-space: nowrap; }

.clear_button:hover { color: white; background-color: #F9F9F9; }

.box { display: flex; flex-direction: column; justify-content: center; font-size: 1.25rem; text-align: center; padding-top: 0.75rem; padding-bottom: 0.75rem; margin: 0; border: none; border-radius: 4px; font-size: 1rem; height: fit-content; }

.two_minute_overview--button { flex-direction: column; border: none; padding: 0.5rem 1.25rem; border-radius: 10px; font-weight: 100; display: flex; justify-content: center; }

.two_minute_overview--play { width: 20px; float: left; }

.get_in_touch_info--container { padding: 3rem 3.5rem; }

.get_in_touch_info--underline { width: 100%; margin-bottom: 0.5rem; margin-left: -2.5rem; }

.get_in_touch_info--textbox { width: 100%; min-height: 200px; }

/* Index Banner Decor */
.banner_container { width: 85%; margin: -3rem auto 0; }

.banner_decor_container { position: absolute; z-index: 1; bottom: -2em; left: -3em; }

.banner_decor--1 { width: 8em; }

.banner_decor--2 { margin-left: -0.275em; width: 8em; }

.banner_decor--3 { width: 8em; margin-top: -0.275em; margin-left: 10.775em; }

/* Banner Content */
.banner_container > div { justify-content: center; display: flex; align-items: center; }

@media (min-width: 1280px) { .col-lg-hidden { display: none; } }

@media (min-width: 1024px) and (max-width: 1279px) { .banner_decor--1, .banner_decor--2, .banner_decor--3 { display: none; } .banner_decor--1, .banner_decor--2, .banner_decor--3 { display: none; } .banner_container { margin-top: -3em; width: 75%; } .banner_container > div { margin-bottom: 2rem; background-color: #FAFAFA; border-radius: 4px; box-shadow: -2px 2px 7px -1px #1c1c1c; } .col-md-hidden { display: none; } .u-background--grey_md { background-color: #F5F5F5; } }

@media (max-width: 1023px) { /* Index.html  */ .banner_decor--1, .banner_decor--2, .banner_decor--3 { display: none; } .banner_container { overflow: visible; height: fit-content; box-shadow: none !important; background-color: #FFF !important; } .banner_container > div { margin-bottom: 2rem; background-color: #FAFAFA; border-radius: 4px; box-shadow: -2px 2px 7px -1px #1c1c1c; } }

@media (max-width: 1276px) { .banner_container { overflow: visible; height: fit-content; box-shadow: none !important; background-color: #FFF !important; } }

@media (min-width: 1024px) { .u-banner-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } }

@media (max-width: 1200px) { img { max-height: 27rem; } }

/* Smaller than iPad  */
@media (max-width: 767px) { .col-xs-hidden { display: none !important; } }

.product_selection { z-index: 2; cursor: pointer; }

div[data-id="VS_SELECTOR_DISPLAY"] { display: flex; justify-content: flex-end; }

div[data-id="product"] h1 { height: fit-content; }

.what_is_insight_button { flex-direction: column; border: none; padding: 0.75rem; border-radius: 10px; font-weight: 100; display: flex; justify-content: center; }

.what_is_insight_play { width: 20px; float: left; }

.insight_core_features_container img { height: 3em; }

#Foyer_Overview_Selection img { cursor: pointer; height: 3em; border-bottom: 2px solid #6a2d2d2d; width: 100%; padding-bottom: 0.25rem; }

#Foyer_Overview_Selection img:hover { transform: scale(1.02); }

div[data-id*="_DISPLAY"] { background-color: #03C04A !important; color: #F7F7F7 !important; }

h1[id*="_HEADING"] { padding-top: 0.5em; }

.learn_more_button { background-color: transparent; border: none; font-size: 1rem; color: #03C04A; }

.learn_more_button:focus { outline: none !important; }

.learn_more * { color: #03C04A; cursor: pointer; }

.learn_more *:hover { color: #517860; transform: scale(1.02); }

#Foyer_Overview_Selection img.active { border-bottom: 2px solid #03C04A; padding-bottom: 0.25rem; }

.vs-line { height: 0.25rem; background-color: #517860; width: 5.5rem; margin-left: -15%; margin-right: 0.25rem; margin-bottom: 0.75rem; }

.logo-4r { height: 3rem !important; margin-top: 0.5rem !important; }

.mh-30r { max-height: 30rem !important; }

.mh-40r { max-height: 40rem !important; }

.mh-25r { max-height: 25rem !important; }

.recommendation_engine_container { display: flex; justify-content: space-evenly; align-items: end; }

.recommendation_engine_chat_svg { max-width: 92%; margin-left: 3%; margin-right: 5%; }

.logo-h { height: 132.859px !important; width: 345px !important; }

.vl { border-left: 3px solid #2d2d2d; height: 20rem; }

#product_select { box-shadow: 1px 1px 7px -1px #1c1c1c; z-index: 2; position: relative; }

#stay-in-place { height: 100%; width: 50%; background: #F5F5F5; position: absolute; -webkit-transition: all 1s, -webkit-transform 1s; transition: all 1s, transform 1s, z-index .8s; text-indent: 10px; z-index: 0; }

#move-in-to-place { position: absolute; height: 100%; width: 50%; background: #F5F5F5; right: 0px; text-indent: 10px; -webkit-transition: all 1s, -webkit-transform 1s; transition: all 1s, transform 1s; }

#textbox-stay { position: absolute; text-indent: 0px; opacity: 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: block; line-height: 1em; /* a */ max-height: 9em; /* a x number of line to show (ex : 2 line)  */ }

#textbox-move { position: absolute; text-indent: 0px; opacity: 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: block; line-height: 1em; /* a */ max-height: 9em; /* a x number of line to show (ex : 2 line)  */ }

#move-in-to-place:hover, #move-in-to-place.hovered { -webkit-transition: all 1s, -webkit-transform 1s; transition: all 1s, transform 1s; width: 75%; text-indent: 0px; z-index: 100; }

#stay-in-place:hover, #stay-in-place.hovered { -webkit-transition: all 1s, -webkit-transform 1s; transition: all 1s, transform 1s; width: 75%; text-indent: 100px; z-index: 200; }

#stay-in-place:hover h1 { white-space: nowrap; }

#move-in-to-place:hover #textbox-move, #move-in-to-place.hovered #textbox-move { opacity: 1; transition: all 1s ease .5s; }

#stay-in-place:hover #textbox-stay, #stay-in-place.hovered #textbox-stay { opacity: 1; transition: all 1s ease .5s; left: 100px; }

#stay-in-place:hover #AI_Heading, #stay-in-place.hovered #AI_Heading { transition: font-size .5s ease; font-size: 2.5rem; }

#move-in-to-place:hover #VS_Heading, #move-in-to-place.hovered #VS_Heading { transition: font-size .5s ease; font-size: 2.5rem; }

#AI_Heading { font-size: 2rem; transition: font-size .5s ease; }

#VS_Heading { font-size: 2rem; transition: font-size .5s ease; }

.col-9 { flex-grow: 1 !important; }

.col-6 { flex-shrink: 1 !important; }

.col-3 { flex-shrink: 1 !important; }

#VS_DESC h1.vert-rl, #AI_DESC h1.vert-rl { writing-mode: vertical-rl !important; }

#vs_overview { padding-bottom: 2rem; }

#ai-internal-title { font-size: 1.2rem; }

#ai-internal-body { font-size: .8rem; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fade-in { animation: fadeIn ease 0s !important; -webkit-animation: fadeIn ease 0s !important; -moz-animation: fadeIn ease 0s !important; -o-animation: fadeIn ease 0s !important; -ms-animation: fadeIn ease 0s !important; }

#AI_DESC p, #VS_DESC p { font-size: .85rem !important; font-weight: 100 !important; }

@media (min-width: 1024px) { .ml-5rem--l { margin-left: -5rem; } }

/* Extremly Large Screens && Monitors */
@media (min-width: 1525px) { /* Products.html */ .insight_container { max-width: 80vw !important; width: 80vw !important; } .insight_container .banner_decor--1 { left: calc(50% + 1rem) !important; } .insight_container .banner_decor--2 { left: calc(50% + 56px + 1rem) !important; } }

@media (max-width: 1023px) { .product_landing_h1 { font-size: 2rem; } div.remove-all img { display: none !important; } }

@media (max-width: 1670px) { .mh-40r { max-height: 20rem !important; } }

@media (max-width: 1670px) { .mh-25r { max-height: 20rem !important; } }

@media (max-width: 990px) { #internal-content { display: none; } }

@media (max-width: 460px) { .mh-40r { max-height: 15rem !important; } }

#envision_content { width: auto; }

#Team img { max-height: 100%; }

.roundedBox { background-color: #f9f9f9; border-radius: 5px; padding: 10px; margin: 5px; box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15); }

.close_modal { position: absolute; top: 1em; right: 1em; }

.teamImageContainer div.imageshadow { display: none; }

.teamImageContainer img:last-child { display: none; }

.teamImageContainer:hover img:first-child { display: none; }

.teamImageContainer:hover div.imageshadow { display: inline-block; z-index: 1; transform: scale(0.98); }

.teamImageContainer:hover img:last-child { display: inline-block; transform: scale(0.98); }

.teamImageContainer { position: relative; width: 100%; margin-bottom: 0.5rem; }

.profilePicture { width: 100%; object-fit: contain; border-radius: 0.5rem; cursor: pointer; }

.imageshadow { position: absolute; width: 100%; height: 100%; box-shadow: inset 0px 0px 10px 0px #00000096; border-radius: 10px; cursor: pointer; }

.name { font-weight: bold; }

.contact_icon { height: 2em !important; }

/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 99; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000bb; }

/* Modal Content */
.modal-content { position: relative; background-color: #f9f9f9; padding: 20px; max-width: 80vw; max-height: 80vh; overflow-y: scroll; overflow-x: hidden; }

@media (min-width: 1550px) { .modal-content { height: 80vh; } }

/* The Close Button */
.close { background-color: #03c04a; border-radius: 50%; width: 35px; height: 35px; color: white; position: absolute; right: 25px; font-size: 35px; display: flex; justify-content: center; align-items: center; }

.close:hover, .close:focus { color: #ccc; text-decoration: none; cursor: pointer; }

.mySlides { display: none; }

.slideColumn { height: auto; }

.innerSlide { width: 100%; height: 100%; object-fit: cover; }

.innerFoyerHouse { width: 100%; height: 100%; object-fit: contain; }

.slideName { padding: 10px; background-color: #222222; color: #f9f9f9; }

.teammate { margin: 1rem 0px; }

.contactIcons { display: flex; flex-direction: column; justify-content: center; height: 100%; }

.modalTeamMember { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 10px; font-size: 1.75vh; }

.dateAndAuthor { font-size: 0.875em; color: #707070; }

.title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.5rem; padding-top: 10px; }

.blogtitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.0rem; padding-top: 10px; }

.excerpt { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.blogexcerpt { font-size: .8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; }

.page_number { margin: 10px; font-size: 0.75rem; }

.dotted_square { height: 6em !important; }

.press_link { transform: none !important; }

.press_link p { color: #464646 !important; }

.read_more { border: none; background-color: transparent; padding-left: 0; }

.read_more:hover { transform: scale(1.02); }

#blogimage { width: 396px; max-width: 100%; height: 160px !important; }

.cover { object-fit: cover; }

img[src*="#andrew"] { width: 210px; height: auto; float: right; margin-left: 10px; margin-right: 25px; box-shadow: 2px 2px 5px gray; transition: box-shadow .1s ease 0s, border .1s ease 0s; border: 0px solid black; }

img[src*="#andrew"]:hover { box-shadow: 0px 0px 0px gray; transition: box-shadow .1s ease 0s, border .1s ease 0s; border: 2px solid black; }

.u-display-block { display: block; }

.u-display-flex { display: flex; }

.u-display-inline-block { display: inline-block; }

.u-display-none { display: none !important; }

.u-flex-end { justify-content: flex-end; }

.u-declare-child-font-white * { color: #f9faf9; }

.margin-bottom-80 { margin-bottom: 80px; }

.u-declare-child-font-blk * { color: #464646; }

.u-color-green { color: #03C04A !important; }

.u-color--blk { color: #464646 !important; }

.u-color--white { color: #f9faf9 !important; }

.u-color--light_green { color: #03C04A !important; }

.u-color--light_grey { color: #707070 !important; }

.u-background--secondary_white { background-color: #FAFAFA; }

.u-background--green { background-color: #517860; }

.u-background--light_green { background-color: #9AE6B7; }

.u-background--grey { background-color: #F5F5F5; }

.u-underline-green { border-bottom: 2px solid #03C04A; width: fit-content; }

.u-center { display: flex; justify-content: center !important; align-items: center !important; }

.u-vert-center { display: flex; align-items: center !important; }

.u-justify-center { display: flex; justify-content: center !important; }

.u-baseline { display: flex; flex-direction: row; align-items: baseline; }

.u-nowrap { white-space: nowrap !important; }

.u-pointer { cursor: pointer; }

.u-pointer-none { pointer-events: none; }

.u-pointer-auto { pointer-events: auto; }

.u-vert-rl { writing-mode: vertical-rl; }

.u-scale--normal:hover { transform: scale(1.05); }

.u-margin-right-none { margin-right: 0px; }

.u-vw-full { width: 100vw; }

.u-pos-rel { position: relative; }

.u-box-shadow { box-shadow: -2px 2px 7px -3px #1c1c1c73; }

.u-box-shadow--light { box-shadow: 0px 5px 7px -3px #C9C9C9; }

.u-closing-content { margin-bottom: 0 !important; padding-bottom: 10rem !important; }

.u-lev-1 { z-index: 1; position: relative; }

.u-lev-2 { z-index: 2; position: relative; }

.u-resize { max-height: 20rem; width: auto; }

.toggle_full { height: 100vh; }

.toggle_half { height: 50vh; }

.u-extended_display { transform: translateX(-50%); }

.u-full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

@media (max-width: 1023px) { .u-rel-xs { position: relative !important; } .toggle_full, .toggle_half { height: fit-content; } .toggle_padding_1rem--left { padding-left: initial; } .remove_column_gutters col, .remove_column_gutters .col-1, .remove_column_gutters .col-2 { display: none; } .col-md-hidden { display: none !important; } .col-s-hidden { display: none !important; } .u-background--grey_md { background-color: #F5F5F5; } .col-100-vw--md { width: 100vw; max-width: 100vw; } .col-12--hidden { display: none; } .u-background--grey_xs { background-color: #F5F5F5; } }

.contact_us_side_content img { margin-right: 1rem; width: 1em; height: 1.25em; }

.contact_us_side_content > span { display: flex; align-items: center; font-size: 1em; font-weight: 100; margin: 0.75rem; }

.contact_us_side_content address { margin-top: -9px; margin-bottom: 0px; }

.get_in_touch_container { display: block; position: relative; overflow: hidden; }

.get_in_touch_form { position: relative; float: right; margin-top: 3rem; margin-right: 0px; width: 75%; height: 100%; z-index: 1; padding-left: 10%; display: flex; flex-direction: column; justify-content: center; padding: 5rem; }

.get_in_touch_side_container { position: relative; float: left; z-index: 2; height: 31em; margin-top: -36rem; width: 30%; display: flex; align-items: center; }

@media (max-width: 1023px) { .get_in_touch_container { height: fit-content !important; } .get_in_touch_primary { width: 100% !important; float: none !important; padding: 3rem !important; } .get_in_touch_secondary { width: 100% !important; margin-top: initial !important; padding: 3rem !important; } }

.page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -5em; }

.page-wrap:after { content: ""; display: block; }

.site-footer, .page-wrap:after { height: 10em; }

.site-footer { border-top: 0.5px solid #979797; }

.site-footer * { background-color: #FAFAFA; }

.footer-median { border-top: 0.5px solid #80979797; width: 140vw; height: 1px; margin-left: -20vw; }

footer p, footer li, footer a { font-size: 0.75rem; }

footer li { text-decoration: none; list-style: none; padding: 0; }

footer .col-8 { padding-right: 30%; }

footer .col-8 > p { padding-left: 1rem; }

#Footer_Foyer_Home { height: 4em; }

footer a img { height: 1.5em; }

.footer-desc { max-width: 25rem !important; }

/*# sourceMappingURL=styles.css.map */