html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}@font-face { font-family: 'Europa-Light'; src: url('../font/europa/europa-light.eot'); src: url('../font/europa/europa-light.eot?#iefix') format('embedded-opentype'), url('../font/europa/europa-light.woff') format('woff'), url('../font/europa/europa-light.ttf') format('truetype'), url('../font/europa/europa-light.svg#europa-light') format('svg'); font-weight: normal; font-style: normal;}#layout {position: relative;background: white;}#layout .overlay {opacity: 0;visibility: hidden;position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.3);z-index: 8000;position: fixed;left: 220px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}#navm {position: fixed;top: 0;bottom: 0;left: -120px;width: 220px;overflow: auto;overflow-x: hidden;box-sizing: border-box;background: #111;opacity: 0;visibility: hidden;}#navm ul,#navm li {list-style: none;margin: 0;padding: 0;border: 0;width: 100%;}#navm ul {margin-top: 5px;border-top: 1px solid rgba(255,255,255,0.1);}#navm li a {display: block;padding: 15px 20px;color: white;text-transform: uppercase;text-decoration: none;width: 100%;box-sizing: border-box;font-weight: 900;}#navm ul ul {margin: 0;background: #222;}#navm ul ul a {padding: 8px 30px 8px 20px;font-size: 13px;}#navm li a:hover {background: rgba(255,255,255,0.1);}#header h1 {display: none;}#header .nav-button {height: 90px;width: 90px;box-sizing: border-box;padding: 34px 33px 0;position: absolute;right: 0;top: -18px;z-index: 100;cursor: pointer;display: none;}#header .nav-button span {height: 4px;background: #005e7f;background: #121332;margin: 4px 0 4px;display: block;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-track {background: #eee;margin-right: 0;margin-top: 0;}::-webkit-scrollbar-thumb {background: #ccc;}input::selection,::selection {color: #4d555a;background: #ffcc00;}input::-moz-selection,::-moz-selection {color: #4d555a;background: #ffcc00;}html,body {-webkit-overflow-scrolling: touch;}body {-webkit-text-size-adjust: 100%;}html,body,img {margin: 0;padding: 0;border: 0;}button,input,textarea,body {font-family: 'Open Sans', sans-serif;font-size: 13px;}a,input,button {outline: 0;}a {}h1,h2,h3,h4,h5,h6,p {margin-top: 0;}#tooltip {margin: 20px 0 0 10px;margin-left: -60px;width: 160px;padding: 10px;z-index: 9900;position: absolute;text-align: center;color: #4a4f52;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-transform: uppercase;display: none;background: #ffcc00;}#tooltip.right {margin-left: -80px;}#loading .box {opacity: 0;}#loading .box.loaded {opacity: 1;}#header .nav-button span,#header .nav-button,#layout .overlay,#layout,#navm,#loading .load,.transition {transition: .3s;-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;}.notransition {transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;}.section {position: relative;}.container {position: relative;margin: 0 auto;width: 1280px;box-sizing: border-box;-moz-box-sizing: border-box;min-height: 1px;}.bg-eee {background-color: #eee;}.bg-white,.bg-fff {background-color: #fff;}.bg-999 {background-color: #999;}.clear {clear: both;}.col {float: left;width: 100%;position: relative;min-height: 1px;}.col.col2 {width: 50%;}.col.col3 {width: 33.33%;}.col.col3x2 {width: 66.66%;}.col.col4 {width: 25%;}.col.col4x3 {width: 75%;}.col.col5 {width: 20%;}.col.col5x4 {width: 80%;}.col.col5x3 {width: 60%;}.col.col5x2 {width: 40%;}.col.col6 {width: 16.66%;}.col.col2.margin {width: 48%;margin-right: 4%;}.col.col3.margin {width: 32%;margin-right: 2%;}.col.col3x2.margin.col-left {width: 64%;margin-right: 4%;}.col.col3x2.margin.col-right {width: 64%;margin-left: 2%;}.col.col4.margin {width: 23.5%;margin-right: 2%;}.col.col4x3.margin.col-left {width: 74.5%;margin-right: 2%;}.col.col4x3.margin.col-right {width: 74.5%;margin-left: 2%;}.col.col5.margin {width: 18.4%;margin-right: 2%;}.col.col6.margin {width: 15%;margin-right: 2%;}.col.margin.last {margin-right: 0 !important;}.align-center {text-align: center;}.align-left {text-align: left;}.align-right {text-align: right;}.w.w25p {width: 25%;}.w.w50p {width: 50%;}.w.w75p {width: 75%;}.w.w100p {width: 100%;}.publisher {opacity: 0;visibility: hidden;height: 0;width: 0;display: block;overflow: hidden;}@media screen and (max-width: 1320px) {.container {width: 960px;}}@media screen and (max-width: 1000px) {.container {width: 720px;}#header .nav-button {display: block;} #layout .nav { display: none; }html.mobile #layout { }html.mobile #navm {left: 0;opacity: 1;visibility: visible;}html.mobile body {overflow: hidden;}html.mobile #layout {margin-left: 220px;margin-right: -220px;}html.mobile #layout .overlay {opacity: 1;visibility: visible;cursor: pointer;}html.mobile #layout .overlay:hover {background: rgba(0,0,0,0);}}@media screen and (max-width: 767px) {body {overflow: hidden;overflow-y: auto;}.container {width: auto;}.col {float: none !important;clear: both !important;width: auto !important;margin-right: 0 !important;}}.anim { transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -ms-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); transform: translateY(0%) translateX(0%) !important; -o-transform: translateY(0%) translateX(0%) !important; -ms-transform: translateY(0%) translateX(0%) !important; -moz-transform: translateY(0%) translateX(0%) !important; -webkit-transform: translateY(0%) translateX(0%) !important; opacity: 1; z-index: 1100;}.anim.come-bott {transform: translateY(130%) !important;-o-transform: translateY(130%) !important;-ms-transform: translateY(130%) !important;-moz-transform: translateY(130%) !important;-webkit-transform: translateY(130%) !important;}.anim.come-fade{opacity: 0;}.anim-fade{ opacity: 0; transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -ms-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);}.anim-fade.come{ opacity:1;}@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(5%, 0, 0);transform: translate3d(5%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.come-right {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}@keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-5%, 0, 0);transform: translate3d(-5%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.come-left {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}.anim-box {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0;}.delay{transition-delay: 4s;}#map-anim .st0{fill:none;stroke:#3BE075;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:1.414;}#map-anim{position: absolute;top: 7.7vw;width: 69.2vw;height: 66vw;right: 0;}#map-anim.come-right path{fill-opacity:0;stroke-dasharray: 155%;stroke-dashoffset:155%;-moz-animation:DASH3 5s ease-in-out 1s forwards;-webkit-animation:DASH3 5s ease-in-out 1s forwards;animation:DASH3 5s ease-in-out 1s forwards;} @-webkit-keyframes DASH3{ 0% {stroke-dashoffset:155%;} 80% {stroke-dashoffset:0;fill-opacity:0;} 100%{stroke-dashoffset:0;fill-opacity:1;} } @-moz-keyframes DASH3{ 0% {stroke-dashoffset:155%;} 80% {stroke-dashoffset:0;fill-opacity:0;} 100%{stroke-dashoffset:0;fill-opacity:1;} }@media screen and (max-width: 1440px) { #map-anim { top: 18.7vw; height: 55vw; }}@media screen and (max-width: 1150px) { #map-anim { top: 21.7vw; height: 55vw; }}@media screen and (max-width: 767px) { .anim.come-bott { transform: translateY(0%) !important; -o-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; -moz-transform: translateY(0%) !important; -webkit-transform: translateY(0%) !important;} #map-anim { position: relative; top: 0; width: 100%; right: auto; height: 55vw; float: right; margin-bottom: 40px; }}* { font-family: 'Europa-Light';}#home { position: relative; height: 100vh; width: 100%; overflow: hidden;}#home .img-bg { background-image: url(../../img/jpg/home-a.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; height: 100%; width: 100%; transform: scale(1.3);}#home .cover,#loading .cover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; background: rgba(0,0,0,0.8);}#home .main-logos { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; background-repeat: no-repeat; background-position: center; background-size: contain; height: 75px; width: 75px; opacity: 1; transition: .3s ease; z-index: 10; background-image: url(../img/png/green-logo.png);}#home .main-logos.white { background-image: url(../img/png/white-logo.png);}#home .main-logos.green { background-image: url(../img/png/green-logo.png);}#loading .empty-box-wrap,#home .empty-box-wrap { position: absolute; height: 50%; width: 100%; top: 50%; margin-top: -10px;}#home .empty-box-wrap { z-index: 50;}#loading .empty-box-cont,#home .empty-box-cont { position: relative; height: 100%; width: 100%;}.resid-box,.retail-box { position: absolute; top: 0%; text-align: center; z-index: 10; width: 215px;}.resid-box { left: 30%; transform: translate(-30%,-0%);}.retail-box { left: 70%; transform: translate(-70%,-0%);}#home h2 { text-transform: uppercase; font-size: 25px; margin-bottom: 20px;}#home p { font-size: 13px;}h2.white,.resid-box p { color: #fff;}h2.green,.retail-box p { color: #3be775;}#home .line { border-top: 1px solid #ccc; margin: 30px auto; width: 75%;}#home .flex-logos { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin: 0 auto;}#home .resid-box .flex-logos { width: 75%;}#home .retail-box .flex-logos { width: 80%;}#home .comp-logos { background-repeat: no-repeat; background-size: contain; background-position: center;}#home .comp-logos.savills { background-image: url(../img/png/savills-logo.png); height: 50px; width: 50px;}#home .comp-logos.jll { height: 40px; width: 80px;}#home .comp-logos.hanovergreen { height: 40px; width: 90px;}#home .comp-logos.cbre { height: 20px; width: 70px;}#home .info-box { opacity: 0; transition: .3s ease;}#home .info-box.show { opacity: 1;}#home h2.op-Down { opacity: 0.5;}#home h2.op-Up { opacity: 1;}#home a { display: block; cursor: pointer; pointer-events: auto; text-decoration: none;}#loading{ position: fixed;top:50%;left:50%;height: 100%;width:100%;z-index: 11000; overflow: hidden;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); }#loading .img-bg{background-image: url(../../img/jpg/home-a.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-animation: zoomin 17s ease-in;animation: zoomin 17s ease-in;transition: all .5s ease-in-out;position: absolute;top:0;left:0;bottom:0;right:0;z-index: 2;}#loading .logo-loading{width: 350px;height: 110px;float: left;margin-top: 40px;margin-left: 40px;position: relative;z-index: 6;}#loading .rath-logo,#loading .white-logo,#loading .green-logo { background-repeat: no-repeat; background-position: center; background-size: contain; height: 75px; width: 75px; opacity: 0; transition: .5s ease;}#loading .rath-logo { height: 100px; width: 100px;}#loading .rath-logo.show,#loading .white-logo.show,#loading .green-logo.show { opacity: 1;}#loading .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}#loading h2.headers { position: absolute; text-transform: uppercase; left: 50%; top: 60px; transform: translateX(-50%); z-index: 10; font-size: 25px; font-family: 'Europa-Light'; opacity: 0; transition: .5s ease; text-align: center; width: 215px;}#loading h2.headers.show { opacity: 1;}#loading h2.headers.moveUp { top: 0%; transform: translate(-50%,-0%); transition: 0s ease;}#loading h2.headers.moveRight { left: 70%; transform: translate(-70%,-0%); transition: 2s ease;}#loading h2.headers.moveLeft { left: 30%; transform: translate(-30%,-0%); transition: 2s ease;}@-webkit-keyframes zoomin { 0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);}}@keyframes zoomin { 0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);}} @-webkit-keyframes zoomout { 0% {transform: scale(1);} 50% {transform: scale(0.67);} 100% {transform: scale(1);}}@keyframes zoomout { 0% {transform: scale(1);} 50% {transform: scale(0.67);} 100% {transform: scale(1);}}@media screen and (max-width: 1320px) { .resid-box { left: 25%; transform: translate(-25%,-0%); } .retail-box { left: 75%; transform: translate(-75%,-0%); } #loading h2.headers.moveLeft { left: 25%; transform: translate(-25%,-0%); } #loading h2.headers.moveRight { left: 75%; transform: translate(-75%,-0%); }}@media screen and (max-width: 1000px) { .resid-box { left: 15%; transform: translate(-15%,-0%); } .retail-box { left: 85%; transform: translate(-85%,-0%); } #loading h2.headers.moveLeft { left: 15%; transform: translate(-15%,-0%); } #loading h2.headers.moveRight { left: 85%; transform: translate(-85%,-0%); }}@media screen and (max-width: 768px) { #home { padding: 10% 0; } #home .main-logos { display: none; } #home .cent-logo-wrap { position: relative; height: 100%; width: 100%; } #home .empty-box-wrap { position: absolute; height: 100%; width: 100%; top: 0; margin-top: 0; padding: 10% 0; } #home .empty-box-cont { position: relative; height: 100%; width: 100%; } .resid-box, .retail-box { position: relative; top: auto; text-align: center; z-index: 10; width: 215px; height: 50%; left: 50%; transform: translate(-50%,-0%); } .main-logo-mob { background-repeat: no-repeat; background-size: contain; background-position: center; height: 60px; width: 60px; margin: 0 auto 5px; } .main-logo-mob.white { background-image: url(../img/png/white-logo.png); } .main-logo-mob.green { background-image: url(../img/png/green-logo.png); } #home h2 { font-size: 20px; margin-bottom: 10px; } #home h2.op-Down { opacity: 1; } #home .info-box { opacity: 1; } #home .line { margin: 20px auto; } #loading { padding: 10% 0; } #loading .rath-logo { height: 80px; width: 80px; } #loading .white-logo, #loading .green-logo { height: 60px; width: 60px; } #loading .logo-top, #loading .logo-bot { position: relative; height: 50%; width: 100%; } #loading .white-logo.mobTop { top: 100%; transform: translate(-50%,-50%); } #loading .green-logo.mobBot { top: 0%; transform: translate(-50%,-50%); } #loading .white-logo.mobEnd, #loading .green-logo.mobEnd { opacity: 1; top: 0; transform: translate(-50%,-0%); transition: 2s ease; } #loading h2.headers { font-size: 20px; top: 45px; } }@media screen and (max-width: 768px) and (max-height: 700px) { #loading, #home, #home .empty-box-wrap { padding: 5% 0; } .resid-box, .retail-box { height: auto; margin-bottom: 30px; } #home .empty-box-cont { overflow-y: scroll; } #loading .logo-top.mobEnd { height: 286.9px; transition: 2s ease; } #loading .logo-bot.mobEnd { height: 246.9px; transition: 2s ease; } }