/* *********************************************************** ## CSS reset *********************************************************** */ /* *********************************************************** ## RESET *********************************************************** */ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"); html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; background: transparent; text-decoration: none; outline: 0; } a:hover { text-decoration: none; } /* change colours to suit your needs */ ins { background-color: #ffff99; color: black; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ffff99; color: black; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* ******************************************************** */ /* *********************************************************** ## COLORS *********************************************************** */ /* *********************************************************** ## COLORS *********************************************************** */ /* set up colors that will be used over and over again, in RGBA, A ommitted so that it can be set as needed but maintain base color */ /* ******************************************************** */ /* *********************************************************** ## FONTS *********************************************************** */ /* *********************************************************** ## FONTS *********************************************************** */ html, body { font-size: 62.5%; font-family: "Inter", sans-serif; font-weight: 300; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-Regular/Inter-Regular.eot"); src: url("../fonts/Inter-Regular/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular/Inter-Regular.ttf") format("truetype"), url("../fonts/Inter-Regular/Inter-Regular.svg#Inter-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-Medium/Inter-Medium.eot"); src: url("../fonts/Inter-Medium/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium/Inter-Medium.ttf") format("truetype"), url("../fonts/Inter-Medium/Inter-Medium.svg#Inter-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-SemiBold/Inter-SemiBold.eot"); src: url("../fonts/Inter-SemiBold/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold/Inter-SemiBold.ttf") format("truetype"), url("../fonts/Inter-SemiBold/Inter-SemiBold.svg#Inter-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-Bold/Inter-Bold.eot"); src: url("../fonts/Inter-Bold/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold/Inter-Bold.ttf") format("truetype"), url("../fonts/Inter-Bold/Inter-Bold.svg#Inter-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-ExtraBold/Inter-ExtraBold.eot"); src: url("../fonts/Inter-ExtraBold/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraBold/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold/Inter-ExtraBold.woff") format("woff"), url("../fonts/Inter-ExtraBold/Inter-ExtraBold.ttf") format("truetype"), url("../fonts/Inter-ExtraBold/Inter-ExtraBold.svg#Inter-ExtraBold") format("svg"); font-weight: 800; font-style: normal; font-display: swap; } /* ******************************************************** */ /* *********************************************************** ## FUNCTIONS *********************************************************** */ .neow3hide { display: none; visibility: hidden; overflow: initial; } img.lazy { display: block; } img.lazyload:not([src]) { visibility: hidden; } /* fade image in after load */ .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .neo_btn_1 { display: block; overflow: hidden; height: 36px; width: 100%; max-width: 120px; margin: 1rem 0; position: relative; border: solid #fcd16e 1px; } .neo_btn_1 span { font-style: normal; font-stretch: normal; font-variant: initial; text-decoration: none; text-transform: uppercase; line-height: 34px; letter-spacing: 1.3px; text-align: center; color: #fcd16e; font-size: 13px; font-family: "Inter"; font-weight: 400; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .neo_btn_1 span:before, .neo_btn_1 span:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fcd16e; z-index: -1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .neo_btn_1 span:before { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); } .neo_btn_1 span:after { -webkit-transform: translate(100%, 100%); -moz-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); -o-transform: translate(100%, 100%); transform: translate(100%, 100%); } .neo_btn_1:before, .neo_btn_1:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fcd16e; z-index: -1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .neo_btn_1:before { -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .neo_btn_1:after { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .neo_btn_1:hover { color: white; outline: none; outline-width: 0; } .neo_btn_1:hover:before { -webkit-transform: translate(-49%, -49%); -moz-transform: translate(-49%, -49%); -ms-transform: translate(-49%, -49%); -o-transform: translate(-49%, -49%); transform: translate(-49%, -49%); } .neo_btn_1:hover:after { -webkit-transform: translate(-49%, 49%); -moz-transform: translate(-49%, 49%); -ms-transform: translate(-49%, 49%); -o-transform: translate(-49%, 49%); transform: translate(-49%, 49%); } .neo_btn_1:hover span { color: white; outline: none; width: 100%; height: 100%; text-align: center; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .neo_btn_1:hover span:before { -webkit-transform: translate(49%, -49%); -moz-transform: translate(49%, -49%); -ms-transform: translate(49%, -49%); -o-transform: translate(49%, -49%); transform: translate(49%, -49%); } .neo_btn_1:hover span:after { -webkit-transform: translate(49%, 49%); -moz-transform: translate(49%, 49%); -ms-transform: translate(49%, 49%); -o-transform: translate(49%, 49%); transform: translate(49%, 49%); } .neo_btn_2 { display: inline-block; font-size: 21px; line-height: 1.19; letter-spacing: 1.05px; font-family: "Inter"; font-weight: 700; text-transform: uppercase; color: #fcd16e; position: relative; } .neo_btn_2:after { content: ""; display: block; width: 13px; height: 11px; position: absolute; top: 50%; right: -22px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../ui/green_cta_arrow.svg"); background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -o-background-size: contain; background-repeat: no-repeat; -webkit-transition: right 0.35s ease-in-out; -moz-transition: right 0.35s ease-in-out; -ms-transition: right 0.35s ease-in-out; -o-transition: right 0.35s ease-in-out; transition: right 0.35s ease-in-out; } .neo_btn_2:hover:after { right: -25px; } .neo_btn_3 { display: inline-block; font-size: 13px; line-height: 38px; letter-spacing: 1.95px; font-family: "Inter"; font-weight: 300; text-transform: uppercase; color: white; background-color: transparent; position: relative; padding: 0 30px; border: solid white 1px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .neo_btn_3:hover { color: #009cde; background-color: white; border: solid #009cde 1px; } .neo_btn_3.reverse { color: #009cde; border: solid #009cde 1px; } .neo_btn_3.reverse:hover { color: white; background-color: #009cde; border: solid #009cde 1px; } .neo_nav { width: 204px; position: fixed; top: 0; right: 0; height: 100vh; z-index: 5; background: white; -webkit-transform: translateX(204px); -moz-transform: translateX(204px); -ms-transform: translateX(204px); -o-transform: translateX(204px); transform: translateX(204px); -webkit-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, width 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, width 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, width 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, width 0.35s ease-in-out; transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, width 0.35s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 100px 24px; will-change: transform; } .neo_nav:before, .neo_nav:after { clear: both; content: ""; display: block; height: 0; } .neo_nav.active { z-index: 11; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, width 0.45s ease-in-out; -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, width 0.45s ease-in-out; -ms-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, width 0.45s ease-in-out; -o-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, width 0.45s ease-in-out; transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, width 0.45s ease-in-out; } .neo_nav.active > ul { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .neo_nav > ul { width: 100%; display: block; background: white; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .neo_nav > ul > li { margin: 0 0 7px 0; background: white; } .neo_nav > ul > li:last-of-type { margin: 0; } .neo_nav > ul > li > a { font-style: normal; font-stretch: normal; font-variant: initial; text-decoration: none; font-size: 15px; line-height: 2.13; letter-spacing: 1.8px; font-weight: 500; font-family: "Inter"; color: #009cde; text-transform: uppercase; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } .neo_nav > ul > li > a:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .neo__menu { flex: 0 0 auto; display: none; z-index: 100; height: 64px; width: 64px; overflow: hidden; position: fixed; top: 43px; right: 7vw; cursor: pointer; background: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; } .neo__menu > div { position: absolute; top: 50%; left: 50%; width: 100%; pointer-events: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out; transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out, opacity 0.35s ease-in-out; } .neo__menu > div._front { width: 32px; } .neo__menu > div._front span { display: block; width: 100%; height: 4px; margin-bottom: 6px; overflow: hidden; position: relative; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .neo__menu > div._front span:last-child { margin: 0; } .neo__menu > div._front span:before, .neo__menu > div._front span:after { content: ""; position: absolute; width: 100%; height: 100%; background: #262929; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition: transform ease 300ms; -moz-transition: transform ease 300ms; -ms-transition: transform ease 300ms; -o-transition: transform ease 300ms; transition: transform ease 300ms; } .neo__menu > div._front span:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .neo__menu > div._front span:nth-child(2):before, .neo__menu > div._front span:nth-child(2):after { transition-delay: 75ms; } .neo__menu > div._front span:last-child:before, .neo__menu > div._front span:last-child:after { transition-delay: 150ms; } .neo__menu > div._front span:last-child:after { width: calc(100% - 7px); } .neo__menu > div._front span > .accent { width: 4px; height: 4px; position: absolute; top: 0; right: 0; background-color: #262929; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .neo__menu > div._back span { display: block; width: 32px; height: 4px; background: transparent; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; transform: translateY(50%) rotate(45deg) scaleX(0); transition: transform ease 200ms; } .neo__menu > div._back span:after { content: ""; position: absolute; width: 100%; height: 100%; background: #262929; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .neo__menu > div._back span:first-child:after { width: calc(100% - 7px); } .neo__menu > div._back span:last-child { transform: translateY(-50%) rotate(-45deg) scaleX(0); } .neo__menu > div._back span > .accent { width: 4px; height: 4px; position: absolute; top: 0; right: 0; background-color: #262929; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .neo__menu:hover > div._front span:before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .neo__menu:hover > div._front span:after { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .neo__menu.invert { border: solid white 1px; background: #009cde; } .neo__menu.invert > div._front span:before, .neo__menu.invert > div._front span:after { background: white; } .neo__menu.invert.active { border: solid #009cde 1px; background: white; } .neo__menu.invert.active > div._front span:before, .neo__menu.invert.active > div._front span:after { background: #009cde; } .neo__menu.active { -webkit-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; transition: transform 0.35s ease-in-out, top 0.35s ease-in-out, right 0.35s ease-in-out; } .neo__menu.active > div._front span:before { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .neo__menu.active > div._front span:after { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } .neo__menu.active > div._front span .accent { display: none; } .neo__menu.active > div._back span { transition-delay: 450ms; transform: translate(50%, 50%) rotate(45deg) scaleX(1); } .neo__menu.active > div._back span:last-child { transform: translate(50%, -50%) rotate(-45deg) scaleX(1); } /* ******************************************************** */ /* *********************************************************** ## ADDONS *********************************************************** */ .neo__mapbox { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; min-height: 450px; } .neo__mapbox .mapboxgl-control-container .mapboxgl-ctrl-group { height: 79px; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .neo__mapbox .mapboxgl-control-container .mapboxgl-ctrl-group:not(:empty) { box-shadow: none; } .neo__mapbox .mapboxgl-control-container .mapboxgl-ctrl-group > button { width: 40px; height: 40px; border: solid #009cde 1px; -webkit-transition: background-color 0.35s ease-out; -moz-transition: background-color 0.35s ease-out; -ms-transition: background-color 0.35s ease-out; -o-transition: background-color 0.35s ease-out; transition: background-color 0.35s ease-out; } .neo__mapbox .mapboxgl-control-container .mapboxgl-ctrl-group > button.mapboxgl-ctrl-zoom-in { background-image: url("../ui/plus.svg"); background-position: center center; } .neo__mapbox .mapboxgl-control-container .mapboxgl-ctrl-group > button.mapboxgl-ctrl-zoom-out { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); background-image: url("../ui/minus.svg"); background-position: center center; } .neo__mapbox .mapboxgl-control-container .mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass { display: none; } .mapboxgl-ctrl-attrib-inner a { color: #262929; font-style: normal; font-stretch: normal; font-weight: 300; font-variant: initial; font-family: "Inter"; line-height: 1.13; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 9px; display: none; } .mapboxgl-ctrl-attrib-inner a:nth-of-type(2), .mapboxgl-ctrl-attrib-inner a:nth-of-type(3) { display: none; } .mapboxgl-popup-content { color: #262929; font-style: normal; font-stretch: normal; font-weight: 300; font-variant: initial; font-family: "Inter"; line-height: 1.13; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 13px; text-align: center; padding: 17px 12px 17px; min-width: 65px; } .mapboxgl-popup { margin-top: -7px; } /* ******************************************************** */ /* *********************************************************** ## PROJECT SPECIFIC STYLES *********************************************************** */ * { font-size: 16px; font-weight: 100; margin: 0 0 0 0; padding: 0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html, body { background: white; } html { overflow-x: hidden; overflow-y: auto; height: 100%; } html.disable__scroll { overflow-y: hidden; } body { overflow: hidden; } h1, .h1 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 65px; color: white; font-weight: 700; line-height: 1.08; font-family: "Inter"; font-size: 65px; } @media screen and (max-width: 1280px) { h1, .h1 { font-size: calc(65px + -15 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { h1, .h1 { font-size: 50px; } } h2, .h2 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 48px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 48px; } @media screen and (max-width: 1280px) { h2, .h2 { font-size: calc(48px + -10 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { h2, .h2 { font-size: 38px; } } h3, .h3 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 34px; color: #262929; font-weight: 300; line-height: 1.18; font-family: "Inter"; font-size: 34px; } @media screen and (max-width: 1280px) { h3, .h3 { font-size: calc(34px + -4 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { h3, .h3 { font-size: 30px; } } h4, .h4 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 28px; color: #262929; font-weight: 300; line-height: 1.14; font-family: "Inter"; font-size: 28px; } @media screen and (max-width: 1280px) { h4, .h4 { font-size: calc(28px + -4 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { h4, .h4 { font-size: 24px; } } h5, .h5 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 22px; color: #262929; font-weight: 700; line-height: 1.13; font-family: "Inter"; font-size: 22px; } @media screen and (max-width: 1280px) { h5, .h5 { font-size: calc(22px + -4 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { h5, .h5 { font-size: 18px; } } h6, .h6 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: white; font-weight: 400; line-height: 1.13; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { h6, .h6 { font-size: calc(16px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { h6, .h6 { font-size: 14px; } } ul { list-style: none; list-style-type: none; } p, li, a { font-style: normal; font-stretch: normal; font-variant: initial; text-transform: initial; text-decoration: none; font-size: 18px; color: #262929; font-weight: 400; line-height: 1.39; letter-spacing: 0.22px; font-family: "Inter"; font-size: 18px; } @media screen and (max-width: 1280px) { p, li, a { font-size: calc(18px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { p, li, a { font-size: 16px; } } span.highlight, small.highlight { font-style: normal; font-stretch: normal; font-variant: initial; text-decoration: none; font-size: 14px; color: #fcd16e; font-weight: 700; line-height: 1.14; letter-spacing: 1.4px; font-family: "Inter"; text-transform: uppercase; font-size: 14px; } @media screen and (max-width: 1280px) { span.highlight, small.highlight { font-size: calc(14px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { span.highlight, small.highlight { font-size: 12px; } } a, button { cursor: pointer; text-decoration: none; color: #262929; } a.neo__btn, button.neo__btn { position: relative; display: inline-block; background-color: transparent; padding: 0 21px; font-family: "Inter"; font-size: 18px; line-height: 37px; color: white; border: solid white 2px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; -webkit-transition: opacity 0.35s ease-out, background-color 0.35s ease-out, border 0.35s ease-out, width 0.35s ease-out; -moz-transition: opacity 0.35s ease-out, background-color 0.35s ease-out, border 0.35s ease-out, width 0.35s ease-out; -ms-transition: opacity 0.35s ease-out, background-color 0.35s ease-out, border 0.35s ease-out, width 0.35s ease-out; -o-transition: opacity 0.35s ease-out, background-color 0.35s ease-out, border 0.35s ease-out, width 0.35s ease-out; transition: opacity 0.35s ease-out, background-color 0.35s ease-out, border 0.35s ease-out, width 0.35s ease-out; } a.neo__btn:hover, button.neo__btn:hover { border-color: #006199; background-color: #009cde; } a.neo__btn.blue, button.neo__btn.blue { border-color: #006199; background-color: #006199; } a.neo__btn.green, button.neo__btn.green { border-color: #78bf21; background-color: #4d8c2b; } a.neo__btn.pink, button.neo__btn.pink { border-color: #006199; background-color: #e6bfde; } a.neo__btn.pink > span, button.neo__btn.pink > span { color: #8a1c61; } a.neo__btn.pink > i svg g > *, button.neo__btn.pink > i svg g > * { fill: #8a1c61; } a.neo__btn.magenta, button.neo__btn.magenta { border-color: #8a1c61; background-color: transparent; } a.neo__btn.magenta > span, button.neo__btn.magenta > span { color: #8a1c61; font-weight: 500; } a.neo__btn.magenta > i svg g > *, button.neo__btn.magenta > i svg g > * { fill: #8a1c61; } a.neo__btn.transparent, button.neo__btn.transparent { border-color: transparent; background-color: transparent; } a.neo__btn.transparent > span, button.neo__btn.transparent > span { color: #262929; font-weight: 500; } a.neo__btn.transparent > i svg g > *, button.neo__btn.transparent > i svg g > * { fill: #262929; } a.neo__btn.transparent > i svg > g > g > path, button.neo__btn.transparent > i svg > g > g > path { stroke: #262929; } a.neo__btn.arrow, button.neo__btn.arrow { padding-left: 54px; } a.neo__btn.arrow > i, button.neo__btn.arrow > i { position: absolute; top: 0; left: 18px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -webkit-transition: transform 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } a.neo__btn.arrow:hover > i, button.neo__btn.arrow:hover > i { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); } a.neo__btn.arrow.left, button.neo__btn.arrow.left { padding-left: 0; } a.neo__btn.arrow.left > i, button.neo__btn.arrow.left > i { left: -24px; } a.neo__btn.arrow.left:hover > i, button.neo__btn.arrow.left:hover > i { -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -o-transform: translateX(-4px); transform: translateX(-4px); } a.neo__btn.arrow__down, button.neo__btn.arrow__down { padding-left: 54px; } a.neo__btn.arrow__down > i, button.neo__btn.arrow__down > i { position: absolute; top: 0; left: 18px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -webkit-transition: transform 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } a.neo__btn.arrow__down:hover > i, button.neo__btn.arrow__down:hover > i { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); } a.neo__btn > span, button.neo__btn > span { font-family: "Inter"; font-size: 18px; line-height: 37px; color: white; } strong { font-weight: 700; } img, svg { max-width: 100%; } figure { background-size: cover; background-position: center center; background-position: center center; background-color: white; background-repeat: no-repeat; width: 100%; display: block; height: auto; position: relative; } figure:before, figure:after { clear: both; content: ""; display: block; height: 0; } figure span { width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ""; } figure img { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; display: block; width: 100%; height: auto; max-width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; animation-duration: 3s; } figure > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure > .mfp-img { visibility: visible; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } figure figcaption { display: block; position: absolute; bottom: 11px; right: 23px; font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 2; letter-spacing: 0.14px; color: #262929; } figure figcaption.white { color: white; text-shadow: 2px 3px 5px #262929; } figure figcaption.large-caption { font-size: 20px; line-height: 1.4; } header { position: absolute; top: 0; left: 50%; z-index: 4; background: transparent; height: 150px; width: calc(100vw - (100vw - 100%)); max-width: 5000px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } header .header__inner { width: 100%; height: 100%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } header .header__inner > div { overflow: hidden; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } header .header__inner > div > a { display: block; background-color: white; padding: 14px 24px 14px 34px; -webkit-border-radius: 0 270px 270px 0; -moz-border-radius: 0 270px 270px 0; -ms-border-radius: 0 270px 270px 0; -o-border-radius: 0 270px 270px 0; border-radius: 0 270px 270px 0; -webkit-transition: padding 0.35s ease-in-out; -moz-transition: padding 0.35s ease-in-out; -ms-transition: padding 0.35s ease-in-out; -o-transition: padding 0.35s ease-in-out; transition: padding 0.35s ease-in-out; } .fp-viewing-overview-1 header .header__inner > div > a { padding: 18px 37px 18px 44px; } header .header__inner > div > a > img, header .header__inner > div > a > svg { height: 100%; display: block; width: 222px; max-width: 222px; max-height: 64px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } header .header__inner > div > a > img g, header .header__inner > div > a > svg g { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } header .header__inner > div > a #header__logo { display: none; } .fp-viewing-overview-1 header .header__inner > div > a #header__logo { display: block; } header .header__inner > div > a #header__logomark { display: block; width: 49px; max-width: 49px; max-height: 37px; } .fp-viewing-overview-1 header .header__inner > div > a #header__logomark { display: none; } header .header__inner > div.left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; align-items: center; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } header .header__inner > div.left .location { margin-left: 22px; font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 32px; color: white; font-weight: 700; line-height: 1; font-family: "Inter"; font-size: 32px; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } @media screen and (max-width: 1280px) { header .header__inner > div.left .location { font-size: calc(32px + -4 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { header .header__inner > div.left .location { font-size: 28px; } } header .header__inner > div.right { position: relative; margin-top: 39px; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } header .navigation__pills { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } header .navigation__pills > ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } header .navigation__pills > ul > li { padding: 0 5px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } header .navigation__pills > ul > li:first-of-type { padding-left: 0; } header .navigation__pills > ul > li:last-of-type { padding-right: 0; } header .navigation__pills > ul > li > a { width: 39px; height: 39px; display: inline-block; border: 2px solid white; background-color: transparent; padding: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } header .navigation__pills > ul > li > a > span { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: white; font-weight: 700; line-height: 35px; font-family: "Inter"; max-width: 0; overflow: hidden; pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: max-width 0.6s ease-in-out, color 0.8s ease-in-out; -moz-transition: max-width 0.6s ease-in-out, color 0.8s ease-in-out; -ms-transition: max-width 0.6s ease-in-out, color 0.8s ease-in-out; -o-transition: max-width 0.6s ease-in-out, color 0.8s ease-in-out; transition: max-width 0.6s ease-in-out, color 0.8s ease-in-out; } header .navigation__pills > ul > li.overview > a, header .navigation__pills > ul > li:nth-of-type(1) > a { background-color: #ffa300; border: 2px solid #ffa300; } header .navigation__pills > ul > li.triangle > a, header .navigation__pills > ul > li:nth-of-type(2) > a { background-color: #db3db0; border: 2px solid #db3db0; } header .navigation__pills > ul > li.campus > a, header .navigation__pills > ul > li:nth-of-type(3) > a { background-color: #78bf21; border: 2px solid #78bf21; } header .navigation__pills > ul > li.timeline > a, header .navigation__pills > ul > li:nth-of-type(4) > a { background-color: #fcd16e; border: 2px solid #fcd16e; } header .navigation__pills > ul > li.gallery > a, header .navigation__pills > ul > li:nth-of-type(5) > a { background-color: #009cde; border: 2px solid #009cde; } header .navigation__pills > ul > li.leasing > a, header .navigation__pills > ul > li:nth-of-type(6) > a { background-color: #db4505; border: 2px solid #db4505; } header .navigation__pills > ul > li.active, header .navigation__pills > ul > li:hover, .fp-viewing-overview-1 header .navigation__pills > ul > li { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } header .navigation__pills > ul > li.active > a, header .navigation__pills > ul > li:hover > a, .fp-viewing-overview-1 header .navigation__pills > ul > li > a { width: auto; height: auto; padding: 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } header .navigation__pills > ul > li.active > a > span, header .navigation__pills > ul > li:hover > a > span, .fp-viewing-overview-1 header .navigation__pills > ul > li > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-overview] header .navigation__pills > ul > li.overview { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-overview] header .navigation__pills > ul > li.overview > a { width: auto; height: auto; padding: 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-overview] header .navigation__pills > ul > li.overview > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-triangle] header .navigation__pills > ul > li.triangle { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-triangle] header .navigation__pills > ul > li.triangle > a { width: auto; height: auto; padding: 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-triangle] header .navigation__pills > ul > li.triangle > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-campus] header .navigation__pills > ul > li.campus { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-campus] header .navigation__pills > ul > li.campus > a { width: auto; height: auto; padding: 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-campus] header .navigation__pills > ul > li.campus > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-timeline] header .navigation__pills > ul > li.timeline { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-timeline] header .navigation__pills > ul > li.timeline > a { width: auto; height: auto; padding: 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-timeline] header .navigation__pills > ul > li.timeline > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-gallery] header .navigation__pills > ul > li.gallery { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-gallery] header .navigation__pills > ul > li.gallery > a { width: auto; height: auto; padding: 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-gallery] header .navigation__pills > ul > li.gallery > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-leasing] header .navigation__pills > ul > li.leasing { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-leasing] header .navigation__pills > ul > li.leasing > a { width: auto; height: auto; padding: 0 5vw 0 19px; background-color: transparent; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } [class*=fp-viewing-leasing] header .navigation__pills > ul > li.leasing > a > span { max-width: 500px; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } header .navigation__pills > ul > li:last-of-type { margin-right: 0; } header .navigation__pills > ul > li:last-of-type > a { border-right: none; padding-right: 5vw; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .light__bg header .navigation__pills > ul > li > a > span { color: #262929; } header .neo__menu { width: 64px; height: 64px; pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } @media screen and (-ms-high-contrast: active), all and (-ms-high-contrast: none) { header .neo__menu { display: none; visibility: hidden; } } header .menu__overlay { height: 0; max-height: none; width: 100vw; position: fixed; top: 0; left: 0; background-color: white; z-index: 0; pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out; } main { margin: 0 auto; width: calc(100vw - (100vw - 100%)); min-height: 75vh; max-width: 5000px; font-size: 16px; color: #262929; font-style: normal; font-stretch: normal; font-weight: 300; font-variant: initial; font-family: "Inter"; line-height: 1.13; letter-spacing: normal; text-transform: initial; text-decoration: none; } footer { position: relative; background-color: #8a1c61; } footer .neo__scroll__top { width: 58px; height: 58px; display: block; position: absolute; top: 0; right: 3.6vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../ui/grfx_back_to_top_2.svg"); background-size: cover; background-position: center center; background-position: center center; background-repeat: no-repeat; -webkit-transition: transform 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } footer .neo__scroll__top:hover { -webkit-transform: translateY(-56%); -moz-transform: translateY(-56%); -ms-transform: translateY(-56%); -o-transform: translateY(-56%); transform: translateY(-56%); } footer > div { padding: 55px 10vw; } footer > div > div:nth-of-type(1), footer > div > .row__1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end; } footer > div > div:nth-of-type(1) > .left > .bottom__logos svg, footer > div > .row__1 > .left > .bottom__logos svg, footer > div > div:nth-of-type(1) > .left > .bottom__logos svg, footer > div > .row__1 > .left > .bottom__logos img { max-width: 173px; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } footer > div > div:nth-of-type(1) > .left > .bottom__logos svg:hover, footer > div > .row__1 > .left > .bottom__logos svg:hover, footer > div > div:nth-of-type(1) > .left > .bottom__logos svg:hover, footer > div > .row__1 > .left > .bottom__logos img:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; filter: alpha(opacity=85); } footer > div > div:nth-of-type(1) > .right, footer > div > .row__1 > .right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; -webkit-align-items: flex-end; } footer > div > div:nth-of-type(1) > .right > .bottom__onesheet, footer > div > .row__1 > .right > .bottom__onesheet { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; margin-right: 14px; padding-bottom: 6px; } footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a, footer > div > .row__1 > .right > .bottom__onesheet > a { position: relative; background-color: transparent; padding: 0 18px 0 34px; border: solid white 1px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a:hover, footer > div > .row__1 > .right > .bottom__onesheet > a:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a:hover > i, footer > div > .row__1 > .right > .bottom__onesheet > a:hover > i { -webkit-transform: translateY(calc(-50% + 2px)); -moz-transform: translateY(calc(-50% + 2px)); -ms-transform: translateY(calc(-50% + 2px)); -o-transform: translateY(calc(-50% + 2px)); transform: translateY(calc(-50% + 2px)); } footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a > i, footer > div > .row__1 > .right > .bottom__onesheet > a > i { display: block; width: 11px; height: 14px; position: absolute; left: 14px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../ui/grfx_arrow_download.svg"); background-size: cover; background-position: center center; background-position: center center; background-repeat: no-repeat; -webkit-transition: transform 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a > span, footer > div > .row__1 > .right > .bottom__onesheet > a > span { font-style: normal; font-stretch: normal; font-variant: initial; text-transform: initial; text-decoration: none; font-size: 16px; color: white; font-weight: 400; line-height: 29px; letter-spacing: 0.19px; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a > span, footer > div > .row__1 > .right > .bottom__onesheet > a > span { font-size: calc(16px + 0 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { footer > div > div:nth-of-type(1) > .right > .bottom__onesheet > a > span, footer > div > .row__1 > .right > .bottom__onesheet > a > span { font-size: 16px; } } footer > div > div:nth-of-type(1) > .right > .bottom__social ul li, footer > div > .row__1 > .right > .bottom__social ul li { display: inline-block; margin-right: 6px; } footer > div > div:nth-of-type(1) > .right > .bottom__social ul li svg rect, footer > div > .row__1 > .right > .bottom__social ul li svg rect { fill: transparent; } footer > div > div:nth-of-type(1) > .right > .bottom__social ul li svg rect, footer > div > div:nth-of-type(1) > .right > .bottom__social ul li svg path, footer > div > .row__1 > .right > .bottom__social ul li svg rect, footer > div > .row__1 > .right > .bottom__social ul li svg path { -webkit-transition: fill 0.35s ease-in-out; -moz-transition: fill 0.35s ease-in-out; -ms-transition: fill 0.35s ease-in-out; -o-transition: fill 0.35s ease-in-out; transition: fill 0.35s ease-in-out; } footer > div > div:nth-of-type(1) > .right > .bottom__social ul li:last-of-type, footer > div > .row__1 > .right > .bottom__social ul li:last-of-type { margin-right: 0; } footer > div > div:nth-of-type(1) > .right > .bottom__social ul li:hover rect, footer > div > .row__1 > .right > .bottom__social ul li:hover rect { fill: white; } footer > div > div:nth-of-type(1) > .right > .bottom__social ul li:hover path, footer > div > .row__1 > .right > .bottom__social ul li:hover path { fill: #8a1c61; } footer > div > div:nth-of-type(2), footer > div > .row__2 { margin-top: 46px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end; } footer > div > div:nth-of-type(2) > .left > .bottom__disclaimer p, footer > div > .row__2 > .left > .bottom__disclaimer p { color: rgba(255, 255, 255, 0.8); line-height: 1.2; font-weight: 600; max-width: 800px; font-size: 12px; } footer > div > div.middle:nth-of-type(2) { margin-top: 10px; justify-content: flex-end; } footer > div > div.middle:nth-of-type(2) a.neo__btn { line-height: 29px; padding-left: 46px; background-color: transparent; border: 1px solid white; } footer > div > div.middle:nth-of-type(2) a.neo__btn svg { width: 14px; height: 14px; } footer > div > div.middle:nth-of-type(2) a.neo__btn span { font-size: 16px; line-height: 29px; } @media screen and (max-width: 1280px) { footer > div > div:nth-of-type(2) > .left > .bottom__disclaimer p, footer > div > .row__2 > .left > .bottom__disclaimer p { font-size: calc(12px + 0 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { footer > div > div:nth-of-type(2) > .left > .bottom__disclaimer p, footer > div > .row__2 > .left > .bottom__disclaimer p { font-size: 12px; } } footer > div > div:nth-of-type(2) > .left > .bottom__legal, footer > div > .row__2 > .left > .bottom__legal { margin-top: 9px; } footer > div > div:nth-of-type(2) > .left > .bottom__legal > p, footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > a, footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > span, footer > div > .row__2 > .left > .bottom__legal > p, footer > div > .row__2 > .left > .bottom__legal > p > a, footer > div > .row__2 > .left > .bottom__legal > p > span { color: white; line-height: 1.2; letter-spacing: 0; font-weight: 600; font-size: 12px; } @media screen and (max-width: 1280px) { footer > div > div:nth-of-type(2) > .left > .bottom__legal > p, footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > a, footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > span, footer > div > .row__2 > .left > .bottom__legal > p, footer > div > .row__2 > .left > .bottom__legal > p > a, footer > div > .row__2 > .left > .bottom__legal > p > span { font-size: calc(12px + 0 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { footer > div > div:nth-of-type(2) > .left > .bottom__legal > p, footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > a, footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > span, footer > div > .row__2 > .left > .bottom__legal > p, footer > div > .row__2 > .left > .bottom__legal > p > a, footer > div > .row__2 > .left > .bottom__legal > p > span { font-size: 12px; } } footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > span, footer > div > .row__2 > .left > .bottom__legal > p > span { width: auto; height: auto; display: inline; position: relative; top: auto; right: auto; bottom: auto; left: auto; content: normal; } footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > a:hover, footer > div > .row__2 > .left > .bottom__legal > p > a:hover { text-decoration: underline; } footer > div > div:nth-of-type(2) > .left > .bottom__legal > p:last-of-type, footer > div > .row__2 > .left > .bottom__legal > p:last-of-type { margin-top: 10px; } footer > div > div:nth-of-type(2) > .right #neocredit, footer > div > .row__2 > .right #neocredit { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } footer > div > div:nth-of-type(2) > .right #neocredit:hover, footer > div > .row__2 > .right #neocredit:hover { -webkit-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; filter: alpha(opacity=85); } footer > div > div:nth-of-type(2) > .right #neocredit g, footer > div > div:nth-of-type(2) > .right #neocredit path, footer > div > .row__2 > .right #neocredit g, footer > div > .row__2 > .right #neocredit path { fill: #FFFFFF; } #fp-nav.fp-left, .fp-slidesNav.fp-left { left: 34px; -webkit-transition: left 0.35s ease-in-out, transform 0.35s ease-in-out; -moz-transition: left 0.35s ease-in-out, transform 0.35s ease-in-out; -ms-transition: left 0.35s ease-in-out, transform 0.35s ease-in-out; -o-transition: left 0.35s ease-in-out, transform 0.35s ease-in-out; transition: left 0.35s ease-in-out, transform 0.35s ease-in-out; } #fp-nav ul li, .fp-slidesNav ul li { margin: 19px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; } #fp-nav ul li a span, .fp-slidesNav ul li a span { width: 7px; height: 7px; margin: 0; background: rgba(255, 255, 255, 0.5); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .light__bg #fp-nav ul li a span, .light__bg .fp-slidesNav ul li a span { background: rgba(138, 140, 140, 0.5); } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { width: 17px; height: 17px; margin: 0; background: white; } #fp-nav ul li a.active[href^="#overview-"] span, .fp-slidesNav ul li a.active[href^="#overview-"] span { background: #ffa300; } #fp-nav ul li a.active[href="#overview-1"] span, .fp-slidesNav ul li a.active[href="#overview-1"] span { background: white; } #fp-nav ul li a.active[href^="#triangle-"] span, .fp-slidesNav ul li a.active[href^="#triangle-"] span { background: #db3db0; } #fp-nav ul li a.active[href^="#campus-"] span, .fp-slidesNav ul li a.active[href^="#campus-"] span { background: #78bf21; } #fp-nav ul li a.active[href^="#timeline-"] span, .fp-slidesNav ul li a.active[href^="#timeline-"] span { background: #fcd16e; } #fp-nav ul li a.active[href^="#gallery-"] span, .fp-slidesNav ul li a.active[href^="#gallery-"] span { background: #009cde; } #fp-nav ul li a.active[href^="#leasing-"] span, .fp-slidesNav ul li a.active[href^="#leasing-"] span { background: #db4505; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 17px; height: 17px; margin: 0; background: white; } #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { width: 17px; height: 17px; margin: 0; } #fp-nav ul li:hover a[href^="#overview-"] span, .fp-slidesNav ul li:hover a[href^="#overview-"] span { background: #ffa300; } #fp-nav ul li:hover a[href="#overview-1"] span, .fp-slidesNav ul li:hover a[href="#overview-1"] span { background: white; } .light__bg #fp-nav ul li:hover a[href="#overview-1"] span, .light__bg .fp-slidesNav ul li:hover a[href="#overview-1"] span { background: #8a8c8c; } #fp-nav ul li:hover a[href^="#triangle-"] span, .fp-slidesNav ul li:hover a[href^="#triangle-"] span { background: #db3db0; } #fp-nav ul li:hover a[href^="#campus-"] span, .fp-slidesNav ul li:hover a[href^="#campus-"] span { background: #78bf21; } #fp-nav ul li:hover a[href^="#timeline-"] span, .fp-slidesNav ul li:hover a[href^="#timeline-"] span { background: #fcd16e; } #fp-nav ul li:hover a[href^="#gallery-"] span, .fp-slidesNav ul li:hover a[href^="#gallery-"] span { background: #009cde; } #fp-nav ul li:hover a[href^="#leasing-"] span, .fp-slidesNav ul li:hover a[href^="#leasing-"] span { background: #db4505; } .fp-scroller { transition-duration: 750ms !important; } .iScrollIndicator { transition-duration: 750ms !important; } section { display: block; position: relative; width: 100%; max-width: 100%; } section:before, section:after { clear: both; content: ""; display: block; height: 0; } .section.placeholder { background: #262929; } .section.placeholder .hero__inner { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section.placeholder .hero__inner > h1 { color: white; } .section.blue { background: #006199; } .section.magenta { background: #8a1c61; } .section.overview-3 { background: #8a1c61; } .section .section__inner { min-height: 100vh; background-size: cover; background-position: center center; } .section .black__overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(38, 41, 41, 0.29); -webkit-transition: background-color 0.35s ease-in-out; -moz-transition: background-color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out; -o-transition: background-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out; } .section .black__overlay.gradient { background: transparent linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, transparent 100%) 0% 0% no-repeat padding-box; } .section .white__overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); } .section .hero__inner { position: absolute; max-width: 100vw; bottom: 13%; left: 0; padding-left: 10vw; padding-right: 10vw; } .section .hero__inner > h5 { color: white; } .section .hero__inner > h5 + h1 { margin-top: 12px; } .section .hero__inner > h1 { width: 850px; max-width: 100%; } .section .hero__inner > .neo__btn { margin-top: 43px; } .section .neo__stats { position: relative; min-height: 100vh; margin: 0 auto; padding: 150px 3vw 5vh 10vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; } .section .neo__stats .neo__stats__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; width: 90%; } .section .neo__stats .neo__stats__inner > div { width: calc(33.33% - 4.5%); } .section .neo__stats .neo__stats__inner > div > h2 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 65px; color: #4d8c2b; font-weight: 400; line-height: 1.08; font-family: "Inter"; font-size: 65px; white-space: nowrap; } @media screen and (max-width: 1280px) { .section .neo__stats .neo__stats__inner > div > h2 { font-size: calc(65px + -30 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section .neo__stats .neo__stats__inner > div > h2 { font-size: 35px; } } .section .neo__stats .neo__stats__inner > div > p { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 22px; color: #262929; font-weight: 700; line-height: 1.09; font-family: "Inter"; font-size: 22px; margin-top: 10px; max-width: 267px; } @media screen and (max-width: 1280px) { .section .neo__stats .neo__stats__inner > div > p { font-size: calc(22px + -6 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section .neo__stats .neo__stats__inner > div > p { font-size: 16px; } } .section .neo__stats .neo__stats__inner > div:nth-of-type(n + 4) { margin-top: 14vh; } .section .neo__stats .neo__stats__inner > div:nth-of-type(n + 4) > h2 { color: #8a1c61; } .section.neo__standard .section__inner { padding: 150px 3vw 5vh 10vw; } .section.full__image .text__container { margin-top: calc(10vh - 30px); } .section.full__image .text__container > div h2 { color: #bde094; max-width: 500px; } .section.full__image .text__container > div p { color: white; max-width: 470px; margin-top: 50px; font-size: 22px; } @media screen and (max-width: 1480px) { .section.full__image .text__container > div p { font-size: calc(22px + -2 * (100vw - 1480px) / -520); } } @media screen and (max-width: 960px) { .section.full__image .text__container > div p { font-size: 20px; } } .section.half__image .section__inner { position: relative; padding: 150px 0 0 10vw; } .section.half__image .text__container { height: calc(50vh - 150px); padding-right: 2vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; } .section.half__image .text__container > div:nth-of-type(1) { width: 37%; } .section.half__image .text__container > div:nth-of-type(1) h2 { color: #fcd16e; max-width: 410px; font-size: 48px; } @media screen and (max-width: 1280px) { .section.half__image .text__container > div:nth-of-type(1) h2 { font-size: calc(48px + -18 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.half__image .text__container > div:nth-of-type(1) h2 { font-size: 30px; } } .section.half__image .text__container > div:nth-of-type(2) { position: relative; width: 59%; } .section.half__image .text__container > div:nth-of-type(2) p { color: white; max-width: 579px; margin-top: 15px; font-size: 18px; } @media screen and (max-width: 1280px) { .section.half__image .text__container > div:nth-of-type(2) p { font-size: calc(18px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.half__image .text__container > div:nth-of-type(2) p { font-size: 16px; } } .section.half__image .text__container > div:nth-of-type(2) p:first-of-type { margin-top: 0; } .section.half__image .text__container > div:nth-of-type(2) .neo__btn { position: absolute; bottom: 0; left: 0; z-index: 2; border: 2px solid #8a1c61; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .section.half__image .image__container { width: 90%; max-width: 2000px; height: 50vh; position: absolute; bottom: 0; left: 0; margin-left: 10%; background-color: #006199; -webkit-border-radius: 384px 0 0 0; -moz-border-radius: 384px 0 0 0; -ms-border-radius: 384px 0 0 0; -o-border-radius: 384px 0 0 0; border-radius: 384px 0 0 0; background-size: cover; background-position: center center; } .section.neo__gallery__shapes .section__inner { position: relative; padding: 150px 0 0 10vw; } @media screen and (max-height: 700px) and (min-width: 960px) { .section.neo__gallery__shapes .section__inner { padding-top: 50px; } } .section.neo__gallery__shapes .text__container { padding-right: 2vw; } .section.neo__gallery__shapes .text__container > div h2 { color: #8a1c61; max-width: 375px; font-size: 48px; } @media screen and (max-width: 1280px) { .section.neo__gallery__shapes .text__container > div h2 { font-size: calc(48px + -10 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__gallery__shapes .text__container > div h2 { font-size: 38px; } } .section.neo__gallery__shapes .slider__container { margin-top: 6vh; } .section.neo__gallery__shapes .slider__links > ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .section.neo__gallery__shapes .slider__links > ul li { margin-left: 50px; } .section.neo__gallery__shapes .slider__links > ul li:first-of-type { margin-left: 0; } .section.neo__gallery__shapes .slider__links > ul li > span { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 14px; color: #8a8c8c; font-weight: 400; line-height: 1.43; font-family: "Inter"; font-size: 14px; position: relative; display: inline-block; cursor: pointer; } @media screen and (max-width: 1280px) { .section.neo__gallery__shapes .slider__links > ul li > span { font-size: calc(14px + -1 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__gallery__shapes .slider__links > ul li > span { font-size: 13px; } } .section.neo__gallery__shapes .slider__links > ul li > span:after { content: ""; display: block; width: 0; height: 2px; background-color: #8a8c8c; position: absolute; bottom: -5px; left: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: width 0.35s ease-out, opacity 0.35s ease-out; -moz-transition: width 0.35s ease-out, opacity 0.35s ease-out; -ms-transition: width 0.35s ease-out, opacity 0.35s ease-out; -o-transition: width 0.35s ease-out, opacity 0.35s ease-out; transition: width 0.35s ease-out, opacity 0.35s ease-out; } .section.neo__gallery__shapes .slider__links > ul li:hover > span:after, .section.neo__gallery__shapes .slider__links > ul li.active > span:after { width: 100%; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .section.neo__gallery__shapes .slider__inner { margin-top: 6vh; } .section.neo__gallery__shapes .slider__inner .owl-carousel { max-height: 320px; cursor: url("../ui/grfx_drag.svg"), grab; } .section.neo__gallery__shapes .slider__inner.dismiss__nudge .owl-carousel { cursor: grab; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 0 !important; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item { cursor: url("../ui/grfx_drag.svg"), grab; } .section.neo__gallery__shapes .slider__inner.dismiss__nudge .owl-carousel .owl-stage .owl-item { cursor: grab; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image { min-width: 770px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image.half { width: 315px !important; min-width: 315px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image.logos { min-width: 980px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.text.half { width: 315px !important; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide figure, .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide img { max-height: 315px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.image { -webkit-border-radius: 217px; -moz-border-radius: 217px; -ms-border-radius: 217px; -o-border-radius: 217px; border-radius: 217px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.image figure { -webkit-border-radius: 217px; -moz-border-radius: 217px; -ms-border-radius: 217px; -o-border-radius: 217px; border-radius: 217px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.image.contain figure { background-size: contain; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text { width: 315px; height: 315px; border: 3px solid #262929; text-align: center; padding: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p { font-style: normal; font-stretch: normal; font-variant: initial; text-transform: initial; text-decoration: none; font-size: 18px; color: #262929; font-weight: 400; line-height: 1.39; letter-spacing: 0.22px; font-family: "Inter"; font-size: 18px; max-width: 230px; margin: 0 auto; text-align: center; } @media screen and (max-width: 1280px) { .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p { font-size: calc(18px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p { font-size: 16px; } } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p strong { display: block; max-width: 230px; margin: 0 auto; font-size: 48px; } @media screen and (max-width: 1280px) { .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p strong { font-size: calc(48px + -12 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p strong { font-size: 36px; } } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p a { text-decoration: underline; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p a:hover { text-decoration: none; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p sup { font-weight: 700; font-size: 28px; } @media screen and (max-width: 1280px) { .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p sup { font-size: calc(28px + -8 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p sup { font-size: 20px; } } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.orange { border: 3px solid #ffa300; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.blue { border: 3px solid #009cde; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.darkblue { border: 3px solid #006199; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.pink { border: 3px solid #db3db0; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.lightblue { border: 3px solid #8cc7e8; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.green { border: 3px solid #78bf21; } .section.neo__map__1 .section__inner { padding: 0; background-color: rgba(38, 41, 41, 0.8); -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -ms-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; } body.light__bg .section.neo__map__1 .section__inner { background-color: white; } .section.neo__map__1 .section__inner .map__container { position: relative; max-width: 1480px; margin: 0 auto; } .section.neo__map__1 .section__inner .owl-carousel .owl-stage-outer .owl-stage .owl-item > div figure { background-position: bottom center; } .section.neo__map__1 .section__inner .owl-carousel .owl-stage-outer .owl-stage .owl-item > div figure:before { content: none; display: none; } .section.neo__map__1 .section__inner .owl-carousel .owl-stage-outer .owl-stage .owl-item > div figure > img { height: 100vh; max-height: 100vh; min-width: 1280px; } .section.neo__map__1 .section__inner .pannable { -webkit-transition: background-position 0.25s ease-in-out; -moz-transition: background-position 0.25s ease-in-out; -ms-transition: background-position 0.25s ease-in-out; -o-transition: background-position 0.25s ease-in-out; transition: background-position 0.25s ease-in-out; } .section.neo__map__1 .section__inner .map-left, .section.neo__map__1 .section__inner .map-right { position: absolute; top: 150px; z-index: 3; background-color: transparent; border: none; outline: none; cursor: pointer; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } @media screen and (min-width: 1081px) { .section.neo__map__1 .section__inner .map-left, .section.neo__map__1 .section__inner .map-right { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } .section.neo__map__1 .section__inner .map-left.inactive, .section.neo__map__1 .section__inner .map-right.inactive { pointer-events: none; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } @media screen and (min-width: 1081px) { .section.neo__map__1 .section__inner .map-left.inactive, .section.neo__map__1 .section__inner .map-right.inactive { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } .section.neo__map__1 .section__inner .map-left:hover, .section.neo__map__1 .section__inner .map-right:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } .section.neo__map__1 .section__inner .map-left { left: 7%; } .section.neo__map__1 .section__inner .map-right { right: 5%; } .section.neo__map__1 .section__inner .map__key { position: absolute; bottom: 5%; left: 7%; z-index: 2; background-color: white; width: 210px; padding: 28px 14px; border: 1px solid rgba(199, 201, 199, 0.8); -webkit-touch-callout: none; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .section.neo__map__1 .section__inner .map__key .toggle { position: relative; display: block; cursor: pointer; margin-top: 8px; } .section.neo__map__1 .section__inner .map__key .toggle:first-of-type { margin-top: 0; } .section.neo__map__1 .section__inner .map__key .toggle > small { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 14px; color: #8a8c8c; font-weight: 500; line-height: 1.43; font-family: "Inter"; margin-left: 3px; white-space: nowrap; -webkit-transition: color 0.35s ease-in-out; -moz-transition: color 0.35s ease-in-out; -ms-transition: color 0.35s ease-in-out; -o-transition: color 0.35s ease-in-out; transition: color 0.35s ease-in-out; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .section.neo__map__1 .section__inner .map__key .toggle > input { position: absolute; z-index: -1; top: 0; left: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__1 .section__inner .map__key .toggle > input.checked + span { border: solid #8cc7e8 1px; } .section.neo__map__1 .section__inner .map__key .toggle > input.checked + span:before { background-color: white; -webkit-transform: translateX(13px); -moz-transform: translateX(13px); -ms-transform: translateX(13px); -o-transform: translateX(13px); transform: translateX(13px); } .section.neo__map__1 .section__inner .map__key .toggle > input.checked ~ small { color: #262929; } .section.neo__map__1 .section__inner .map__key .toggle > span { width: 33px; height: 19px; display: inline-block; position: relative; top: 5px; background-color: #8cc7e8; border: solid #8cc7e8 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .section.neo__map__1 .section__inner .map__key .toggle > span:before { content: ""; width: 13px; height: 13px; background-color: #8cc7e8; position: absolute; top: 1px; left: 2px; border: solid white 1px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .section.neo__map__2 { background-color: #F2F2F2; } .section.neo__map__2 .section__inner { position: relative; padding: 115px 0 0 10vw; background: linear-gradient(-90deg, #F2F2F2 0%, #FFFFFF 80%); } .section.neo__map__2 .section__inner .campus__container { position: absolute; top: 0; left: 0; } .section.neo__map__2 .section__inner .campus__container > svg { height: 100vh; width: 100vw; } .section.neo__map__2 .section__inner .campus__container > svg #hover_4:hover, .section.neo__map__2 .section__inner .campus__container > svg #hover_5:hover, .section.neo__map__2 .section__inner .campus__container > svg #hover_6:hover { pointer-events: auto; } .section.neo__map__2 .section__inner .campus__container > svg #hover_4:active, .section.neo__map__2 .section__inner .campus__container > svg #hover_5:active, .section.neo__map__2 .section__inner .campus__container > svg #hover_6:active { pointer-events: none; } .section.neo__map__2 .section__inner .campus__container > svg tspan { font-size: inherit; font-weight: inherit; } .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_] { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_]:hover, .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_].active { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_]:hover.inactive, .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_].active.inactive { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .campus__container > svg .campus_plus.inactive > g { -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } .section.neo__map__2 .section__inner .campus__container > svg .campus_plus.inactive ._bg { fill: #fff; } .section.neo__map__2 .section__inner .campus__container > svg .ajax-popup-link[id^=hover_], .section.neo__map__2 .section__inner .campus__container > svg .ajax-popup-link-single { cursor: pointer; } .section.neo__map__2 .section__inner .campus__container > svg .ajax-popup-link[id^=hover_].inactive, .section.neo__map__2 .section__inner .campus__container > svg .ajax-popup-link-single.inactive { cursor: auto; pointer-events: none; } .section.neo__map__2 .section__inner .campus__container > svg .ajax-popup-link.mobile__only { cursor: auto; } .section.neo__map__2 .section__inner .campus__container > svg *[id^=hit_] { display: none; } .section.neo__map__2 .section__inner .campus__container > svg .hide { display: none; } .section.neo__map__2 .section__inner .text__container { position: absolute; top: calc(20vh - 20px); left: 7.8vw; } .section.neo__map__2 .section__inner .text__container h2 { color: #262929; max-width: 292px; font-size: 48px; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .text__container h2 { font-size: calc(48px + -20 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner .text__container h2 { font-size: 28px; } } .section.neo__map__2 .section__inner .text__container > div > a, .section.neo__map__2 .section__inner .text__container > div #click_default { position: relative; display: inline-block; margin-top: 8px; padding-right: 28px; font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 14px; color: #8a8c8c; font-weight: 500; line-height: 1.25; font-family: "Inter"; font-size: 14px; -webkit-transition: color 0.35s ease-in-out; -moz-transition: color 0.35s ease-in-out; -ms-transition: color 0.35s ease-in-out; -o-transition: color 0.35s ease-in-out; transition: color 0.35s ease-in-out; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .text__container > div > a, .section.neo__map__2 .section__inner .text__container > div #click_default { font-size: calc(14px + 0 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner .text__container > div > a, .section.neo__map__2 .section__inner .text__container > div #click_default { font-size: 14px; } } .section.neo__map__2 .section__inner .text__container > div > a:hover, .section.neo__map__2 .section__inner .text__container > div #click_default:hover { color: #262929; } .section.neo__map__2 .section__inner .text__container > div > a:hover i, .section.neo__map__2 .section__inner .text__container > div #click_default:hover i { border-color: #262929; } .section.neo__map__2 .section__inner .text__container > div > a:hover i:before, .section.neo__map__2 .section__inner .text__container > div > a:hover i:after, .section.neo__map__2 .section__inner .text__container > div #click_default:hover i:before, .section.neo__map__2 .section__inner .text__container > div #click_default:hover i:after { background-color: #262929; } .section.neo__map__2 .section__inner .text__container > div > a i, .section.neo__map__2 .section__inner .text__container > div #click_default i { display: inline-block; width: 23px; height: 23px; border: 1px solid rgba(138, 140, 140, 0.39); position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: border-color 0.35s ease-in-out; -moz-transition: border-color 0.35s ease-in-out; -ms-transition: border-color 0.35s ease-in-out; -o-transition: border-color 0.35s ease-in-out; transition: border-color 0.35s ease-in-out; } .section.neo__map__2 .section__inner .text__container > div > a i:before, .section.neo__map__2 .section__inner .text__container > div #click_default i:before { content: ""; text-align: center; position: absolute; top: 50%; left: 10px; width: 1px; height: 9px; background-color: #8a8c8c; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; -o-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; } .section.neo__map__2 .section__inner .text__container > div > a i:after, .section.neo__map__2 .section__inner .text__container > div #click_default i:after { content: ""; text-align: center; position: absolute; top: 50%; left: 6px; width: 9px; height: 1px; background-color: #8a8c8c; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; -o-transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; transition: opacity 0.35s ease-out, background-color 0.35s ease-in-out; } .section.neo__map__2 .section__inner .text__container > div > a.active i:before, .section.neo__map__2 .section__inner .text__container > div #click_default.active i:before { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .info__container { position: absolute; top: auto; left: auto; pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .section.neo__map__2 .section__inner .info__container.active { pointer-events: auto; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .section.neo__map__2 .section__inner .info__container .building__stats { margin-top: 20px; width: 380px; max-width: 30vw; } .section.neo__map__2 .section__inner .info__container .building__stats.inactive { -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } .section.neo__map__2 .section__inner .info__container .building__stats > h3 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 40px; color: #262929; font-weight: 500; line-height: 1.25; font-family: "Inter"; font-size: 40px; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__stats > h3 { font-size: calc(40px + -18 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner .info__container .building__stats > h3 { font-size: 22px; } } .section.neo__map__2 .section__inner .info__container .building__stats > p { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__stats > p { font-size: calc(16px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner .info__container .building__stats > p { font-size: 14px; } } .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner { margin-top: 5%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } @media screen and (max-height: 675px) { .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner { display: none; } } .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div { flex: 48%; } .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div:nth-of-type(n + 3) { margin-top: 15px; } .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div > h3 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 35px; color: #262929; font-weight: 400; line-height: 1.5; font-family: "Inter"; font-size: 35px; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div > h3 { font-size: calc(35px + -13 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div > h3 { font-size: 22px; } } .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div > p { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div > p { font-size: calc(16px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner .info__container .building__stats .building__stats__inner > div > p { font-size: 14px; } } .section.neo__map__2 .section__inner .info__container .building__buttons { margin-top: 40px; width: 500px; max-width: 40vw; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__buttons { max-width: 30vw; width: 300px; } } .section.neo__map__2 .section__inner .info__container .building__buttons > a { display: inline-block; margin-left: 8px; } .section.neo__map__2 .section__inner .info__container .building__buttons > a:first-of-type { margin-left: 0; } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__buttons > a:first-of-type { margin-top: 0; } } @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__buttons > a { width: 250px; margin-left: 0; margin-top: 12px; } } .section.neo__map__2 .section__inner .info__container.red .building__stats > p { color: #db4505; } .section.neo__map__2 .section__inner .info__container.red .building__stats__inner > div > p { color: #db4505; } .section.neo__map__2 .section__inner .info__container.red .building__buttons .view__building { background-color: #db4505; border-color: #db4505; } .section.neo__map__2 .section__inner .info__container.green .building__stats > p { color: #4d8c2b; } .section.neo__map__2 .section__inner .info__container.green .building__stats__inner > div > p { color: #4d8c2b; } .section.neo__map__2 .section__inner .info__container.green .building__buttons .view__building { background-color: #4d8c2b; border-color: #4d8c2b; } .section.neo__map__2 .section__inner .info__container.pink .building__stats > p { color: #db3db0; } .section.neo__map__2 .section__inner .info__container.pink .building__stats__inner > div > p { color: #db3db0; } .section.neo__map__2 .section__inner .info__container.pink .building__buttons .view__building { background-color: #db3db0; border-color: #db3db0; } .section.neo__map__2 .section__inner .info__container.orange .building__stats > p { color: #ffa300; } .section.neo__map__2 .section__inner .info__container.orange .building__stats__inner > div > p { color: #ffa300; } .section.neo__map__2 .section__inner .info__container.orange .building__buttons .view__building { background-color: #ffa300; border-color: #ffa300; } .section.neo__map__2 .section__inner .info__container.blue .building__stats > p { color: #006199; } .section.neo__map__2 .section__inner .info__container.blue .building__stats__inner > div > p { color: #006199; } .section.neo__map__2 .section__inner .info__container.blue .building__buttons .view__building { background-color: #006199; border-color: #006199; } .section.neo__map__2 .section__inner .info__container.magenta .building__stats > p { color: #8a1c61; } .section.neo__map__2 .section__inner .info__container.magenta .building__stats__inner > div > p { color: #8a1c61; } .section.neo__map__2 .section__inner .info__container.magenta .building__buttons .view__building { background-color: #8a1c61; border-color: #8a1c61; } .section.neo__map__2 .section__inner .info__container.default .building__stats__inner > div > h3 { color: #db4505; } .section.neo__map__2 .section__inner .info__container.default .building__stats__inner > div > p { color: #db4505; } .section.neo__map__2 .section__inner .info__container.default .building__stats__inner > div:nth-of-type(2) > h3 { color: #006199; } .section.neo__map__2 .section__inner .info__container.default .building__stats__inner > div:nth-of-type(2) > p { color: #006199; } .section.neo__gallery__fullscreen .section__inner { padding: 0; } .section.neo__gallery__fullscreen .section__inner .owl-item figure { background-color: #262929; } .section.neo__timeline .section__inner { padding: 150px 3vw 5vh 10vw; } .section.neo__timeline .section__inner .text__container { margin-top: calc(10vh - 50px); } @media screen and (max-height: 700px) { .section.neo__timeline .section__inner .text__container { margin-top: calc(5vh - 50px); } } .section.neo__timeline .section__inner .text__container h2 { color: white; } .section.neo__timeline .section__inner .text__container p { margin-top: 15px; } .section.neo__timeline .section__inner .text__container p span { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 14px; color: #fcd16e; font-weight: 700; line-height: 1.25; font-family: "Inter"; display: inline-block; position: relative; padding-left: 15px; margin-left: 19px; } .section.neo__timeline .section__inner .text__container p span:first-of-type { margin-left: 0; } .section.neo__timeline .section__inner .text__container p span:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; background-color: #fcd16e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section.neo__timeline .section__inner .text__container p span:nth-of-type(2) { color: #e6bfde; } .section.neo__timeline .section__inner .text__container p span:nth-of-type(2):before { background-color: #e6bfde; } .section.neo__timeline .section__inner .timeline__container__outer { position: relative; } .section.neo__timeline .section__inner .timeline__container { margin-top: 5vh; padding-left: 75px; padding-top: 150px; padding-bottom: 150px; overflow: hidden; } .section.neo__timeline .section__inner .timeline__container .timeline__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone { position: relative; width: 225px; height: 40px; background-color: #3f86b1; flex-basis: 225px; flex-shrink: 0; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container { position: relative; display: block; width: 40px; height: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container:before { content: ""; display: block; position: absolute; top: 50%; left: calc(50% - 1px); width: 40px; height: 40px; background-color: #5b96bb; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .checkmark { display: inline-block; position: absolute; top: 50%; left: 3px; width: 32px; height: 32px; background-color: transparent; border: none; text-align: center; padding: 0; background-image: url("../ui/grfx_checkmark.svg"); -webkit-background-size: 32px; -moz-background-size: 32px; background-size: 32px; -o-background-size: 32px; background-position: center center; background-repeat: no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension.animated__custom { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } @keyframes extensionFadeUp { 0% { -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } @keyframes extensionFadeDown { 0% { -webkit-transform: translate(-50%, -200%); -moz-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); -o-transform: translate(-50%, -200%); transform: translate(-50%, -200%); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension .milestone__pin { position: absolute; top: 0; left: calc(50% - 1px); height: 53px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension .milestone__pin .pin__line { position: relative; width: 1px; height: 100%; background-color: #fcd16e; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension .milestone__pin .pin__line .pin__point { width: 7px; height: 7px; position: absolute; bottom: 0; left: -3px; background-color: #fcd16e; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension .milestone__text { width: 200px; max-width: 200px; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension .milestone__text .milestone__time { text-align: center; font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #fcd16e; font-weight: 700; line-height: 1.25; font-family: "Inter"; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone .checkmark__container .milestone__extension .milestone__text .milestone__description { margin-top: 10px; text-align: center; font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 14px; color: white; font-weight: 400; line-height: 1.43; font-family: "Inter"; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__1 .checkmark__container .checkmark { background-image: url("../ui/grfx_checkmark.svg"); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__1 .checkmark__container .milestone__extension .milestone__pin .pin__line { background-color: #fcd16e; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__1 .checkmark__container .milestone__extension .milestone__pin .pin__line .pin__point { background-color: #fcd16e; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__1 .checkmark__container .milestone__extension .milestone__text .milestone__time { color: #fcd16e; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__2 .checkmark__container .checkmark { background-image: url("../ui/grfx_checkmark_pink.svg"); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__2 .checkmark__container .milestone__extension .milestone__pin .pin__line { background-color: #e6bfde; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__2 .checkmark__container .milestone__extension .milestone__pin .pin__line .pin__point { background-color: #e6bfde; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone.phase__2 .checkmark__container .milestone__extension .milestone__text .milestone__time { color: #e6bfde; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:first-of-type { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:first-of-type .checkmark__container { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:last-of-type { -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(odd) .checkmark__container .milestone__extension { top: -53px; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(odd) .checkmark__container .milestone__extension.activated { -webkit-animation-name: extensionFadeDown; animation-name: extensionFadeDown; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(odd) .checkmark__container .milestone__extension .milestone__pin { top: auto; bottom: calc(-53px - 5px); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(odd) .checkmark__container .milestone__extension .milestone__pin .pin__line .pin__point { bottom: auto; top: 0; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(even) .checkmark__container .milestone__extension { top: calc(100% - 5px); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(even) .checkmark__container .milestone__extension.activated { -webkit-animation-name: extensionFadeUp; animation-name: extensionFadeUp; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(even) .checkmark__container .milestone__extension .milestone__pin { top: 0; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(even) .checkmark__container .milestone__extension .milestone__text { margin-top: calc(53px + 20px); } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(2n + 2) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(2n + 2) .checkmark__container:before { background-color: #7cabc9; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(2n + 2) .milestone__extension.animated__custom { animation-delay: 2s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(3n + 3) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(3n + 3) .checkmark__container:before { background-color: #7cabc9; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(3n + 3) .milestone__extension.animated__custom { animation-delay: 3s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(4n + 4) { background-color: #2c79a8; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(4n + 4) .checkmark__container:before { background-color: #71a4c4; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(4n + 4) .milestone__extension.animated__custom { animation-delay: 4s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(5n + 5) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(5n + 5) .checkmark__container:before { background-color: #659abe; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(5n + 5) .milestone__extension.animated__custom { animation-delay: 5s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(6n + 6) { background-color: #2c79a8; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(6n + 6) .checkmark__container:before { background-color: #71a4c4; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(6n + 6) .milestone__extension.animated__custom { animation-delay: 6s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(7n + 7) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(7n + 7) .checkmark__container:before { background-color: #7cabc9; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(7n + 7) .milestone__extension.animated__custom { animation-delay: 7s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(8n + 8) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(8n + 8) .checkmark__container:before { background-color: #7cabc9; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(8n + 8) .milestone__extension.animated__custom { animation-delay: 8s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(9n + 9) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(9n + 9) .checkmark__container:before { background-color: #5b96bb; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(9n + 9) .milestone__extension.animated__custom { animation-delay: 9s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(10n + 10) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(10n + 10) .checkmark__container:before { background-color: #7cabc9; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(10n + 10) .milestone__extension.animated__custom { animation-delay: 10s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(11n + 11) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(11n + 11) .checkmark__container:before { background-color: #7cabc9; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(11n + 11) .milestone__extension.animated__custom { animation-delay: 11s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(12n + 12) { background-color: #2c79a8; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(12n + 12) .checkmark__container:before { background-color: #71a4c4; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(12n + 12) .milestone__extension.animated__custom { animation-delay: 12s; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(13n + 13) { background-color: #3f86b1; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(13n + 13) .checkmark__container:before { background-color: #659abe; } .section.neo__timeline .section__inner .timeline__container .timeline__inner .milestone:nth-of-type(13n + 13) .milestone__extension.animated__custom { animation-delay: 13s; } .section.neo__timeline .section__inner .timeline__scroll__container { position: absolute; left: 0; top: 50%; width: 100%; height: 41px; background-color: transparent; padding-left: 10vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section.neo__timeline .section__inner .timeline__scroll__container .timeline__scroll__left__container { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section.neo__timeline .section__inner .timeline__scroll__container .timeline__scroll__left__container .timeline__scroll__left { display: none; border: none; outline: none; width: 41px; height: 41px; margin: 0; padding: 0; text-align: center; background-color: transparent; cursor: pointer; background-image: url("../ui/grfx_arrow_left_blue.svg"); -webkit-background-size: 41px; -moz-background-size: 41px; background-size: 41px; -o-background-size: 41px; background-position: center center; background-repeat: no-repeat; } .section.neo__timeline .section__inner .timeline__scroll__container .timeline__scroll__right__container { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section.neo__timeline .section__inner .timeline__scroll__container .timeline__scroll__right__container .timeline__scroll__right { border: none; outline: none; width: 41px; height: 41px; margin: 0; padding: 0; text-align: center; background-color: transparent; cursor: pointer; background-image: url("../ui/grfx_arrow_right_blue.svg"); -webkit-background-size: 41px; -moz-background-size: 41px; background-size: 41px; -o-background-size: 41px; background-position: center center; background-repeat: no-repeat; } .section.neo__contact .section__inner { position: relative; min-height: 90vh; padding: 150px 3vw 5vh 10vw; } .section.neo__contact .neo__contact__inner { max-width: 1200px; position: absolute; top: calc(50% + 75px - 2.5vh); left: 10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; -webkit-align-items: flex-start; } .section.neo__contact .neo__contact__inner .contact__logo { margin-right: 8vw; max-width: 232px; } .section.neo__contact .neo__contact__inner .contacts__grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section.neo__contact .neo__contact__inner .contacts__grid > div { width: 50%; } .section.neo__contact .neo__contact__inner .contacts__grid > div:nth-of-type(n + 3) { margin-top: 50px; } .section.neo__contact .neo__contact__inner .contacts__grid > div > h5 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 22px; color: #262929; font-weight: 700; line-height: 1.1; font-family: "Inter"; font-size: 22px; } @media screen and (max-width: 1280px) { .section.neo__contact .neo__contact__inner .contacts__grid > div > h5 { font-size: calc(22px + -6 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__contact .neo__contact__inner .contacts__grid > div > h5 { font-size: 16px; } } .section.neo__contact .neo__contact__inner .contacts__grid > div > h6, .section.neo__contact .neo__contact__inner .contacts__grid > div > a { display: block; margin-top: 5px; font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #262929; font-weight: 400; line-height: 1.1; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { .section.neo__contact .neo__contact__inner .contacts__grid > div > h6, .section.neo__contact .neo__contact__inner .contacts__grid > div > a { font-size: calc(16px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .section.neo__contact .neo__contact__inner .contacts__grid > div > h6, .section.neo__contact .neo__contact__inner .contacts__grid > div > a { font-size: 14px; } } .section.neo__contact .neo__contact__inner .contacts__grid > div > a { -webkit-transition: opacity 0.35s ease-out; -moz-transition: opacity 0.35s ease-out; -ms-transition: opacity 0.35s ease-out; -o-transition: opacity 0.35s ease-out; transition: opacity 0.35s ease-out; } .section.neo__contact .neo__contact__inner .contacts__grid > div > a:hover { text-decoration: underline; -webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } .neo__floorplans__gallery { height: 100%; padding: 50px 7vw 50px 10vw; position: relative; } .neo__floorplans__gallery > div { height: 100%; } .neo__floorplans__gallery > div .back__button { position: absolute; top: 50px; left: calc(10vw - 3px); z-index: 2; } .neo__floorplans__gallery > div .back__button > span { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } @media screen and (max-width: 1040px) { .neo__floorplans__gallery > div .back__button > span { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } .neo__floorplans__gallery > div .neo__tabs { width: 100%; } .neo__floorplans__gallery > div .neo__tabs > input[type=radio]:checked + label + div.floor__tab, .neo__floorplans__gallery > div .neo__tabs > input[type=radio]:only-of-type + label + div.floor__tab { display: flex; } .neo__floorplans__gallery > div .neo__tabs > a { margin-left: 30px; order: 2; } .neo__floorplans__gallery > div .neo__tabs label:nth-of-type(n + 4) { display: none; } .neo__floorplans__gallery > div .neo__tabs .floor__tab { display: none; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container { width: 30%; position: relative; padding-top: 40px; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div { width: 100%; position: absolute; top: 50%; left: 50%; padding-right: 5%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-height: 800px) and (min-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div { position: relative; } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title h3 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 48px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 48px; } @media screen and (max-width: 1280px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title h3 { font-size: calc(48px + -16 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title h3 { font-size: 32px; } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title p { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #006199; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title p { font-size: calc(16px + -2 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title p { font-size: 14px; } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile { display: none; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key { margin-top: 25px; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key > .floor__key__title { display: block; font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 35px; color: #262929; font-weight: 400; line-height: 1.14; font-family: "Inter"; font-size: 35px; } @media screen and (max-width: 1280px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key > .floor__key__title { font-size: calc(35px + -7 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key > .floor__key__title { font-size: 28px; } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul { margin-top: 20px; max-width: 200px; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; position: relative; padding: 12px 3px 12px 0; border-top: 1.5px solid #262929; cursor: pointer; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li:last-of-type { border-bottom: 1.5px solid #262929; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__number { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #262929; font-weight: 500; line-height: 1.25; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__number { font-size: calc(16px + -1 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__number { font-size: 15px; } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__info { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1280px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__info { font-size: calc(16px + -1 * (100vw - 1280px) / -320); } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__info { font-size: 15px; } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__arrow svg { vertical-align: middle; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__arrow svg g, .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key ul li .floor__arrow svg path { -webkit-transition: fill 0.35s ease-in-out; -moz-transition: fill 0.35s ease-in-out; -ms-transition: fill 0.35s ease-in-out; -o-transition: fill 0.35s ease-in-out; transition: fill 0.35s ease-in-out; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__indicator { margin-top: 15%; max-width: 169px; border: 1px solid #262929; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } @media screen and (max-height: 640px) and (min-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__indicator { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__image__container { width: 70%; padding-top: 10px; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__image__container figure { height: calc(100vh - 150px); background-size: contain; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__title p { color: #006199; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g { fill: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g > path { stroke: #006199; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g { fill: #006199; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g > path, .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.blue .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g > path { stroke: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__title p { color: #8a1c61; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g { fill: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g > path { stroke: #8a1c61; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g { fill: #8a1c61; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g > path, .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.magenta .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g > path { stroke: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__title p { color: #ffa300; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g { fill: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g > path { stroke: #ffa300; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g { fill: #ffa300; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g > path, .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.orange .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g > path { stroke: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__title p { color: #4d8c2b; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g { fill: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g > path { stroke: #4d8c2b; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g { fill: #4d8c2b; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g > path, .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.green .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g > path { stroke: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__title p { color: #db4505; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g { fill: white; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li .floor__arrow svg > g > g > path { stroke: #db4505; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g { fill: #db4505; } .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li:hover .floor__arrow svg > g > g > path, .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g, .neo__floorplans__gallery > div .neo__tabs .floor__tab.red .floor__info__container > div .floor__key ul li.active .floor__arrow svg > g > g > path { stroke: white; } .neo__floorplans__gallery .mfp-close { position: absolute; top: 50px; right: 50px; width: 24px; height: 24px; background-color: white; border: none; text-align: center; padding: 0; cursor: pointer; background-image: url("../ui/x_icon_black.svg"); -webkit-background-size: 24px; -moz-background-size: 24px; background-size: 24px; -o-background-size: 24px; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .neo__floorplans__gallery .mfp-close:focus { outline: none; } .neo__floorplans__gallery .mfp-close img { display: none; } .neo__floorplan__single > div .back__button { position: absolute; top: 50px; left: calc(10vw - 3px); z-index: 2; } .neo__floorplan__single > div .back__button > span { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } @media screen and (max-width: 1040px) { .neo__floorplan__single > div .back__button > span { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } } .neo__floorplan__single > div .single__container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .neo__floorplan__single > div .single__container > div { min-height: 100vh; } .neo__floorplan__single > div .single__container .left { width: 45%; padding-left: 10vw; padding-right: 5vw; } .neo__floorplan__single > div .single__container .left .floor__title { margin-top: calc(10vh + 100px); } .neo__floorplan__single > div .single__container .left .floor__title h3 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 48px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 48px; } @media screen and (max-width: 1480px) { .neo__floorplan__single > div .single__container .left .floor__title h3 { font-size: calc(48px + -18 * (100vw - 1480px) / -520); } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__title h3 { font-size: 30px; } } .neo__floorplan__single > div .single__container .left .floor__title p { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 16px; color: #4d8c2b; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 16px; } @media screen and (max-width: 1480px) { .neo__floorplan__single > div .single__container .left .floor__title p { font-size: calc(16px + -2 * (100vw - 1480px) / -520); } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__title p { font-size: 14px; } } .neo__floorplan__single > div .single__container .left .floor__description { margin-top: 25px; } .neo__floorplan__single > div .single__container .left .floor__description p { font-size: 16px; } @media screen and (max-width: 1480px) { .neo__floorplan__single > div .single__container .left .floor__description p { font-size: calc(16px + -2 * (100vw - 1480px) / -520); } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__description p { font-size: 14px; } } .neo__floorplan__single > div .single__container .left .floor__indicator { margin-top: 15%; max-width: 169px; border: 1px solid #262929; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } @media screen and (max-height: 640px) and (min-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__indicator { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } .neo__floorplan__single > div .single__container .right { width: 55%; } .neo__floorplan__single > div .single__container .right figure { background-position: right center; height: 100vh; } .shape__container { display: block; position: absolute; background-color: transparent; -webkit-transition: width 0.35s ease-in-out, height 0.35s ease-in-out, top 0.35s ease-in-out, opacity 0.35s ease-in-out; -moz-transition: width 0.35s ease-in-out, height 0.35s ease-in-out, top 0.35s ease-in-out, opacity 0.35s ease-in-out; -ms-transition: width 0.35s ease-in-out, height 0.35s ease-in-out, top 0.35s ease-in-out, opacity 0.35s ease-in-out; -o-transition: width 0.35s ease-in-out, height 0.35s ease-in-out, top 0.35s ease-in-out, opacity 0.35s ease-in-out; transition: width 0.35s ease-in-out, height 0.35s ease-in-out, top 0.35s ease-in-out, opacity 0.35s ease-in-out; } .shape__container .shape { width: 100%; height: 100%; } .shape__container.pink__border .shape { border: 1px solid #e6bfde; } .shape__container.yellow__border .shape { border: 1px solid #fcd16e; } .shape__container.grey .shape { background-color: rgba(255, 255, 255, 0.2); } .shape__container.offwhite .shape { background-color: #F8F8F8; } .shape__container.top__right { top: 0; right: -5%; width: 50%; height: 52%; z-index: -1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .shape__container.top__right .shape { border: none; -webkit-border-radius: 230px 230px 0 230px; -moz-border-radius: 230px 230px 0 230px; -ms-border-radius: 230px 230px 0 230px; -o-border-radius: 230px 230px 0 230px; border-radius: 230px 230px 0 230px; } .shape__container.right__middle { top: 50%; right: 0; width: 26.7%; height: 47%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .shape__container.right__middle .shape { border-right: none; -webkit-border-radius: 230px 0 0 230px; -moz-border-radius: 230px 0 0 230px; -ms-border-radius: 230px 0 0 230px; -o-border-radius: 230px 0 0 230px; border-radius: 230px 0 0 230px; } .shape__container.left__bottom { bottom: 0; left: 0; width: 64%; height: 16.4%; border: none; } .shape__container.left__bottom .shape { border: none; -webkit-border-radius: 0 230px 0 0; -moz-border-radius: 0 230px 0 0; -ms-border-radius: 0 230px 0 0; -o-border-radius: 0 230px 0 0; border-radius: 0 230px 0 0; } @keyframes scrollUpDownWithFade { 0% { transform: translateY(0); opacity: 0; } 50% { transform: translateY(15px); opacity: 1; } 100% { transform: translateY(0); opacity: 0; } } .scroll__indicator { position: absolute; z-index: 1; bottom: 0; left: 50%; cursor: pointer; height: 67px; width: 63px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-animation: fadeIn 3.2s ease-out both; -moz-animation: fadeIn 3.2s ease-out both; -ms-animation: fadeIn 3.2s ease-out both; -o-animation: fadeIn 3.2s ease-out both; animation: fadeIn 3.2s ease-out both; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } .scroll__indicator > span { display: block; width: 100%; height: 100%; -webkit-animation: scrollUpDownWithFade 3.6s ease-in-out infinite; -moz-animation: scrollUpDownWithFade 3.6s ease-in-out infinite; -ms-animation: scrollUpDownWithFade 3.6s ease-in-out infinite; -o-animation: scrollUpDownWithFade 3.6s ease-in-out infinite; animation: scrollUpDownWithFade 3.6s ease-in-out infinite; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } .scroll__indicator > span text, .scroll__indicator > span tspan { font-family: "Inter"; font-size: 22px; font-weight: 600; } .owl-carousel .owl-stage-outer .owl-stage figcaption { color: white; right: auto; bottom: 18px; left: 8vw; } .owl-carousel .owl-nav { margin-top: 0; width: 100%; height: 67px; position: absolute; top: 50%; left: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .owl-carousel .owl-nav > button > div { width: 40px; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .owl-carousel .owl-nav > button > div > img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .owl-carousel .owl-nav > button.owl-prev { margin: 0; position: absolute; bottom: auto; left: 4.3vw; -webkit-transition: transform 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } .owl-carousel .owl-nav > button.owl-prev:hover { background-color: transparent; -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } .owl-carousel .owl-nav > button.owl-prev:focus { outline: none; } .owl-carousel .owl-nav > button.owl-prev.disabled:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .owl-carousel .owl-nav > button.owl-next { margin: 0; position: absolute; bottom: auto; right: 4.3vw; -webkit-transition: transform 0.35s ease-in-out; -moz-transition: transform 0.35s ease-in-out; -ms-transition: transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } .owl-carousel .owl-nav > button.owl-next:hover { background-color: transparent; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .owl-carousel .owl-nav > button.owl-next:focus { outline: none; } .owl-carousel .owl-nav > button.owl-next.disabled:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .owl-carousel .owl-nav > button img { width: 100%; height: auto; } .owl-carousel .owl-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .owl-carousel .owl-dots button:focus, .owl-carousel .owl-dots .owl-dot:focus { outline: none; } .owl-carousel .owl-dots button span, .owl-carousel .owl-dots .owl-dot span { width: 5px; height: 5px; background: #8a8c8c; margin: 0 12px 0 0; border: solid #8a8c8c 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .owl-carousel .owl-dots button.active span, .owl-carousel .owl-dots .owl-dot.active span { background: white; width: 11px; height: 11px; } .owl-carousel .owl-dots button:hover span, .owl-carousel .owl-dots .owl-dot:hover span { background: transparent; } .owl-carousel .owl-dots button:last-child span, .owl-carousel .owl-dots .owl-dot:last-child span { margin-right: 0; } .owl-carousel.owl-carousel-full .owl-stage-outer .owl-stage > .owl-item img { max-height: 90vh; } .owl-carousel.owl-carousel-full .owl-stage-outer .owl-stage > .owl-item > figure:before { content: none; display: none; } .owl-carousel.owl-carousel-full .owl-stage-outer .owl-stage > .owl-item > figure span { background-color: #262929; -webkit-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .owl-carousel.owl-carousel-full .owl-stage-outer .owl-stage > .owl-item.active.center > figure span { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .owl-carousel.owl-carousel-full .owl-stage-outer .owl-stage > .owl-item.active.center > figure figcaption { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .owl-carousel.owl-carousel-full .owl-nav { height: 77px; } .owl-carousel.owl-carousel-fullscreen .owl-stage-outer .owl-stage > .owl-item img { min-height: 100vh; max-height: 100vh; } .owl-carousel.owl-carousel-fullscreen .owl-stage-outer .owl-stage > .owl-item > figure:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.22); } .owl-carousel.owl-carousel-fullscreen .owl-nav { margin-top: 0; width: 100px; height: 50px; position: absolute; top: auto; bottom: 20px; left: 50%; right: auto; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .owl-carousel.owl-carousel-fullscreen .owl-nav > button.owl-prev { margin: 0; position: absolute; bottom: auto; left: 0; } .owl-carousel.owl-carousel-fullscreen .owl-nav > button.owl-prev:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .owl-carousel.owl-carousel-fullscreen .owl-nav > button.owl-next { margin: 0; position: absolute; bottom: auto; right: 0; } .owl-carousel.owl-carousel-fullscreen .owl-nav > button.owl-next:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .neolightboxlink { cursor: pointer; } .neolightboxlink > span { background-color: #262929; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .neolightboxlink:hover > span { -webkit-opacity: 0.15; -moz-opacity: 0.15; -ms-opacity: 0.15; -o-opacity: 0.15; opacity: 0.15; filter: alpha(opacity=15); } .mfp-wrap .mfp-container { background-color: #262929; } .mfp-wrap .mfp-container.mfp-ajax-holder { background-color: white; padding: 0; } .mfp-wrap .mfp-container.mfp-ajax-holder > .mfp-content { width: 100%; height: 100%; padding: 0; } .mfp-wrap .mfp-container.mfp-ajax-holder > .mfp-content .mfp-close { position: fixed; top: 30px; right: 3vw; width: 32px; height: 32px; background-color: transparent; border: none; text-align: center; padding: 0; cursor: pointer; background-image: url("../ui/pathway_grfx_close_black.svg"); -webkit-background-size: 24px; -moz-background-size: 24px; background-size: 24px; -o-background-size: 24px; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mfp-wrap .mfp-container.mfp-ajax-holder > .mfp-content .mfp-close:hover { -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } .mfp-wrap .mfp-container.mfp-ajax-holder > .mfp-content .mfp-close:focus { outline: none; } .mfp-wrap .mfp-container.mfp-ajax-holder > .mfp-content .mfp-close img { display: none; } .mfp-wrap .mfp-image-holder .mfp-content, .mfp-wrap .mfp-iframe-holder .mfp-content { max-width: 80%; } .mfp-wrap .mfp-image-holder .mfp-content figure, .mfp-wrap .mfp-iframe-holder .mfp-content figure { background-color: #262929; } .mfp-wrap .mfp-image-holder .mfp-content figure > figcaption, .mfp-wrap .mfp-iframe-holder .mfp-content figure > figcaption { position: relative; bottom: auto; right: auto; } .mfp-wrap .mfp-image-holder .mfp-content figure > figcaption .mfp-bottom-bar, .mfp-wrap .mfp-iframe-holder .mfp-content figure > figcaption .mfp-bottom-bar { margin-top: -30px; } .mfp-wrap .mfp-image-holder .mfp-content .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close { position: fixed; top: 30px; right: 3vw; width: 32px; height: 32px; background-color: transparent; border: none; text-align: center; padding: 0; cursor: pointer; background-image: url("../ui/pathway_grfx_close_white.svg"); -webkit-background-size: 24px; -moz-background-size: 24px; background-size: 24px; -o-background-size: 24px; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mfp-wrap .mfp-image-holder .mfp-content .mfp-close:hover, .mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close:hover { -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } .mfp-wrap .mfp-image-holder .mfp-content .mfp-close:focus, .mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close:focus { outline: none; } .mfp-wrap .mfp-image-holder .mfp-content .mfp-close img, .mfp-wrap .mfp-iframe-holder .mfp-content .mfp-close img { display: none; } .mfp-wrap .mfp-image-holder .mfp-arrow, .mfp-wrap .mfp-iframe-holder .mfp-arrow { -webkit-transition: opacity 0.35s ease-out; -moz-transition: opacity 0.35s ease-out; -ms-transition: opacity 0.35s ease-out; -o-transition: opacity 0.35s ease-out; transition: opacity 0.35s ease-out; } .mfp-wrap .mfp-image-holder .mfp-arrow:before, .mfp-wrap .mfp-iframe-holder .mfp-arrow:before { display: none; content: none; } .mfp-wrap .mfp-image-holder .mfp-arrow.mfp-arrow-left:after, .mfp-wrap .mfp-iframe-holder .mfp-arrow.mfp-arrow-left:after { background-image: url("../ui/arrow_left_white.svg"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -o-background-size: contain; background-position: center center; background-repeat: no-repeat; width: 32px; height: 32px; border: none; margin-left: 0; left: 3vw; } .mfp-wrap .mfp-image-holder .mfp-arrow.mfp-arrow-right:after, .mfp-wrap .mfp-iframe-holder .mfp-arrow.mfp-arrow-right:after { background-image: url("../ui/arrow_right_white.svg"); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -o-background-size: contain; background-position: center center; background-repeat: no-repeat; width: 32px; height: 32px; border: none; margin-left: 0; left: auto; right: 3vw; } .mfp-wrap .mfp-iframe-holder { padding: 0; } .mfp-wrap .mfp-iframe-holder .mfp-content { max-width: 80%; max-height: 100%; } .mfp-wrap .mfp-counter { display: none; } #privacy header .header__inner .right, #privacy header .header__inner .neo__menu, #template-privacy header .header__inner .right, #template-privacy header .header__inner .neo__menu { display: none !important; } .main__container.privacy, .main__container.terms, .neo__privacy .main__container, .terms-of-use .main__container, .privacy-policy .main__container, #template-privacy .main__container { width: 100%; max-width: 1280px; white-space: normal; padding: 175px 10vw 100px; } .main__container.privacy h1, .main__container.terms h1, .neo__privacy .main__container h1, .terms-of-use .main__container h1, .privacy-policy .main__container h1, #template-privacy .main__container h1 { color: #262929; } .main__container.privacy h1 + h2, .main__container.terms h1 + h2, .neo__privacy .main__container h1 + h2, .terms-of-use .main__container h1 + h2, .privacy-policy .main__container h1 + h2, #template-privacy .main__container h1 + h2 { margin-top: 15px; } .main__container.privacy h2, .main__container.terms h2, .neo__privacy .main__container h2, .terms-of-use .main__container h2, .privacy-policy .main__container h2, #template-privacy .main__container h2 { margin-bottom: 20px; } .main__container.privacy p, .main__container.terms p, .neo__privacy .main__container p, .terms-of-use .main__container p, .privacy-policy .main__container p, #template-privacy .main__container p { margin: 20px 0; max-width: 970px; font-size: 18px; } @media screen and (max-width: 1480px) { .main__container.privacy p, .main__container.terms p, .neo__privacy .main__container p, .terms-of-use .main__container p, .privacy-policy .main__container p, #template-privacy .main__container p { font-size: calc(18px + -2 * (100vw - 1480px) / -520); } } @media screen and (max-width: 960px) { .main__container.privacy p, .main__container.terms p, .neo__privacy .main__container p, .terms-of-use .main__container p, .privacy-policy .main__container p, #template-privacy .main__container p { font-size: 16px; } } .main__container.privacy p:last-child, .main__container.terms p:last-child, .neo__privacy .main__container p:last-child, .terms-of-use .main__container p:last-child, .privacy-policy .main__container p:last-child, #template-privacy .main__container p:last-child { margin-bottom: 20px; } .main__container.privacy p a, .main__container.terms p a, .neo__privacy .main__container p a, .terms-of-use .main__container p a, .privacy-policy .main__container p a, #template-privacy .main__container p a { font-size: 18px; } @media screen and (max-width: 1480px) { .main__container.privacy p a, .main__container.terms p a, .neo__privacy .main__container p a, .terms-of-use .main__container p a, .privacy-policy .main__container p a, #template-privacy .main__container p a { font-size: calc(18px + -2 * (100vw - 1480px) / -520); } } @media screen and (max-width: 960px) { .main__container.privacy p a, .main__container.terms p a, .neo__privacy .main__container p a, .terms-of-use .main__container p a, .privacy-policy .main__container p a, #template-privacy .main__container p a { font-size: 16px; } } .main__container.privacy ul, .main__container.terms ul, .neo__privacy .main__container ul, .terms-of-use .main__container ul, .privacy-policy .main__container ul, #template-privacy .main__container ul { padding-left: 20px; margin: 20px 0; max-width: 970px; list-style: circle; list-style-type: circle; } .main__container.privacy ul li > ul, .main__container.terms ul li > ul, .neo__privacy .main__container ul li > ul, .terms-of-use .main__container ul li > ul, .privacy-policy .main__container ul li > ul, #template-privacy .main__container ul li > ul { padding-left: 20px; margin-top: 0; } .main__container.privacy p, .main__container.privacy li, .main__container.privacy a, .main__container.terms p, .main__container.terms li, .main__container.terms a, .neo__privacy .main__container p, .neo__privacy .main__container li, .neo__privacy .main__container a, .terms-of-use .main__container p, .terms-of-use .main__container li, .terms-of-use .main__container a, .privacy-policy .main__container p, .privacy-policy .main__container li, .privacy-policy .main__container a, #template-privacy .main__container p, #template-privacy .main__container li, #template-privacy .main__container a { color: #262929; } .main__container.privacy a:hover, .main__container.terms a:hover, .neo__privacy .main__container a:hover, .terms-of-use .main__container a:hover, .privacy-policy .main__container a:hover, #template-privacy .main__container a:hover { text-decoration: underline; } .error404 main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding-top: 150px; text-align: center; } .error404 main h1, .error404 main p { color: #262929; } #neocredit-mobile { margin-top: 7px; } /* *********************************************************** ## LOAD *********************************************************** */ /* *********************************************************** ## LOAD SASS LIBRARIES *********************************************************** */ .neo__tabs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; -webkit-justify-content: flex-end; clear: both; } .neo__tabs label { -ms-flex-order: 1; order: 1; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; } .neo__tabs div { -ms-flex-order: 99; order: 99; -webkit-box-ordinal-group: 100; -moz-box-ordinal-group: 100; -webkit-box-flex: 100; -ms-flex-positive: 100; flex-grow: 100; } .neo__tabs label { position: relative; background: none; display: block; font-family: "Inter"; font-size: 17px; font-weight: 500; line-height: 36px; letter-spacing: 0.2px; background-color: transparent; color: #262929; cursor: pointer; padding: 0 20px; margin: 0 30px 0 0; user-select: none; border: 2px solid #006199; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; } .neo__tabs label.blue { border-color: #006199; } .neo__tabs label.magenta { border-color: #8a1c61; } .neo__tabs label.orange { border-color: #ffa300; } .neo__tabs label.red { border-color: #db4505; } .neo__tabs label:hover { color: white; } .neo__tabs label:hover.blue { background-color: #006199; } .neo__tabs label:hover.magenta { background-color: #8a1c61; } .neo__tabs label:hover.orange { background-color: #ffa300; } .neo__tabs label:hover.red { background-color: #db4505; } .neo__tabs label:last-of-type { margin-right: 0; } .neo__tabs input[type=radio] { display: none; } .neo__tabs input[type=radio]:checked + label, .neo__tabs input[type=radio]:only-of-type + label { color: white; } .neo__tabs input[type=radio]:checked + label.blue, .neo__tabs input[type=radio]:only-of-type + label.blue { background-color: #006199; } .neo__tabs input[type=radio]:checked + label.magenta, .neo__tabs input[type=radio]:only-of-type + label.magenta { background-color: #8a1c61; } .neo__tabs input[type=radio]:checked + label.orange, .neo__tabs input[type=radio]:only-of-type + label.orange { background-color: #ffa300; } .neo__tabs input[type=radio]:checked + label.red, .neo__tabs input[type=radio]:only-of-type + label.red { background-color: #db4505; } .neo__tabs input[type=radio]:checked + label + div { display: block; } .neo__tabs > div { width: 100%; padding: 0; display: none; } /* *********************************************************** ## GRID *********************************************************** */ .neo__grid > div { width: 80%; margin: 0 auto; background: white; padding: calc(1vw + 10px) 0 calc(2vw + 10px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; } .neo__grid > div:before, .neo__grid > div:after { clear: both; content: ""; display: block; height: 0; } .neo__grid > div article, .neo__grid > div aside { flex: 1; } .neo__grid > div article { width: 65%; min-width: 65%; max-height: 1020px; position: relative; } .neo__grid > div article figure { background-size: cover; background-position: center center; background-position: center center; background-color: white; background-repeat: no-repeat; width: 100%; display: block; height: auto; position: relative; height: 100%; } .neo__grid > div article figure:before, .neo__grid > div article figure:after { clear: both; content: ""; display: block; height: 0; } .neo__grid > div article figure span { width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ""; } .neo__grid > div article figure img { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; display: block; width: 100%; height: auto; max-width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; animation-duration: 3s; } .neo__grid > div aside { position: relative; width: 35%; min-width: 35%; } .neo__grid > div aside div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 90%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .neo__grid > div aside div:before, .neo__grid > div aside div:after { clear: both; content: ""; display: block; height: 0; } /* ******************************************************** */ /* *********************************************************** ## LARGE SCREENS *********************************************************** */ @media screen and (max-width: 1280px) { .section.neo__map__2 .section__inner .info__container .building__buttons { max-width: 30vw; width: 300px; } .section.neo__map__2 .section__inner .info__container .building__buttons > a { width: 250px; margin-left: 0; margin-top: 12px; } .section.neo__map__2 .section__inner .info__container .building__buttons > a:first-of-type { margin-top: 0; } .section.neo__map__2 .section__inner .info__container .building__buttons > a:only-of-type { width: auto; } } @media screen and (max-width: 1080px) { header { z-index: 101; } header .header__inner > div { z-index: 1; } header .header__inner > div > a { display: block; background-color: white; padding: 13px 28px 13px 30px; } header .header__inner > div > a > img, header .header__inner > div > a > svg { height: 100%; display: block; width: 164px; max-width: 164px; max-height: 46px; } header .header__inner > div.right { display: none; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } header.scrolled { height: 80px; background-color: white; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1); } header.scrolled .neo__menu { top: 10px; } header.scrolled.active { height: 150px; } header.scrolled.active .neo__menu { top: 43px; } header.active .header__inner > div > a { padding: 13px 28px 13px 30px; } header.active .header__inner > div > a #header__logo { display: block; } .fp-viewing-overview-1 header.active .header__inner > div > a #header__logo { display: block; } header.active .header__inner > div > a #header__logomark { display: none; } .fp-viewing-overview-1 header.active .header__inner > div > a #header__logomark { display: none; } header.active .header__inner > div.right { position: fixed; top: 50vh; right: auto; left: 0; width: 100%; display: block; height: auto; padding-left: 10vw; padding-right: 10vw; margin-top: 0; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } header.active .header__inner > div.right .navigation__pills { display: block; } header.active .header__inner > div.right .navigation__pills > ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } header.active .header__inner > div.right .navigation__pills > ul > li { padding: 0; margin-top: 12px; } header.active .header__inner > div.right .navigation__pills > ul > li:first-of-type { margin-top: 0; } header.active .header__inner > div.right .navigation__pills > ul > li:last-of-type > a { padding-left: 19px; padding-right: 19px; border-right: 2px solid #db4505; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } header.active .header__inner > div.right .navigation__pills > ul > li > a { width: 150px; background-color: transparent; } header.active .header__inner > div.right .navigation__pills > ul > li > a > span { color: #262929; max-width: 100%; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } [class*=fp-viewing-overview] header.active .header__inner > div.right .navigation__pills > ul > li.overview > a { background-color: #ffa300; } [class*=fp-viewing-overview] header.active .header__inner > div.right .navigation__pills > ul > li.overview > a > span { color: #262929; } [class*=fp-viewing-triangle] header.active .header__inner > div.right .navigation__pills > ul > li.triangle > a { color: white; background-color: #db3db0; } [class*=fp-viewing-triangle] header.active .header__inner > div.right .navigation__pills > ul > li.triangle > a > span { color: #262929; } [class*=fp-viewing-campus] header.active .header__inner > div.right .navigation__pills > ul > li.campus > a { color: white; background-color: #78bf21; } [class*=fp-viewing-campus] header.active .header__inner > div.right .navigation__pills > ul > li.campus > a > span { color: #262929; } [class*=fp-viewing-timeline] header.active .header__inner > div.right .navigation__pills > ul > li.timeline > a { color: white; background-color: #fcd16e; } [class*=fp-viewing-timeline] header.active .header__inner > div.right .navigation__pills > ul > li.timeline > a > span { color: #262929; } [class*=fp-viewing-gallery] header.active .header__inner > div.right .navigation__pills > ul > li.gallery > a { color: white; background-color: #009cde; } [class*=fp-viewing-gallery] header.active .header__inner > div.right .navigation__pills > ul > li.gallery > a > span { color: #262929; } [class*=fp-viewing-leasing] header.active .header__inner > div.right .navigation__pills > ul > li.leasing > a { color: white; background-color: #db4505; } [class*=fp-viewing-leasing] header.active .header__inner > div.right .navigation__pills > ul > li.leasing > a > span { color: #262929; } header.active .menu__overlay { height: 100vh; pointer-events: auto; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .neo__menu { display: block; pointer-events: auto; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .neo__menu > div { pointer-events: auto; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .shape__container.top__right { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .text__container { top: calc(30vh - 20px); } } @media screen and (max-height: 600px) and (max-width: 1480px) { section.neo__timeline .section__inner { padding-top: 80px !important; } } /* ******************************************************** */ /* *********************************************************** ## MEDIUM SCREENS *********************************************************** */ @media screen and (max-width: 960px) { h1, .h1 { font-size: 50px; } } @media screen and (max-width: 960px) and (max-width: 960px) { h1, .h1 { font-size: calc(50px + -15 * (100vw - 960px) / -320); } } @media screen and (max-width: 960px) and (max-width: 640px) { h1, .h1 { font-size: 35px; } } @media screen and (max-width: 960px) { p, li, a { font-size: 18px; } } @media screen and (max-width: 960px) and (max-width: 960px) { p, li, a { font-size: calc(18px + -2 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { p, li, a { font-size: 16px; } } @media screen and (max-width: 960px) { #fp-nav.fp-left, .fp-slidesNav.fp-left { left: 5vw; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } } @media screen and (max-width: 960px) { .section .hero__inner { bottom: 30%; } .section .neo__stats > .neo__stats__inner > div > h2 { font-size: 35px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .section .neo__stats > .neo__stats__inner > div > h2 { font-size: calc(35px + -7 * (100vw - 960px) / -320); } } @media screen and (max-width: 960px) and (max-width: 640px) { .section .neo__stats > .neo__stats__inner > div > h2 { font-size: 28px; } } @media screen and (max-width: 960px) { .section .neo__stats > .neo__stats__inner > div > p { font-size: 16px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .section .neo__stats > .neo__stats__inner > div > p { font-size: calc(16px + -2 * (100vw - 960px) / -320); } } @media screen and (max-width: 960px) and (max-width: 640px) { .section .neo__stats > .neo__stats__inner > div > p { font-size: 14px; } } @media screen and (max-width: 960px) { .section.overview-4 .black__overlay { background-color: rgba(38, 41, 41, 0.8); } } @media screen and (max-width: 960px) { .section.neo__standard .section__inner .text__container { position: relative; z-index: 2; } } @media screen and (max-width: 960px) { .section.neo__map__2 .section__inner { background: #F3F3F3; } .section.neo__map__2 .section__inner .campus__container > svg { -webkit-transform: scale(1.5) translateX(-15%); -moz-transform: scale(1.5) translateX(-15%); -ms-transform: scale(1.5) translateX(-15%); -o-transform: scale(1.5) translateX(-15%); transform: scale(1.5) translateX(-15%); } .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_] { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_]:hover, .section.neo__map__2 .section__inner .campus__container > svg *[id^=hover_].active { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .text__container { top: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .section.neo__map__2 .section__inner .text__container > div > a, .section.neo__map__2 .section__inner .text__container > div #click_default { display: none; } .section.neo__map__2 .section__inner .info__container { pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .info__container.active { pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } @media screen and (max-width: 960px) { .section.neo__gallery__fullscreen .section__inner { background-color: white; } } @media screen and (max-width: 960px) { .section.neo__contact .neo__contact__inner { display: block; } .section.neo__contact .neo__contact__inner .contacts__grid { margin-top: 50px; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery { height: auto; min-height: 100vh; padding: 25px 9vw 25px 9vw; } .neo__floorplans__gallery > div .back__button { top: 25px; left: calc(9vw - 3px); z-index: 3; display: none; } .neo__floorplans__gallery > div .back__button > span { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .neo__floorplans__gallery > div .neo__tabs > input[type=radio]:checked + label + div.floor__tab, .neo__floorplans__gallery > div .neo__tabs > input[type=radio]:only-of-type + label + div.floor__tab { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .neo__floorplans__gallery > div .neo__tabs label { display: none; } .neo__floorplans__gallery > div .neo__tabs > a { position: absolute; bottom: 25px; left: 9vw; margin-left: 0; } .neo__floorplans__gallery > div .neo__tabs > a > span { font-size: 18px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs > a > span { font-size: calc(18px + -5 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplans__gallery > div .neo__tabs > a > span { font-size: 13px; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container { width: 100%; position: relative; padding-top: 50px; z-index: 2; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div { width: 100%; position: relative; top: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title h3 { font-size: 32px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title h3 { font-size: calc(32px + -12 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__title h3 { font-size: 20px; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile { margin-top: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div { flex: 48%; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div:nth-of-type(n + 3) { margin-top: 15px; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div > h3 { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 22px; color: #262929; font-weight: 400; line-height: 1.5; font-family: "Inter"; font-size: 22px; text-align: left; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div > h3 { font-size: calc(22px + -6 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div > h3 { font-size: 16px; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div > p { font-style: normal; font-stretch: normal; font-variant: initial; letter-spacing: normal; text-transform: initial; text-decoration: none; font-size: 15px; color: #262929; font-weight: 700; line-height: 1.25; font-family: "Inter"; font-size: 15px; text-align: left; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div > p { font-size: calc(15px + -1 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .building__stats__mobile > div > p { font-size: 14px; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__key > .floor__key__title { display: none; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__info__container > div .floor__indicator { margin-top: 0; position: fixed; bottom: 25px; right: 3vw; max-width: 80px; max-height: 80px; } } @media screen and (max-width: 960px) { .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__image__container { width: 100%; padding-top: 0; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__image__container figure { height: auto; } .neo__floorplans__gallery > div .neo__tabs .floor__tab .floor__image__container figure > img { max-height: 30vh; } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .back__button { top: 25px; display: none; } .neo__floorplan__single > div .single__container { padding-top: 90px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .neo__floorplan__single > div .single__container > div { min-height: 0; } .neo__floorplan__single > div .single__container .left { order: 2; width: 100%; padding-right: 10vw; } .neo__floorplan__single > div .single__container .left .floor__title { margin-top: 40px; } .neo__floorplan__single > div .single__container .left .floor__title h3 { font-size: 48px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__title h3 { font-size: calc(48px + -18 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplan__single > div .single__container .left .floor__title h3 { font-size: 30px; } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__title p { font-size: 16px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__title p { font-size: calc(16px + -2 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplan__single > div .single__container .left .floor__title p { font-size: 14px; } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__description { margin-top: 25px; } .neo__floorplan__single > div .single__container .left .floor__description p { font-size: 16px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__description p { font-size: calc(16px + -2 * (100vw - 960px) / -600); } } @media screen and (max-width: 960px) and (max-width: 360px) { .neo__floorplan__single > div .single__container .left .floor__description p { font-size: 14px; } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .left .floor__indicator { display: none; } } @media screen and (max-width: 960px) { .neo__floorplan__single > div .single__container .right { order: 1; width: 100%; min-height: 0; } .neo__floorplan__single > div .single__container .right figure { height: 40vh; } } @media screen and (max-width: 960px) { .owl-carousel.owl-carousel-fullscreen { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .owl-carousel.owl-carousel-fullscreen .owl-stage-outer .owl-stage > .owl-item img { min-height: 0; } .owl-carousel.owl-carousel-fullscreen .owl-stage-outer .owl-stage > .owl-item > figure { background-color: white; } } @media screen and (max-width: 960px) { footer > div > div.middle:nth-of-type(2) { display: flex; justify-content: flex-end; } footer > div > div:nth-of-type(2), footer > div > .row__2 { display: block; } footer > div > div:nth-of-type(2) > .right, footer > div > .row__2 > .right { margin-top: 10px; } } @media screen and (max-width: 720px) { .shape__container.right__middle { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } } /* ******************************************************** */ /* *********************************************************** ## SMALL SCREENS *********************************************************** */ @media screen and (max-width: 640px) { header { height: 80px; background-color: white; } .fp-viewing-overview-1 header { height: 150px; background-color: transparent; } footer > div > div:nth-of-type(1), footer > div > .row__1 { display: block; } footer > div > div:nth-of-type(1) > .right, footer > div > .row__1 > .right { margin-top: 20px; } footer > div > div.middle:nth-of-type(2) { display: block; } .neo__menu { top: 9px; right: 30px; } .fp-viewing-overview-1 .neo__menu { top: 43px; } .section .neo__stats > .neo__stats__inner > div { width: 100%; margin-top: calc(3vh + 5px); } .section .neo__stats > .neo__stats__inner > div > h2 { font-size: 35px; } .section .neo__stats > .neo__stats__inner > div > p { font-size: 16px; } .section .neo__stats > .neo__stats__inner > div:first-of-type { margin-top: 0; } .section .neo__stats > .neo__stats__inner > div:nth-of-type(n + 4) { margin-top: calc(3vh + 5px); } .section.half__image .text__container { height: auto; padding-right: 5vw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } .section.half__image .text__container > div:nth-of-type(1) { width: 100%; } .section.half__image .text__container > div:nth-of-type(2) { width: 100%; margin-top: 20px; } .section.half__image .text__container > div:nth-of-type(2) .neo__btn { position: relative; bottom: auto; left: auto; margin-top: 20px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .section.half__image .image__container { height: 30vh; } .section.neo__gallery__shapes .slider__links > ul { display: block; } .section.neo__gallery__shapes .slider__links > ul li { margin-top: 10px; margin-left: 0; } @keyframes dragNudge { 0% { transform: translateX(0); } 50% { transform: translateX(50px); } 100% { transform: translateX(0); } } .section.neo__gallery__shapes .slider__inner:after { content: ""; width: 79px; height: 79px; position: absolute; top: 50%; left: 50%; z-index: 5; pointer-events: none; touch-action: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../ui/grfx_drag.svg"); background-size: cover; background-position: center center; background-position: center center; background-repeat: no-repeat; -webkit-animation: dragNudge 3.6s ease-out infinite; -moz-animation: dragNudge 3.6s ease-out infinite; -ms-animation: dragNudge 3.6s ease-out infinite; -o-animation: dragNudge 3.6s ease-out infinite; animation: dragNudge 3.6s ease-out infinite; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .section.neo__gallery__shapes .slider__inner.dismiss__nudge:after { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__gallery__shapes .slider__inner .owl-carousel { max-height: 217px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image { min-width: 50vw; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image.half { width: 50vw !important; min-width: 50vw; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image.logos { max-height: 217px; min-width: 90vw; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.image.logos figure { max-height: 211px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item.text.half { width: 217px !important; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide figure, .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide img { height: 217px; max-height: 217px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text { width: 217px; height: 217px; padding: 25px; } .section.neo__gallery__shapes .slider__inner .owl-carousel .owl-stage .owl-item .shape__slide.text p { font-size: 14px; } .section.neo__map__1 .section__inner { padding: 115px 0 0 10vw; background-color: #F8F8F8; } .section.neo__map__1 .section__inner .map__container { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; } .section.neo__map__1 .section__inner .map__container > svg { height: 100vh; width: 100%; } .section.neo__map__1 .section__inner .map__key { top: auto; bottom: 0; left: 0; width: 165px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .section.neo__map__1 .section__inner .secondary__key { top: 80px; left: auto; right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .section.neo__map__1 .section__inner .mobile__map__controls { display: block; } .section.neo__contact .section__inner { min-height: 90vh; } .section.neo__contact .neo__contact__inner { display: block; position: relative; top: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .section.neo__contact .neo__contact__inner .contacts__grid > div { width: 100%; margin-top: 50px; } .section.neo__contact .neo__contact__inner .contacts__grid > div:first-of-type { margin-top: 0; } } @media screen and (max-width: 460px) { header .header__inner > div.left .location { pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .section.neo__map__2 .section__inner .campus__container > svg { -webkit-transform: scale(2) translateX(-15%); -moz-transform: scale(2) translateX(-15%); -ms-transform: scale(2) translateX(-15%); -o-transform: scale(2) translateX(-15%); transform: scale(2) translateX(-15%); } footer > div > div:nth-of-type(2), footer > div > .row__2 { display: block; margin-top: 20px; } footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > span.divider, footer > div > .row__2 > .left > .bottom__legal > p > span.divider { display: none; } footer > div > div:nth-of-type(2) > .left > .bottom__legal > p > a, footer > div > .row__2 > .left > .bottom__legal > p > a { display: block; margin-top: 10px; } } @media screen and (max-width: 360px) { footer > div > div:nth-of-type(1) > .right, footer > div > .row__1 > .right { flex-wrap: wrap; } footer > div > div:nth-of-type(1) > .right > div.bottom__onesheet, footer > div > div:nth-of-type(1) > .right > div.bottom__social, footer > div > .row__1 > .right > div.bottom__onesheet, footer > div > .row__1 > .right > div.bottom__social { margin-top: 12px; } footer > div > div:nth-of-type(1) > .right > div.bottom__onesheet:first-of-type, footer > div > div:nth-of-type(1) > .right > div.bottom__social:first-of-type, footer > div > .row__1 > .right > div.bottom__onesheet:first-of-type, footer > div > .row__1 > .right > div.bottom__social:first-of-type { margin-top: 0; } } /* News Page */ body.blog header .navigation__pills { display: none !important; } body.blog header .neo__menu { display: none !important; } body.blog header .navigation__pills > ul > li > a > span { color: #262929; } .news_intro > div { padding: 200px 8vw 50px 8vw; } .news_intro > div h1 { color: #262929; margin-bottom: 40px; } .news_intro > div .content { max-width: 1200px; } section.posts_grid { padding: 0 8vw 50px 8vw; } section.posts_grid .posts_grid_top { max-width: 1920px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } section.posts_grid .posts_grid_top select.post_sort { color: #262929; background-position: 90% center; font-size: 17px; } section.posts_grid .posts_grid_top select.post_sort option { color: #262929; padding-right: 20px; font-size: 17px; } section.posts_grid .posts_grid_inner { margin-top: 50px; max-width: 1920px; display: flex; align-items: stretch; flex-wrap: wrap; gap: 40px; } section.posts_grid .posts_grid_inner > article { background-color: white; position: relative; width: calc(25% - 31px); box-shadow: 0px 13px 30px -2px rgba(0, 0, 0, 0.10); transition: box-shadow 0.35s ease-in-out; border-radius: 5px; user-select: none; } section.posts_grid .posts_grid_inner > article .image_container { position: relative; overflow: hidden; display: none !important; } section.posts_grid .posts_grid_inner > article .image_container figure { width: auto; height: 200px; transition: transform 1s ease-in-out; border-radius: 5px 5px 0 0; } section.posts_grid .posts_grid_inner > article .image_container figure.news_placeholder { background-color: white; background-size: 150px 150px; background-repeat: no-repeat; background-position: center center; border: 1px inset #262929; } section.posts_grid .posts_grid_inner > article .image_container figure img { height: 200px; } section.posts_grid .posts_grid_inner > article .post_info { position: relative; padding: 15px; } section.posts_grid .posts_grid_inner > article .post_info .date { display: inline-block; color: #262929; font-family: "Inter"; font-size: 11px; font-weight: 900; } section.posts_grid .posts_grid_inner > article .post_info h2 { margin-top: 30px; margin-bottom: 0; padding-bottom: 20px; color: #262929; font-family: "Inter"; font-size: 18px; font-weight: 900; /* border-bottom: 2px solid #009CDE; */ } section.posts_grid .posts_grid_inner > article .post_info .post_tags { display: none; padding-top: 10px; } section.posts_grid .posts_grid_inner > article .post_info .post_tags .post_tag { position: relative; display: inline-block; margin-top: 10px; margin-right: 8px; background-color: #009cde; padding: 0 10px; line-height: 30px; pointer-events: none; font-family: "Inter"; font-size: 12px; font-weight: 600; color: white; border-radius: 50px; } section.posts_grid .posts_grid_inner > article .post_info .post_tags .post_tag:last-of-type { margin-right: 0; } section.posts_grid .posts_grid_inner > article .post_info .post_tags .post_tag > span { position: relative; z-index: 1; color: white; font-family: "Inter"; font-size: 11px; font-weight: 500; } section.posts_grid .posts_grid_inner > article .post_info .icon { display: inline-block; position: absolute; top: 15px; right: 15px; width: 41px; white-space: nowrap; overflow: hidden; } section.posts_grid .posts_grid_inner > article .post_info .icon img, section.posts_grid .posts_grid_inner > article .post_info .icon svg { margin-left: 0; padding-left: 0; width: 41px; height: 41px; transform: translateX(-60px); transition: transform 0.35s ease-in-out; } section.posts_grid .posts_grid_inner > article .post_info .icon img:nth-of-type(2), section.posts_grid .posts_grid_inner > article .post_info .icon svg:nth-of-type(2) { margin-left: 15px; } section.posts_grid .posts_grid_inner > article .cover_link { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } section.posts_grid .posts_grid_inner > article:hover, section.posts_grid .posts_grid_inner > article:focus { box-shadow: 0px 13px 33px -2px rgba(0, 0, 0, 0.20); } section.posts_grid .posts_grid_inner > article:hover .post_info .icon img, section.posts_grid .posts_grid_inner > article:focus .post_info .icon img, section.posts_grid .posts_grid_inner > article:hover .post_info .icon svg, section.posts_grid .posts_grid_inner > article:focus .post_info .icon svg { transform: none; } section.posts_grid nav.pagination { width: 100%; margin-top: 50px; max-width: 1920px; margin-left: auto; margin-right: auto; text-align: center; } section.posts_grid nav.pagination .nav-links { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 16px; text-align: center; } section.posts_grid nav.pagination .nav-links .page-numbers { padding: 8px; font-family: "Inter"; font-size: 15px; font-weight: 500; background-color: transparent; position: relative; line-height: 1.39; letter-spacing: 0.22px; } section.posts_grid nav.pagination .nav-links .page-numbers:after { content: ""; display: inline-block; width: 0; height: 3px; background: #009cde; position: absolute; bottom: 0px; left: 0; transition: width 0.35s ease-in-out; } section.posts_grid nav.pagination .nav-links .page-numbers.current:after, section.posts_grid nav.pagination .nav-links .page-numbers:hover:after { width: 100%; } section.posts_grid nav.pagination .nav-links .page-numbers.prev, section.posts_grid nav.pagination .nav-links .page-numbers.next { transform: translateY(2px); } section.posts_grid nav.pagination .nav-links .page-numbers.prev:hover:after, section.posts_grid nav.pagination .nav-links .page-numbers.next:hover:after, section.posts_grid nav.pagination .nav-links .page-numbers.dots:hover:after { content: none; display: none; } body.archive .posts_grid_top { display: none !important; } @media screen and (max-width: 1180px) { section.posts_grid .posts_grid_inner > article { width: calc(33.33% - 28px); } } @media screen and (max-width: 960px) { section.posts_grid .posts_grid_inner > article { width: calc(50% - 20px); } } @media screen and (max-width: 720px) { section.posts_grid .posts_grid_top { display: block; } section.posts_grid .posts_grid_top #post_sort { display: none; } section.posts_grid .posts_grid_inner { gap: 16px; } section.posts_grid .posts_grid_inner > article { width: 100%; } section.posts_grid .posts_grid_inner > article .image_container figure, section.posts_grid .posts_grid_inner > article .image_container figure img { height: auto; max-height: 400px; } section.posts_grid .posts_grid_inner nav.pagination .nav-links .page-numbers { padding: 6px; } } @media screen and (max-width: 540px) { section.posts_grid .posts_grid_inner > article .image_container figure, section.posts_grid .posts_grid_inner > article .image_container figure img { max-height: 300px; } } .neo_content.no_posts { padding: 150px 8vw 50px 8vw; } /* Post Detail */ body.single header .navigation__pills { display: none !important; } body.single header .neo__menu { display: none !important; } .neo_btn.back { position: relative; padding: 4px 4px 4px 50px; background-color: transparent; border-radius: 0; line-height: 1.2; } .neo_btn.back:before { content: none; display: none; } .neo_btn.back > span { color: #262929; line-height: 1.2; text-decoration: none; transition: color 0.35s ease-in-out; } .neo_btn.back > img, .neo_btn.back > svg { width: 41px; height: 41px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); transition: transform 0.35s ease-in-out; } .neo_btn.back > img path, .neo_btn.back > svg path { transition: fill 0.35s ease-in-out; } .neo_btn.back:hover > img, .neo_btn.back:hover > svg { transform: translate(-5px, -50%); } .neo_btn.back:hover > img path, .neo_btn.back:hover > svg path { fill: #006199; } .neo_btn.back:hover > span { color: #006199; text-decoration: none; } section.neo__post > div { padding: 200px 8vw 50px 8vw; /* padding-top: 180px; */ } section.neo__post > div article .post_top > h1 { margin-top: 40px; max-width: 812px; color: #262929; } section.neo__post > div article .post_top > .date { display: block; margin-top: 24px; } section.neo__post > div article .post_main { margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: nowrap; } section.neo__post > div article .post_main .left { width: 23%; padding-top: 55px; padding-right: 10px; } section.neo__post > div article .post_main .left > p { font-weight: 700; } section.neo__post > div article .post_main .left .social_buttons { margin-top: 15px; } section.neo__post > div article .post_main .left .social_buttons > a { display: inline-block; margin-left: 6px; } section.neo__post > div article .post_main .left .social_buttons > a:first-of-type { margin-left: 0; } section.neo__post > div article .post_main .left .social_buttons > a img { max-width: 31px; } section.neo__post > div article .post_main .right { width: 74%; } section.neo__post > div article .post_main .right .post_image { display: none !important; } section.neo__post > div article .post_main .right .post_image figure { max-width: 812px; max-height: 100vh; } section.neo__post > div article .post_main .right .post_image .post_caption { margin-top: 17px; margin-bottom: 0; } section.neo__post > div article .post_main .right .post_content { margin-top: 40px; max-width: 812px; } section.neo__post > div article .post_main .right .post_content h1 + *, section.neo__post > div article .post_main .right .post_content h2 + *, section.neo__post > div article .post_main .right .post_content h3 + *, section.neo__post > div article .post_main .right .post_content h4 + *, section.neo__post > div article .post_main .right .post_content h5 + *, section.neo__post > div article .post_main .right .post_content h6 + * { margin-top: 20px; } section.neo__post > div article .post_main .right .post_content p { margin-bottom: 25px; } section.neo__post > div article .post_main .right .post_content a { text-decoration: underline; } section.neo__post > div article .post_main .right .post_content a:hover { text-decoration: none; } section.neo__post > div article .post_main .right .post_tags_container { display: none; margin-top: 80px; position: relative; max-width: 100%; } section.neo__post > div article .post_main .right .post_tags_container h4 { font-size: 20px; } section.neo__post > div article .post_main .right .post_tags_container .post_tags { display: none; padding-top: 10px; } section.neo__post > div article .post_main .right .post_tags_container .post_tags .post_tag { position: relative; display: inline-block; margin-top: 10px; margin-right: 8px; background-color: #009cde; padding: 0 10px; line-height: 30px; pointer-events: none; font-family: "Inter"; font-size: 12px; font-weight: 600; color: white; border-radius: 50px; } section.neo__post > div article .post_main .right .post_tags_container .post_tags .post_tag:last-of-type { margin-right: 0; } section.neo__post > div article .post_main .right .post_tags_container .post_tags .post_tag > span { position: relative; z-index: 1; color: white; font-family: "Inter"; font-size: 11px; font-weight: 500; } section.neo__post > div article .post_bottom { margin-top: 70px; } @media screen and (max-width: 960px) { section.neo__post > div article .post_top > h1 { font-size: 38px; } section.neo__post > div article .post_main { flex-wrap: wrap; } section.neo__post > div article .post_main .left { width: 100%; padding-top: 0; } section.neo__post > div article .post_main .right { width: 100%; margin-top: 20px; } } /* 404 Page */ body.error404 header .navigation__pills { display: none !important; } body.error404 header .navigation__pills > ul > li > a > span { color: #262929; } .content-404 { padding-top: 200px; max-width: 1150px; margin-left: auto; margin-right: auto; } .content-404 h1 { color: #262929; margin-bottom: 20px; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; transition: none; } /* Landscape */ /* ******************************************************** */ /*# sourceMappingURL=pathway.css.map */