html { font-size: 10px; }
body {font-family: 'Open Sans', sans-serif; font-size: 1.3rem; background: #fff; font-weight: 600; -webkit-font-smoothing: antialiased; }
input, button, textarea, select { -webkit-appearance: none; }
strong {font-weight: 700;}
a {color: #03f; text-decoration: none; transition: all 250ms ease-out;}
a:hover {color: #4cc3db; text-decoration: none;}
a:link {-webkit-tap-highlight-color: #43c4da;}
::-moz-selection{background: #43c4da; color: #fff; text-shadow: none;}
::selection {background: #43c4da; color: #fff; text-shadow: none;}
.wrapper { width: 100%; margin: 0 auto; max-width: 1289px; }
html,
body,
.wrapper,
.scroller {
height: 100%;
}
/*.scroller {
overflow-y: scroll;
}*/
.scroller,
.scroller-inner {
position: relative;
}
.wrapper {
position: relative;
}
.rwd-menu .wrapper {
overflow: hidden;
}
/* GENERAL STYLES
--------------------*/
.amenities .content,
.transport .content,
.neighbours .content,
.iput .content { padding: 6rem 0 1rem 9rem; }
.content-padding { padding: 0 7.5rem 1rem 9rem; }
/* HEADERS
-------------*/
h2 { color: #21556e; margin-bottom: 5rem; font-size: 5rem; line-height: 1.2; }
h3 { color: #00556f; font-size: 2.5rem; margin-bottom: 4.5rem; margin-top: 4rem; }
h4 { color: #00556f; font-size: 1.8rem; font-weight: 600; margin-bottom: 0.8rem; margin-top: 4rem; }
h5 { color: #7dc2d8; font-size: 1.7rem; line-height: 105px; }
h5:before { display: inline-block; content: '/'; color: #7dc2d8; font-size: 2.2rem; line-height: 2.2rem; margin-right: 1rem; }
h2.light, h3.light, h4.light, h5.light { font-weight: 300; }
h2.light { margin-bottom: 3.2rem; }
.page .content p { font-size: 1.8rem; margin-bottom: 3.8rem; }
.floor-heights-headings { color: #00556f; font-size: 1.8rem; font-weight: 600; margin-bottom: 0.8rem; }
.floor-heights-values { margin-bottom: 0.8rem; }
.no-bottom { margin-bottom: 0; }
.page .content.no-bottom { padding-bottom: 0; }
hr { border: none; border-bottom: 1px dashed #7dc2d8; background: none; width: 100%; height: 1px; margin: 4rem 0; }
/* SUBMENU
----------------*/
.content .nav > ul { margin-left: 4.6rem; }
/*.content .nav > ul li { margin-bottom: 20px; }*/
.content .nav > ul li:last-child { margin-bottom: 5.0rem; }
.content .nav > ul li a { font-size: 1.8rem; color: #00556f; }
.content .nav > ul li.current-menu-item > a { color: #7dc2d8; }
.content .nav > li { margin-bottom: 3rem; }
.content .nav > li:before { display: block; position: absolute; content: '+'; color: #21556e; font-size: 3.6rem; line-height: 3.6rem; }
.content .nav > li ul.sub-menu { display: none; }
.content .nav > li ul.sub-menu li { margin-bottom: 1.8rem; }
.content .nav > li ul.sub-menu li a { font-size: 1.8rem; }
.content .nav > li .sub-menu { display: inline-block; margin-top: 2.0rem; }
.content .nav > li.current-page-parent > ul,
.content .nav > li.current-menu-item > ul { display: block; }
.content .nav > li.current-menu-item > a,
.content .nav > li.current-page-parent > a,
.content .nav > li.current-menu-item ul.sub-menu li.current-menu-item a,
.content .nav > li.current-page-parent ul.sub-menu li.current-menu-item a { color: #7dc2d8; }
.content .nav > li.current-menu-item:before,
.content .nav > li.current-page-parent:before { display: block; position: absolute; content: '/'; color: #7dc2d8; font-size: 3.6rem; line-height: 3.6rem; }
.content .nav > li .menu-before,
.content .nav > li .menu-before { display: block; position: absolute; height: 3.6rem; width: 2rem; cursor: pointer; }
.content .nav > li a { margin-left: 4.5rem; font-size: 2.6rem; color: #21556e; text-transform: uppercase; }
/*.content .nav > li a.current-menu-item { color: #7dc2d8; }*/
/* PHOTO UNDER MAIN MENU
-----------------------------*/
.photo { background-size: cover !important; width: 100%; height: 47rem; max-height: 47rem; background-position: center; background-repeat: no-repeat; }
/* HEADER
------------------- */
header { position: relative; }
header .logo { /*height: 205px;*/ background: url(_/images/header.png) center center no-repeat; background-size: 100%; }
header .logo a { display: block; padding-top: 12%; width: 100%; }
nav.header-nav > div > ul {text-align: center;}
nav.header-nav > div > ul > li {display: inline-block; width: 21.5rem; margin: 0 2.5rem; position: relative; text-transform: uppercase;}
nav.header-nav > div > ul > li > a {display: block; line-height: 8.0rem; height: 8.0rem; font-size: 2.1rem; font-weight: 600; color: #00556f;}
nav.header-nav > div > ul > li.current-page-parent > a,
nav.header-nav > div > ul > li.current-page-ancestor > a,
nav.header-nav > div > ul > li.current_page_item > a { border-bottom: 0.7rem solid #005470; }
nav.header-nav > div > ul a:hover {color: #4cc3db;}
nav.header-nav > div > ul > li > ul { background: rgba(255, 255, 255, 0.8); padding: 1.5rem; z-index: 10; width: 100%; font-size: 1.7rem; line-height: 3.9rem; text-align: left; transition: all 250ms ease-out; pointer-events: none;}
header nav.header-nav > div > ul > li > ul { opacity: 0; position: absolute; }
nav.header-nav > div > ul > li > ul a {display: block; color: #000000;}
header nav.header-nav > div > ul > li:hover > ul {opacity: 1; pointer-events: all;}
section, .swiper-container { margin-bottom: 1.5rem; }
/* MOBILE MENU
---------------------*/
.pusher { position: relative; transition: all 0.5s ease 0s; }
.burger { display: none; height: 75px; width: 75px; position: absolute; top: 50%; left: 20px; margin-top: -35px; z-index: 9999999; }
.rwd-menu .burger { display: block; }
.burger:before, .burger:after { display: block; content: ''; width: 33%; height: 3px; position: absolute; top: 25px; left: 25px; background: #000; transition: all 300ms ease-in-out; background: #fff; }
.burger:after { top: 45px; }
.burger span { display: block; width: 33%; height: 3px; margin-left: 25px; background: #000; position: absolute; top: 35px; transition: all 300ms ease-in-out; background: #fff; }
.burger.active:before { transform: rotate(45deg); top: 50%; }
.burger.active:after { transform: rotate(-45deg); top: 50%; }
.burger.active span { opacity: 0; }
.rwd-menu .pusher { transform: translate3D(300px, 0, 0); }
.mobile-menu { position: fixed; top: 0; left: 0; width: 300px; height: 100vh; z-index: 10; background: #fff; transform: translate3D(-100%, 0, 0); padding: 4.5rem 2rem; border-right: 1px solid rgba(0, 0, 0, 0.5); /*transition: transform 0.5s ease 0s;*/ }
.mobile-menu .menu-sidebar-container { height: 100%; -webkit-overflow-scrolling: touch; overflow-y: hidden; }
.rwd-menu .mobile-menu .menu-sidebar-container { overflow-y: scroll; }
/*.mobile-menu.active { transform: translate3D(0, 0, 0); }*/
.rwd-menu .mobile-menu > li.current-page-parent > ul { display: block; }
.mobile-menu .col-5 { width: 100%; }
.mobile-menu .nav { margin-bottom: 75px; }
.mobile-menu .nav > ul { margin-left: 0rem; }
/*.content .nav > ul li { margin-bottom: 20px; }*/
.mobile-menu .nav > ul li:last-child { margin-bottom: 5.0rem; }
.mobile-menu .nav > li a { font-size: 1.8rem; color: #00556f; display: inline-block; }
.mobile-menu .nav > ul li.current-menu-item > a { color: #7dc2d8; }
.mobile-menu .nav > li { margin-bottom: 4.5rem; position: relative; }
.mobile-menu .nav > li:before { display: block; position: absolute; content: '+'; color: #21556e; font-size: 3.6rem; line-height: 3.6rem; }
.mobile-menu .nav > li ul.sub-menu { display: none; }
.mobile-menu .nav > li ul.sub-menu li { margin-bottom: 1.8rem; }
.mobile-menu .nav > li ul.sub-menu li a { font-size: 2.3rem; }
.mobile-menu .nav > li ul.sub-menu ul.sub-menu li a { font-size: 1.8rem; }
.mobile-menu .nav > li .sub-menu { display: inline-block; margin-top: 2.0rem; margin-left: 2rem; }
.mobile-menu .nav li.current-page-parent > ul { display: block; }
.mobile-menu .nav > li.current-menu-item > a,
.mobile-menu .nav > li.current-page-parent > a,
.mobile-menu .nav > li.current-menu-item > ul.sub-menu > li.current-menu-item > a,
.mobile-menu .nav > li.current-page-parent > ul.sub-menu > li.current-menu-item > a { color: #7dc2d8; }
.mobile-menu .nav > li.current-menu-item:before,
.mobile-menu .nav > li.current-page-parent:before { display: block; position: absolute; content: '/'; color: #7dc2d8; font-size: 3.6rem; line-height: 3.6rem; }
.mobile-menu .nav > li a { margin-left: 4.5rem; font-size: 2.6rem; color: #21556e; text-transform: uppercase; }
/*.content .nav > li a.current-menu-item { color: #7dc2d8; }*/
/* SLIDER
------------------- */
.home.slider { height: 47rem; width: 100%; }
.slider { height: 47rem; width: 100%; }
.slider.swiper-container .swiper-slide { background-size: cover; }
.slider .copy { padding: 50rem 9.5rem .5rem; color: #fff; font-weight: 400; }
.slider .copy .title { font-size: 4.2rem; }
.slider .copy .subtitle { font-size: 2.4rem; }
.slider .slide1 { background: url(_/images/slide1.jpg) 37% center no-repeat; }
.front-page-photo.photo { background: url(_/images/slide1.jpg) 37% center no-repeat; }
.slider .slide2 { background: url(_/images/slide2.jpg) center no-repeat; }
/* Introduction
------------------- */
.introduction {padding: 3rem 5rem 3rem 9rem; font-size: 1.8rem; line-height: 3.4rem; }
.introduction p:not(:last-child) {margin-bottom: 3.4rem;}
.introduction .col-left {float: left; width: 60%;}
.introduction .col-right {float: right; width: 32%; font-size: 2.5rem; line-height: 4.8rem; color: #00556f;}
.introduction .col-right .title {font-size: 2.6rem; text-transform: uppercase; color: #7cc1d7; position: relative; margin-top: 2rem;}
.introduction .col-right .title:before {content: '/'; color: #7cc1d7; position: absolute; left: -3rem;}
/* MAP
------------------- */
.front-page-map { height: 62.5rem; }
.map { position: relative; cursor: pointer; }
.transport .map { cursor: auto; }
/*.map .show-map { display: none; position: absolute; top: 50%; left: 50%; width: 250px; height: 50px; margin-left: -125px; margin-top: -25px; font-size: 3rem; text-align: center; line-height: 50px; text-transform: uppercase; background: #fff; border: 1px solid #00556f; color: #00556f; cursor: pointer; }*/
.modal { display: none; }
.modal-close { display: none; }
/* ENQUIRIES
------------------- */
.enquiries { padding: 6.5rem 7.5rem 1rem 9rem; position: relative; }
.enquiries h2 { color: #43c4da; font-size: 2.6rem; font-weight: 400; text-transform: uppercase; margin-bottom: 4rem; position: relative;}
.enquiries h2:before { content: '/'; display: inline; position: absolute; left: -3rem; }
.enquiries .brochure {float: left; margin-top: 6.5rem;}
.enquiries .brochure a {display: block; width: 28.7rem; height: 10.1rem; background: url(_/images/download.png) no-repeat center; background-size: 100%; font-size: 2.6rem; padding-left: 10rem; color: #0b3951; padding-top: 1.5rem;}
.enquiries .contact { float: right; font-size: 1.7rem; line-height: 2.2rem;}
.enquiries .contact p {margin-bottom: 2.2rem;}
.enquiries .contact a { color: #000 ; }
.enquiries .contact .logo {height: 12rem;}
.enquiries .contact .phone { font-size: 2.6rem; }
.enquiries .contact .col { float: left; width: 27rem; margin-right: 7.5rem; }
.enquiries .contact .col:last-child { margin-right: 0; }
.enquiries .contact .col img { margin-bottom: 3rem; }
/* FOOTER
------------------- */
footer { height: 13rem; background: #f6f6f6; padding: 3rem 5rem; font-size: 1.5rem; }
footer .terms { float: left; /*font-size: 19px;*/ color: #333; margin-top: 2.5rem; }
footer a {display: block; color: #333; }
footer .copyright { float: right; display: block; height: 6.4rem; text-align: right; padding-right: 8rem; padding-top: 4.5rem; background: url(_/images/iput-logo.png) right no-repeat; background-size: 6.4rem; }
/* PAGE ENQUIRY
--------------------*/
.contact-form { background: #e5f1f5; padding: 6.6rem 5rem 8rem 7rem; }
.contact-form p { font-size: 2.5rem; line-height: 4.8rem; }
.contact-form h2, .contact-form p { color: #21556e; }
.contact-form form { padding-left: 3rem; font-size: 1.8rem; }
.contact-form form input[type=text] { height: 35px; margin-bottom: 10px; }
.contact-form form input[type=text],
.contact-form form textarea { width: 100%; border: 1px solid #f5fafb; border-radius: 3px; padding: 1.2rem 2rem; }
.contact-form form textarea { resize: none; }
.contact-form form input[type=submit] { display: block; width: 18rem; height: 3.5rem; margin: 0 auto; margin-bottom: -6rem; margin-top: 2rem; border: none; border-radius: 3px; background: #21556e; color: #fff; font-size: 1.8rem; text-align: center; }
.contact-form .ajax-message { display: none; margin-bottom: 2rem; }
/* PAGE BUILDING SPECIFICATION
--------------------*/
.building-spec .photo { background: url(_/images/buildingSpecification.jpg); }
.bs-content h2 { margin: 2rem 0 3rem 0; }
/* PAGE GALLERY
--------------------*/
.gallery .swiper-gallery { width: 100%; background: #e5f1f5; }
.gallery .swiper-slide { background: #e5f1f5; }
/*.gallery .swiper-slide img { max-width: 80rem; height: 53rem; width: auto; display: block; margin: 0 auto; }*/
.gallery .swiper-slide .slide-image { max-width: 80rem; height: 53rem; width: auto; display: block; margin: 0 auto; }
/*.gallery .swiper-slide { background: #e5f1f5; max-width: 80rem; height: 53rem; width: auto; display: block; margin: 0 auto; }*/
.gallery .gallery-thumbnails { float: right; }
.gallery .gallery-thumbnails img { height: 100%; width: auto; }
.gallery .gallery-thumbnails .thumbnail { position: relative; float: left; height: 9.5rem; margin-right: 1rem; margin-bottom: 1rem; -webkit-transition: opacity 0.2s ease 0s; }
.gallery .gallery-thumbnails .thumbnail:hover { opacity: 0.65; cursor: pointer; }
.gallery .gallery-thumbnails .thumbnail.active::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; box-shadow: inset 0px 0px 0px 6px #00556f; }
.swiper-button-prev { background: url(_/images/swiper-gallery-prev.png) center no-repeat; left: 6rem; }
.swiper-button-next { background: url(_/images/swiper-gallery-next.png) center no-repeat; right: 6rem; }
/* PAGE TEAM
--------------------*/
.team-logos img { display: block; }
.team-logos h5 { color: #8b8a8f; line-height: 1.7rem; margin: 2rem 0; }
.team-logos h5:before { display: none; content: none; }
.team-logos .row { border-bottom: 1px solid #edecea; margin-bottom: 3rem; }
/* PAGE AMENITIES
-------------------*/
.amenities .photo { background: url(_/images/amenities2.jpg); }
.amenities .nav > li.am-active a { color: #b82e00; }
.amenities .nav > li.am-active:before { content: '/'; }
.amenities .nav > li.am-active.pink:before, .amenities .nav > li.am-active.pink a, .category.pink span:before { color: #bc227c; }
.amenities .nav > li.am-active.green:before, .amenities .nav > li.am-active.green a, .category.green span:before { color: #90d159; }
.amenities .nav > li.am-active.violet:before, .amenities .nav > li.am-active.violet a, .category.violet span:before { color: #624797; }
.amenities .nav > li.am-active.aqua:before, .amenities .nav > li.am-active.aqua a, .category.aqua span:before { color: #5bc7d3; }
.amenities .nav > li.am-active.red:before, .amenities .nav > li.am-active.red a, .category.red span:before { color: #b82e00; }
.amenities .nav > li.am-active.orange:before, .amenities .nav > li.am-active.orange a, .category.orange span:before { color: #eb8a18; }
.amenities .nav > li.am-active.blue:before, .amenities .nav > li.am-active.blue a, .category.blue span:before { color: #1863eb; }
.amenities .category-map { position: relative; }
.amenities .category-map img { width: 100%; height: auto; }
.amenities .category-map .marker { position: absolute; background: url(_/images/marker.png) center no-repeat; background-size: 100%; width: 3.2rem; height: 3.7rem; margin-left: -1.6rem; margin-top: -1.8rem; }
.amenities .category-map .marker.pink { background-image: url(_/images/marker-pink.png); }
.amenities .category-map .marker.green { background-image: url(_/images/marker-green.png); }
.amenities .category-map .marker.violet { background-image: url(_/images/marker-violet.png); }
.amenities .category-map .marker.aqua { background-image: url(_/images/marker-aqua.png); }
.amenities .category-map .marker.red { background-image: url(_/images/marker-red.png); }
.amenities .category-map .marker.orange { background-image: url(_/images/marker-orange.png); }
.amenities .category-map .marker.blue { background-image: url(_/images/marker-blue.png); }
.amenities .category-map .marker .marker-content { display: none; background-color: #fff; opacity: 0; box-shadow: 1; transition: opacity 0.2s ease 0s; width: 29.9rem; height: 12.3rem; position: relative; z-index: 9999; }
/*.amenities .category-map .marker:hover .marker-content,*/
.amenities .category-map .marker.active .marker-content { display: block; opacity: 1; }
.amenities .category-map .marker .marker-content a { color: #43c4da; }
.amenities .category-map .marker .marker-content span { display: block; width: 100%; }
.amenities .category-map .marker .marker-content.left { padding: 1.5rem 2rem 2rem; top: -100%; left: -965%; }
.amenities .category-map .marker .marker-content.right { padding: 1.5rem 2rem 2rem; top: -98%; left: 135%; }
.amenities .category-map .marker .marker-content.top { padding: 1.5rem 2rem 2rem; top: -356%; left: -132%; }
.amenities .category-map .marker .marker-content.bottom { padding: 1.5rem 2rem 2rem; top: 120%; left: -45%; }
.amenities .category-map .marker .marker-content .arrow { position: absolute; width: 3rem; height: 2.3rem; background: url(_/images/amenities-triangle.png) center no-repeat; pointer-events: none; }
.amenities .category-map .marker .marker-content.left .arrow { top: 3.3rem; left: 29.9rem; transform: rotate(180deg); }
.amenities .category-map .marker .marker-content.right .arrow { top: 3.3rem; left: -3rem; transform: scaleY(-1); }
.amenities .category-map .marker .marker-content.top .arrow { top: 12.3rem; left: 3.5rem; transform: rotate(-90deg) scaleY(-1); }
.amenities .category-map .marker .marker-content.bottom .arrow { top: -2.5rem; left: 2.5rem; transform: rotate(90deg) scaleY(-1); }
.amenities .category-map .marker .marker-content .name,
.amenities .category-map .marker .marker-content .www { display: block; font-weight: 600; }
.amenities .category-map .marker .marker-content .www { margin-top: 5px; }
.amenities .category-map .category,
.amenities .places .category { display: none; }
.amenities .places span { cursor: pointer; }
.amenities .places span:before { content: '/'; display: inline-block; margin-left: 6px; margin-right: 6px; font-size: 1.6rem; }
.amenities .places span:first-child:before { display: none; }
/* PAGE ABOUT IPUT
------------------------*/
.iput .photo { background: url(_/images/aboutiputphoto.jpg); }
/* PAGE FLOOR PLANS & SPACE PLANS
-----------------------*/
.page.floor-plans .photo { background: url(_/images/floorplansphoto.jpg) center no-repeat; }
.floor-plans .container,
.space-plans .container { width: 60.6rem; float: right; }
.floor-plans .additional-data { margin-top: 1.5rem; background: #fff; border: 1px solid #ececec; }
.floor-plans table { width: 100%; color: #7dc2d8; font-size: 1.8rem; text-transform: uppercase; }
.floor-plans thead { height: 6.5rem; }
.floor-plans tfoot { height: 6.5rem; line-height: 6.5rem; }
.floor-plans thead,
.floor-plans tfoot { padding: 0 2rem 0 4.5rem; width: 100%; }
.floor-plans tbody { background: #f1f1f1; }
.floor-plans tbody tr td:nth-child(1) { padding-left: 4.5rem; }
.floor-plans tbody tr td:nth-child(2),
.floor-plans thead th:nth-child(2) { text-align: right; }
.floor-plans th { font-weight: normal; }
.floor-plans thead th { vertical-align: top; padding-top: 1.9rem; padding-bottom: 0.6rem; }
.floor-plans thead th span { display: block; vertical-align: top; }
.floor-plans thead th span.title { display: block; margin-bottom: 0.4rem; }
.floor-plans thead th span.th-subtitle { font-size: 1.4rem; line-height: 1.4rem; font-style: italic; font-weight: 200; }
.floor-plans tbody tr td:last-child { text-align: center; }
.floor-plans tbody tr.active td { color: #00556f; }
.floor-plans tbody tr:first-child td { padding-top: 1.5rem; }
.floor-plans tbody tr:last-child td { padding-bottom: 1.5rem; }
.floor-plans table tfoot { font-size: 2.7rem; }
.floor-plans table .total { padding-left: 4.5rem; text-align: left; }
.floor-plans table .total-amount { text-align: left; }
/* SPACE PLANS */
.space-plans .additional-data { border: 1px solid #e6e6e6; padding-bottom: 3rem; margin-top: 1.5; }
.space-plans header { padding: 2rem 4.5rem; }
.space-plans header h3,
.space-plans header h4 { color: #7dc2d8; }
.space-plans header h3 { margin-bottom: 2rem; }
.space-plans header h4 { margin-bottom: 0; }
.space-plans .details { padding: 2rem 4.5rem 3rem; background: #f1f1f1; }
.space-plans .details p { margin-bottom: 0; color: #00556f; }
/* PAGE TRANSPORT
----------------------*/
.transport .photo { background: url(_/images/transportphoto.jpg) center no-repeat; }
.transport .legend li { display: inline-block; height: 2.5rem; width: 100%; margin-bottom: 5rem; font-size: 2rem; color: #00556f; }
.transport .legend li span { line-height: 2.5rem; float: left; }
.transport .legend li img { margin-right: 2.5rem; float: left; }
.transport .routes { border: 1px solid #e6e6e6; padding: 1.5rem 0rem 2rem; }
.transport .route { margin-bottom: 2rem; }
.transport .route h3 { color: #7dc2d8; display: inline-block; height: 3.7rem; padding-left: 5.5rem; padding-top: 0.5rem; margin-left: 5rem; margin-bottom: 1rem; }
.transport .walking-route h3 { background: url(_/images/walking-routes.png) left top no-repeat; }
.transport .driving-route h3 { background: url(_/images/driving-routes.png) left top no-repeat; }
.transport .route .list { background: #ececec; margin-left: 0rem; padding: 2.5rem 4.5rem; }
.transport .route .list li { margin-bottom: 1rem; color: #00556f; font-size: 1.8rem; }
.transport .route .list li span { text-align: right; float: right; }
.transport .route .list li span:after { content: 'min'; display: inline-block; margin-left: 0.5rem; }
.transport .map { background-size: cover; width: 100%; height: 882px; }
/* PAGE NEIGHBOURS
----------------------*/
.neighbours .photo { background: url(_/images/neighboursphoto.jpg); }
.neighbours .neighbourhood { width: 100%; height: auto; padding-top: 69%; }
.neighbours .neighbourhood-list { padding: 4rem 0; border: 1px solid #e6e6e6; }
.neighbours .list { background: #ececec; padding: 1rem 3rem; }
.neighbours .list li { font-size: 1.8rem; color: #00556f; }
.neighbours .list li .color { display: inline-block; width: 1rem; height: 1rem; border-radius: 5px; background: #000; margin-right: 1.5rem; }
.neighbours .list li .number { float: left; display: inline-block; width: 15px; margin-right: 1.5rem; text-align: right; }
.neighbours .list .col-6:first-of-type { padding-right: 3.5rem; }
.neighbours .list .col-6:last-of-type { padding-left: 3.5rem; }
.neighbours-pins .neighbour-pin { position: absolute; display: block; width: 40px; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; color: #fff; font-size: 1.8rem; overflow: hidden; z-index: 10; }
.neighbours-pins .neighbour-pin .neighbour-pin-content-wrapper { position: absolute; width: 550px; height: 50px; left: -255px; bottom: 160%; }
.neighbours-pins .neighbour-pin .neighbour-pin-full-name { display: none; margin: 0 auto; padding: 0 25px; color: #106078; background: #fff; width: auto; line-height: 45px; white-space: nowrap; }
.neighbours-pins .neighbour-pin .neighbour-pin-arrow { display: block; width: 25px; height: 25px; background: url(_/images/neighbours-arrow.png) center no-repeat; position: absolute; top: 45px; left: 50%; margin-left: -12px; }
.neighbours-pins .neighbour-pin.featured { border: 2px solid #fff; line-height: 36px; }
.neighbours-pins .neighbour-pin.featured.active .neighbour-pin-content-wrapper { width: 159px; height: 92px; left: -64px; bottom: 110%; background: url(_/images/featured-marker.png) center no-repeat; }
.neighbours-pins .neighbour-pin.featured.active .neighbour-pin-full-name,
.neighbours-pins .neighbour-pin.featured.active .neighbour-pin-arrow { display: none; }
.neighbours-pins .neighbour-pin.active .neighbour-pin-full-name { z-index: 10000; }
.neighbours-pins .neighbour-pin.active .neighbour-pin-full-name { display: inline-block; }
.neighbours-pins .neighbour-pin.active { overflow: initial; z-index: 10000; }
/* bottom */
.neighbours-pins .neighbour-pin.bottom .neighbour-pin-content-wrapper { bottom: -190%; }
.neighbours-pins .neighbour-pin.bottom .neighbour-pin-arrow { top: -25px; transform: scaleY(-1); }
/* left */
.neighbours-pins .neighbour-pin.left .neighbour-pin-content-wrapper { left: 0; }
.neighbours-pins .neighbour-pin.left .neighbour-pin-arrow { margin-left: 0; left: 10px; }
.neighbours-pins .neighbour-pin.left .neighbour-pin-full-name { float: left; }
/* right */
.neighbours-pins .neighbour-pin.right .neighbour-pin-content-wrapper { left: auto; right: 0; }
.neighbours-pins .neighbour-pin.right .neighbour-pin-arrow { margin-left: -12px; left: auto; right: 9px; }
.neighbours-pins .neighbour-pin.right .neighbour-pin-full-name { float: right; }
/* PAGE SPECIFICATION
----------------------*/
.specification .page-content { font-size: 1.8rem; }
.specification .page-content ul { list-style-position: inside; }
.specification .page-content li { margin-bottom: 40px; padding-left: 20px; position: relative; font-size: 1.8rem; line-height: 2rem; }
.specification .page-content li:before { content: ''; display: inline-block; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 3px; background: #00556f; }
@media screen and (max-width: 1289px) {
.page .content { padding: 3.5rem; }
header { background-size: 100%; height: auto; }
.transport .map { height: auto; padding-top: 70%; background-size: 100%; }
}
@media screen and (max-width: 1200px) {
html { font-size: 9px; }
.home .map { height: auto; padding-top: 50%; background-size: 100%; }
.floor-plans .container, .space-plans .container { width: auto; }
}
@media screen and (min-width: 1025px) {
.amenities .category-map .category.am-active,
.amenities .places .category.am-active { display: block; }
}
@media screen and (max-width: 1024px) {
html { font-size: 8px; }
.map .show-map { display: block; }
.transport .driving-route h3,
.transport .walking-route h3 { background-size: contain; }
.team-logos img { height: 85px; }
.team-logos h5 { font-size: 2.7rem; line-height: 82px; }
.mobile-menu .nav > li a { font-size: 3.2rem; line-height: 3.2rem; }
.mobile-menu .nav > li ul.sub-menu li { margin-bottom: 2.5rem; }
.mobile-menu .nav > li ul.sub-menu li a { font-size: 3.2rem; line-height: 3.2rem; display: inline-block; }
.mobile-menu .nav > li ul.sub-menu ul.sub-menu li a { font-size: 2.6rem; line-height: 2.6rem; display: inline-block; }
.mobile-menu .nav > li:before { font-size: 3.2rem; line-height: 3.2rem; }
.mobile-menu .nav > li.current-menu-item:before,
.mobile-menu .nav > li.current-page-parent:before { font-size: 3.2rem; line-height: 3.2rem; }
nav.header-nav { display: none; }
.menu-sidebar-container.menu-sidebar { display: none; }
.burger { display: block; }
.gallery .gallery-thumbnails,
.gallery .menu-sidebar-container { width: 100%; }
.floor-plans .col-7, .space-plans .col-7 { width: 100%; float: none; }
.floor-plans .container, .space-plans .container { width: 100%; max-width: 606px; margin: 0 auto; float: none; }
.amenities .col-3,
.amenities .col-9 { width: 100%; float: none; }
.specification .col-7 { width: 100%; }
.specification .page-content li:before { top: 4px; }
.enquiries .phone a { color: #43c4da; }
.modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 9999999; padding: 50px 0 20px; }
.modal-inner-scroll { overflow: scroll; height: 100%; width: 100%; -webkit-overflow-scrolling: touch; }
.modal-inner-wrapper { position: relative; }
.modal img { max-width: none; height: 100%; width: auto; }
.map.active .modal, .modal.active, .amenities .category-modal.active { display: block; }
.modal-close { display: block; border: 0; background: none; position: fixed; top: 5px; right: 10px; width: 40px; height: 40px; }
.modal-close:before { position: absolute; top: 20px; left: 10px; content: ''; display: inline-block; width: 20px; height: 3px; background: #fff; transform: rotate(-45deg); }
.modal-close:after { position: absolute; top: 20px; left: 10px; content: ''; display: inline-block; width: 20px; height: 3px; background: #fff; transform: rotate(45deg); }
.category .modal-inner-scroll > img { width: auto; height: auto; }
.amenities .category-map .marker .marker-content.left { left: auto; top: auto; right: 600%; }
.amenities .category-map .marker .marker-content.right { top: auto; }
.amenities .category-map .marker .marker-content.top { top: auto; left: auto; bottom: 180%; right: 70%; }
.amenities .category-map .marker .marker-content.bottom { top: 100%; left: auto; right: 10%; }
.amenities .category-map .marker .marker-content { top: auto; bottom: 50%; }
.amenities .category-map .marker { width: 5.2rem; height: 6.7rem; margin-left: 2.6rem; margin-top: -3.35rem; }
.neighbourhood > .neighbours-pins { display: none; }
/* PAGE TEAM
--------------------*/
.page.team .team-logos { float: none; margin: 0 auto; width: 100%; }
.team-logos img { margin: 0 auto; }
.team-logos h5 { text-align: center; }
/*.transport .legend-routes { padding-left: 2rem; }
.transport .legend-routes .col-3 { width: 100%; float: none; }
.transport .legend li { height: auto; display: inline-block; width: auto; float: left; margin-right: 5rem; }*/
}
@media screen and (max-width: 890px) {
html { font-size: 7px; }
/*header .logo { background-size: auto 100%; }*/
.enquiries .contact .logo { height: 15rem; margin-bottom: 3rem; }
.enquiries .contact .logo img { height: auto; width: auto; max-height: 100%; }
.enquiries .brochure a { width: 26.7rem; height: 9.1rem; font-size: 2rem; }
.team h5 { font-size: 2.5rem; }
}
@media screen and (max-width: 767px) {
html { font-size: 6px; }
/*.gallery .menu-sidebar-container { margin-top: 5rem; }*/
.gallery .swiper-button-prev,
.gallery .swiper-button-next { display: none; }
/*.enquiries .contact .logo { height: 15rem; margin-bottom: 3rem; }
.enquiries .contact .logo img { height: auto; width: auto; max-height: 100%; }*/
.transport .legend-routes { padding-left: 2rem; }
.transport .legend li { height: auto; margin-bottom: 2rem; }
.transport .legend li span { line-height: 4.5rem; }
.enquiries .brochure { width: 100%; float: none; margin-top: 0; }
.enquiries .contact { margin-top: 5rem; float: none; }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
/*.enquiries .contact .col.knight-frank img { margin-top: 4.5rem; }*/
.enquiries h2 { line-height: 1.1; }
}
@media screen and (max-width: 580px) {
.transport .legend-routes { padding-left: 1rem; padding-top: 1rem; }
.transport .legend-routes .col-9 { width: 65%; }
.transport .legend-routes .col-3 { width: 35%; }
.neighbours .list li { font-size: 2.5rem; }
.neighbourhood-list .col-6 { width: 100%; float: none; }
.neighbours .list .col-6:first-of-type { padding-right: 0; }
.neighbours .list .col-6:last-of-type { padding-left: 0; }
.amenities .category-map .marker { width: 7rem; height: 8.5rem; margin-left: 3.5rem; margin-top: -4.25rem; }
.burger { left: 0; }
.page.overview .col-6, .page.overview .col-6 { width: 100%; }
.page.overview .col-5.col-push-1 { width: 100%; margin-top: 3rem; margin-left: 0; }
.amenities .category-map .marker .marker-content.left { right: 450%; bottom: 20%; }
.amenities .category-map .marker .marker-content.right { top: auto; left: 105%; bottom: 40%; }
.amenities .category-map .marker .marker-content.top { top: auto; left: auto; bottom: 150%; right: 40%; }
.amenities .category-map .marker .marker-content.bottom { top: 90%; left: auto; right: 0; }
.amenities .category-map .marker .marker-content { top: auto; bottom: 50%; }
}
@media screen and (max-width: 540px) {
header nav > div > ul > li { margin: 0 1rem; width: 20.1rem; }
header nav > div > ul > li a { font-size: 1.9rem; }
.floor-plans .col-7,
.floor-plans .menu-sidebar-container,
.space-plans .col-7,
.space-plans .menu-sidebar-container,
.specification .col-7,
.specification .menu-sidebar-container,
.team .col-7,
.team .menu-sidebar-container { width: 100%; }
.floor-plans .container, .space-plans .container { width: 100%; }
.photo { height: auto; padding-top: 40%; }
.home .slider, .slider { height: auto; }
.home .slider .swiper-slide { padding-top: 40%; }
.iput .slider { height: auto; }
.iput .slider .swiper-slide { padding-top: 40%; }
.team h5 { font-size: 3rem; }
.team-logos .col-6 { width: 100%; float: none; }
.team-logos .col-6 h5 { text-align: center; }
.team-logos .col-6 img { height: 85px; }
.team-logos .row { border-bottom: none; }
.contact-form .col-5,
.contact-form .col-7 { width: 100%; float: none; }
.transport .legend-routes .col-9,
.transport .legend-routes .col-3 { width: 100%; float: none; }
.transport h3 { font-size: 2rem; }
}
@media screen and (max-width: 479px) {
.slider .copy .title { font-size: 3.6rem; }
.slider .copy .subtitle { font-size: 2rem; }
.enquiries { padding: 3.5rem; }
.enquiries h2 { position: static; }
.enquiries .contact .logo { height: 9rem; }
.enquiries .contact .col.knight-frank img { width: 80px; }
.enquiries .contact .col.savills img { width: 45px; }
.introduction .col-left { float: none; width: 100%; }
.introduction .col-right { float: none; width: 100%; margin-top: 5rem; }
.page .content { padding: 3.5rem; }
.content-padding { padding: 0 0 1rem 0; }
}
@media screen and (max-width: 450px) {
header nav > div > ul > li { margin: 0 0.5rem; width: 14.5rem; }
header nav > div > ul > li a { font-size: 1.5rem; }
.enquiries .contact .col.knight-frank { margin-bottom: 5rem; }
.neighbours .list li { font-size: 2.5rem; }
.rwd-menu .pusher { transform: translate3D(250px, 0, 0); }
.mobile-menu { width: 250px; }
.transport .route h3,
.transport .route h3 { margin-left: 1rem; }
.enquiries .contact .phone { color: #43c4da; }
footer { height: auto; }
footer .terms { text-align: center; width: 100%; }
footer .copyright { float: none; margin: 0 auto 2rem; margin-bottom: 2rem; height: auto; background-position: center top; padding-top: 7rem; padding-right: 0; text-align: center; }
footer .copyright a { margin-top: 0; text-align: center; }
th { line-height: 3rem; font-size: 2.2rem; }
sup { font-size: 65%; }
.specification .page-content .col-5 { width: 51.6666%; }
.specification .page-content .col-6 { width: 40%; }
}
/*
.slider { height: 50rem; position: relative; }
.slider .copy { padding: 50% 5% 10%; }
.map { height: auto; padding-top: 50%; background-size: 100%; }
.enquiries .contact .col { padding-right: 3.5rem; margin-right: 0; width: 50%; }
.enquiries .contact .col.knight-frank img { width: 120px; }
.enquiries .contact .col.savills img { width: 67px; }
.enquiries { padding: 3.5rem 2.5rem 3.5rem 26rem; }
.enquiries .contact { font-size: 1.4rem; float: none; }
.enquiries h2 { left: 3rem; bottom: 8rem; }
}
@media screen and (max-width: 1024px) {
.copy-wrapper { position: absolute; bottom: 3.5rem; }
}
@media screen and (max-width: 825px) {
.slider .copy { /*padding-top: 25%;*/ /*}
.enquiries .contact .col { margin-bottom: 5rem; }
}
@media screen and (max-width: 767px) {
html { font-size: 5px; }
.slider { height: 50rem; }
.slider br { display: none; }
.slider .copy { padding: 25% 25% 5% 5%; font-size: 2.8rem; }
.slider .copy-wrapper { padding-right: 15%; }
/*.slider .copy .title { font-size: 2.8rem; }*//*
.map { height: auto; padding-top: 50%; }
footer .copyright { background-size: 34px; height: 34px; }
}
*/