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: 'Averta'; src: url('../font/Averta-Light.eot'); src: url('../font/Averta-Light.eot?#iefix') format('embedded-opentype'), url('../font/Averta-Light.woff') format('woff'), url('../font/Averta-Light.ttf') format('truetype'), url('../font/Averta-Light.svg#Averta-Light') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Averta-Italic'; src: url('../font/Averta-LightItalic.eot'); src: url('../font/Averta-LightItalic.eot?#iefix') format('embedded-opentype'), url('../font/Averta-LightItalic.woff') format('woff'), url('../font/Averta-LightItalic.ttf') format('truetype'), url('../font/Averta-LightItalic.svg#Averta-LightItalic') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'OpenSans-Italic'; src: url('../font/OpenSans-Italic.eot'); src: url('../font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Italic.woff') format('woff'), url('../font/OpenSans-Italic.ttf') format('truetype'), url('../font/OpenSans-Italic.svg#OpenSans-Italic') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'OpenSans-Light'; src: url('../font/OpenSans-Light.eot'); src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light.woff') format('woff'), url('../font/OpenSans-Light.ttf') format('truetype'), url('../font/OpenSans-Light.svg#OpenSans-Light') format('svg'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Orkney'; src: url('../font/orkney-medium.eot'); src: url('../font/orkney-medium.eot?#iefix') format('embedded-opentype'), url('../font/orkney-medium.woff') format('woff'), url('../font/orkney-medium.ttf') format('truetype'), url('../font/orkney-medium.svg#orkney-medium') format('svg'); font-weight: normal; font-style: normal;}::-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%;overflow-x: hidden;}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 { text-decoration: none; color: inherit;}h1,h2,h3,h4,h5,h6,p {margin-top: 0; color: #525252;}* { font-family: 'Averta';}h1,h2,h3,h4,h5,h6 { font-family: 'Averta-Italic';}h2 { font-size: 37px;}h3 { font-size: 26px;}p,li { font-size: 16px; line-height: 25px; font-family: 'Averta';}.cms ul {list-style: disc;padding-left: 20px;margin-bottom: 20px;}.cms ol {list-style: decimal;padding-left: 20px;margin-bottom: 20px;}.cms a {text-decoration: underline;font-weight: bold;}#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;}#header .nav-button span,#header .nav-button,#layout .overlay,#layout,#navm,#loading .load,.transition,.arrow-down,.land-box,.main-nav,.nav h2,.land-text-box,.fancybox-nav span,.fancybox-close {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;}.flex { display: -webkit-box; display: -ms-flexbox; display: flex;}.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap;}.flex-col {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.flex-cent {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.flex-sp-bet {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.parallax { background-attachment: fixed; -webkit-box-shadow: inset 0px 10px 10px -10px rgb(0,0,0,0.3), inset 0px -10px 10px -10px rgb(0,0,0,0.3); box-shadow: inset 0px 10px 10px -10px rgb(0,0,0,0.3), inset 0px -10px 10px -10px rgb(0,0,0,0.3);}.inset-shadow { -webkit-box-shadow: inset 0px 10px 10px -10px rgb(0,0,0,0.3), inset 0px -10px 10px -10px rgb(0,0,0,0.3); box-shadow: inset 0px 10px 10px -10px rgb(0,0,0,0.3), inset 0px -10px 10px -10px rgb(0,0,0,0.3);}.bg-cover {background-size: cover;background-repeat: no-repeat;background-position: center;}.bg-contain {background-size: contain;background-repeat: no-repeat;background-position: center;}.bg-top {background-position: top;}.bg-left {background-position: left;}.bg-right {background-position: right;}.bg-bottom {background-position: bottom;}.ov-hidden {overflow: hidden;}.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.col5x3.margin {width: 58%;margin-right: 4%;}.col.col5x2.margin {width: 38%;margin-right: 4%;}.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;}html.cookie #cookie { bottom: 0; } #cookie { position: fixed; bottom: -110%; left: 0; right: 0; width: 100%; background: #fff; z-index: 9999; overflow: hidden; border-top: 1px solid #ac0050; transition: All .8s ease; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease; } #cookie span { width: 50px; height: 50px; display: block; background: url(../img/png/icons/close-cookie.png) center center no-repeat; background-size: contain; float: right; position: relative; z-index: 1000; cursor: pointer; } #cookie p { position: relative; width: 100%; padding: 14px 55px 14px 0px; text-align: center; font-size: 16px; color: #525252; margin-bottom: 0; margin-top: 0; } #cookie a { color: #ac0050; } #cookie a:hover { opacity: 0.6; }@media screen and (max-width: 1320px) {.container {width: 960px;}}@media screen and (max-width: 1024px) { .parallax { background-attachment: scroll !important; -webkit-box-shadow: none; box-shadow: none; }}@media screen and (max-width: 1000px) {.container {width: 720px;} h2 { font-size: 26px; } h3 { font-size: 20px; } p, li { font-size: 14px; line-height: 20px; }.col.col5x3,.col.col5x2 {float: none !important;clear: both !important;width: 100% !important;margin-right: 0 !important;}}@media screen and (max-width: 767px) {body {overflow: hidden;overflow-y: auto;}.container {width: auto; padding: 0 20px;}.col {float: none !important;clear: both !important;width: 100% !important;margin-right: 0 !important;}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .parallax { background-attachment: scroll !important; -webkit-box-shadow: none; box-shadow: none; }}@supports (-ms-accelerator:true) { .parallax { background-attachment: scroll !important; -webkit-box-shadow: none; box-shadow: none; }}@supports (-ms-ime-align:auto) { .parallax { background-attachment: scroll !important; -webkit-box-shadow: none; box-shadow: none; }}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    padding: 0 !important;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../fancybox/source/fancybox_sprite.png); }*/

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
/*    background: url(../fancybox/source/fancybox_loading.gif) center center no-repeat;*/
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
/*    background: transparent url(blank.gif);  helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
/*    background: url(../fancybox/source/fancybox_overlay.png);*/
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
/*        background-image: url(../fancybox/source/fancybox_sprite@2x.png);*/
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
/*        background-image: url(../fancybox/source/fancybox_loading@2x.gif);*/
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

#fancybox-buttons.top { top: 10px; }

#fancybox-buttons.bottom { bottom: 10px; }

#fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #111;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
    background: rgb(50, 50, 50);
    background: -moz-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(68, 68, 68)), color-stop(50%, rgb(52, 52, 52)), color-stop(50%, rgb(41, 41, 41)), color-stop(100%, rgb(51, 51, 51)));
    background: -webkit-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
    background: -o-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
    background: -ms-linear-gradient(top, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
    background: linear-gradient(to bottom, rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
/*    background-image: url('fancybox_buttons.png');*/
    background-repeat: no-repeat;
    outline: none;
    opacity: 0.8;
}

#fancybox-buttons a:hover { opacity: 1; }

#fancybox-buttons a.btnPrev { background-position: 5px 0; }

#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay { background-position: 0 -30px; }

#fancybox-buttons a.btnPlayOn { background-position: -30px -30px; }

#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px
}

#fancybox-buttons a.btnToggleOn { background-position: -27px -60px; }

#fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 35px;
    background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
    opacity: 0.4;
    cursor: default;
}#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom { bottom: 2px; }

#fancybox-thumbs.top { top: 2px; }

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover { opacity: 1; }

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}.slick-list:focus { outline: none;}.slick-list.dragging { cursor: pointer; cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto;}.slick-track:before, .slick-track:after { content: ""; display: table;}.slick-track:after { clear: both;}.slick-loading .slick-track { visibility: hidden;}.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}[dir="rtl"] .slick-slide { float: right;}.slick-slide img { display: block;}.slick-slide.slick-loading img { display: none;}.slick-slide.dragging img { pointer-events: none;}.slick-initialized .slick-slide { display: block; position: relative;}.slick-loading .slick-slide { visibility: hidden;}.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden { display: none;}.slider_box{ position: relative;top:0;left:0;bottom:0;right:0; height: 750px;}.slide{background-position: center center;background-repeat: no-repeat;background-size: contain;}.slide,.slick-list,.slick-track{width:100%;height: 100%;}.slick-dots{position: relative;bottom:50px;text-align: center; margin: -25px auto 0; width: 160px; padding: 30px 0 0 27px;}.slick-dots li{float: left;margin-right: 5px;}.slick-dots li &.slick-active button{background-color:#682B60;}.slick-dots li &.slick-active button {width: 15px;height: 15px;font-size: 0;border:0;background-color: transparent;border:1px solid #682B60;line-height: 10px;}.landing,.vt-video-wrap { width: 100%; height: 100vh; background-color: #ccc; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/jpg/aerial-blur.jpg); overflow: hidden;}.lp-1 .landing { background-image: url(../img/jpg/banners/1-lotus-park.jpg);}.lp-2 .landing { background-image: url(../img/jpg/banners/2-lotus-park.jpg);}.lp-3 .landing { background-image: url(../img/jpg/banners/3-lotus-park.jpg);}.landing video { -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;}.vt-video-wrap video { height: 100%; width: 100%;}.main-logo,.second-logo { background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 200px; width: 800px; transition: .3s;}.main-logo {background-image: url(../img/png/logos/logo-lp-no-number-w.png);}.second-logo {background-image: url(../img/png/logos/logo-lp-no-number.png); top: 5%; left: 5%; transform: none; height: 150px; width: 450px;}html.lp-1 .main-logo,html.lp-1 .second-logo { background-image: url(../img/png/logos/new/1_Lotus.png);}html.lp-2 .main-logo,html.lp-2 .second-logo { background-image: url(../img/png/logos/new/2_Lotus.png);}html.lp-3 .main-logo,html.lp-3 .second-logo { background-image: url(../img/png/logos/new/3_Lotus.png);}html.home-pg .main-logo { background-image: url(../img/png/logos/logo-lp-no-number.png);}html.lp-1 .second-logo { background-image: url(../img/png/logos/logo-lp1.png);}html.lp-2 .second-logo { background-image: url(../img/png/logos/logo-lp2.png);}html.lp-3 .second-logo { background-image: url(../img/png/logos/logo-lp3.png);}.scroll-link-wrap { z-index: 1; cursor: pointer;display: table;width: auto;}.section .scroll-link-wrap { position: relative; margin: 50px auto 0;}.landing .scroll-link-wrap {position: absolute;left: 50%; transform: translateX(-50%);bottom: 80px;margin: 0 auto;}.scroll-link-wrap p { color: #fff; text-align: center; margin-bottom: 10px; font-family: 'Averta-Italic'; font-weight: bold; font-size: 20px;}.arrow-down { display: block; height: 50px; width: 50px; background-image: url(../img/png/icons/arrow-down-new-w.png); background-repeat: no-repeat; background-size: contain; background-size: 75%; background-position: center;margin: 0 auto;}.dark .arrow-down {background-image: url(../img/png/icons/arrow-down-new-b.png);}.arrow-down:hover { bottom: 60px;}.lp-colour-green { background-color: #005461; background: -webkit-linear-gradient(to top, #005461, #f9f9f9); background: -moz-linear-gradient(to top, #005461, #f9f9f9); background: -ms-linear-gradient(to top, #005461, #f9f9f9); background: -o-linear-gradient(to top, #005461, #f9f9f9); background: linear-gradient(to top, #005461, #f9f9f9);}.lp-colour-orange { background-color: #e84621; background: -webkit-linear-gradient(to top, #e84621, #f9f9f9); background: -moz-linear-gradient(to top, #e84621, #f9f9f9); background: -ms-linear-gradient(to top, #e84621, #f9f9f9); background: -o-linear-gradient(to top, #e84621, #f9f9f9); background: linear-gradient(to top, #e84621, #f9f9f9);}.lp-colour-red { background-color: #ac0050; background: -webkit-linear-gradient(to top, #ac0050, #f9f9f9); background: -moz-linear-gradient(to top, #ac0050, #f9f9f9); background: -ms-linear-gradient(to top, #ac0050, #f9f9f9); background: -o-linear-gradient(to top, #ac0050, #f9f9f9); background: linear-gradient(to top, #ac0050, #f9f9f9);}.land-box { height: 400px; position: relative; padding: 50px;}.land-box.lp-colour-green:hover { background-color: #005461; background: -webkit-linear-gradient(to top, #005461, #005461); background: -moz-linear-gradient(to top, #005461, #005461); background: -ms-linear-gradient(to top, #005461, #005461); background: -o-linear-gradient(to top, #005461, #005461); background: linear-gradient(to top, #005461, #005461);}.land-box.lp-colour-orange:hover { background-color: #ac0050; background: -webkit-linear-gradient(to top, #e84621, #e84621); background: -moz-linear-gradient(to top, #e84621, #e84621); background: -ms-linear-gradient(to top, #e84621, #e84621); background: -o-linear-gradient(to top, #e84621, #e84621); background: linear-gradient(to top, #e84621, #e84621);}.land-box.lp-colour-red:hover { background-color: #ac0050; background: -webkit-linear-gradient(to top, #ac0050, #ac0050); background: -moz-linear-gradient(to top, #ac0050, #ac0050); background: -ms-linear-gradient(to top, #ac0050, #ac0050); background: -o-linear-gradient(to top, #ac0050, #ac0050); background: linear-gradient(to top, #ac0050, #ac0050);}.land-text-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: table; text-align: center; width: 90%;}.land-box:hover .land-text-box { transform: translate(-50%,-50%) scale(1.1); -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden;}.land-box h2,.land-box h3,.land-box p { color: #fff;}.land-box h3 { margin-bottom: 10px;}#land-boxes:after { content: ''; display: block; height: 350px; width: 100%; background-color: #f9f9f9;}#loading { position: fixed; top:0; left:0; bottom:0; right:0; background-color: #fff; z-index: 13000;}#loading .box { background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); height: 200px; width: 800px; overflow: hidden; opacity: 1;}#loading .lotus { width:162px; position: absolute; top:0; left:50%; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: contain; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transition: .5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s;}#loading .title-logo { position: absolute; width: calc(100% - 162px); top:0; left:162px; bottom:0; overflow: hidden;}#loading .title-logo .box-title-logo { position: absolute; top:0; left:-100%; width:100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/png/logos/title-logo-no-number.png); transition: .8s; -webkit-transition:.8s; -moz-transition:.8s; -o-transition:.8s;}html.lp-1 #loading .title-logo .box-title-logo { background-image: url(../img/png/logos/title-logo1.png);}html.lp-2 #loading .title-logo .box-title-logo { background-image: url(../img/png/logos/title-logo2.png);}html.lp-3 #loading .title-logo .box-title-logo { background-image: url(../img/png/logos/title-logo3.png);}#loading .load { position: absolute; bottom:0; left:0; width:0%; height: 15px; background-color: #ac0050;}html.lp-1 #loading .load { background-color: #005461;}html.lp-2 #loading .load { background-color: #e84621;}.leaf { position: absolute; width:86px; height: 161px; top:50%; left:50%; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.9; transition: .8s; -webkit-transition:.8s; -moz-transition:.8s; -o-transition:.8s;}.leaf.blue { background-image: url(../img/png/logos/blue-leaf.png);}.leaf.purple { background-image: url(../img/png/logos/purple-leaf.png);}.leaf.orange { background-image: url(../img/png/logos/orange-leaf.png);}.leaf.orange,.leaf.purple,.leaf.blue { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-0deg); -webkit-transform: translate(-50%, -50%) rotate(-0deg); -moz-transform: translate(-50%, -50%) rotate(-0deg); -o-transform: translate(-50%, -50%) rotate(-0deg); -ms-transform: translate(-50%, -50%) rotate(-0deg);}html.anim-lotus .leaf.blue { transform: translate(-50%, -50%) rotate(25deg); -webkit-transform: translate(-50%, -50%) rotate(25deg); -moz-transform: translate(-50%, -50%) rotate(25deg); -o-transform: translate(-50%, -50%) rotate(25deg); -ms-transform: translate(-50%, -50%) rotate(25deg); left: 70%; top: 53.5%; z-index: 3;}html.anim-lotus .leaf.purple { background-image: url(../img/png/logos/purple-leaf.png); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 1;}html.anim-lotus .leaf.orange { transform: translate(-50%, -50%) rotate(-25deg); -webkit-transform: translate(-50%, -50%) rotate(-25deg); -moz-transform: translate(-50%, -50%) rotate(-25deg); -o-transform: translate(-50%, -50%) rotate(-25deg); -ms-transform: translate(-50%, -50%) rotate(-25deg); left: 28.5%; top: 53.8%; z-index: 2;}html.anim-step-2 #loading .lotus { left:0; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%);}html.anim-step-3 #loading .title-logo .box-title-logo { left: 0%;}#loading .box.loaded { opacity: 1;}.hm-extra-box {width: 33.33%;display: block;position: relative;overflow: hidden;}.hm-extra-box::after {content: '';position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;height: 100%;z-index: 5;background-color: rgba(0,0,0,0.3);}.hm-extra-img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1);width: 100%;height: 100%;-webkit-transition: .5s;transition: .5s;z-index: 1;}.land-box:hover .hm-extra-img {-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);}.land-text-box {z-index: 100;}.hero-slider {position: relative;height: 100%;width: 100%;}.hero-slider div {height: 100%;}.hero-slide-img {background-repeat: no-repeat;background-size: cover;background-position: center;height: 100%;width: 100%;}@media screen and (max-width: 1000px) { .main-logo { height: 110px; width: 500px; } #loading .box { height: 110px; width: 500px; } #loading .lotus { width: 101px; } .leaf { width: 58px; height: 100px; } #loading .title-logo { width: calc(100% - 101px); left: 101px; } #loading .title-logo .box-title-logo { background-size: 400px; } .land-box { height: 300px; } #land-boxes:after { height: 0; display: none; } .second-logo { height: 75px; width: 225px; }.section .scroll-link-wrap {margin: 15px auto 0;}.arrow-down {background-size: 50%;}}@media screen and (max-width: 767px) { .main-logo { height: auto; width: auto; padding: 40%; } #loading .box { height: auto; width: auto; padding: 40%; } #loading .lotus { width: 20%; } .leaf { width: 54%; height: 65%; } html.anim-lotus .leaf.blue { top: 50.8%; } html.anim-lotus .leaf.orange { left: 30%; top: 50.8%; } #loading .title-logo { width: 80%; left: 20%; } #loading .title-logo .box-title-logo { background-size: contain; } .land-box { height: auto; padding: 50px 20px; } .land-text-box { position: relative; left: auto; top: auto; transform: translate(0%,0%); width: 100%; } .lp-colour-green { background-color: #005461; background: -webkit-linear-gradient(to top, #005461, #005461); background: -moz-linear-gradient(to top, #005461, #005461); background: -ms-linear-gradient(to top, #005461, #005461); background: -o-linear-gradient(to top, #005461, #005461); background: linear-gradient(to top, #005461, #005461); } .lp-colour-orange { background-color: #e84621; background: -webkit-linear-gradient(to top, #e84621, #e84621); background: -moz-linear-gradient(to top, #e84621, #e84621); background: -ms-linear-gradient(to top, #e84621, #e84621); background: -o-linear-gradient(to top, #e84621, #e84621); background: linear-gradient(to top, #e84621, #e84621); } .lp-colour-red { background-color: #ac0050; background: -webkit-linear-gradient(to top, #ac0050, #ac0050); background: -moz-linear-gradient(to top, #ac0050, #ac0050); background: -ms-linear-gradient(to top, #ac0050, #ac0050); background: -o-linear-gradient(to top, #ac0050, #ac0050); background: linear-gradient(to top, #ac0050, #ac0050); } .land-box:hover .land-text-box { transform: translate(-0%,-0%) scale(1.0); }.scroll-link-wrap p {font-size: 18px;}.hm-extra-box {width: 100%;}}#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;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}#navm {position: fixed;top: 0;bottom: 0;right: -65%;width: 65%;overflow: auto;overflow-x: hidden;box-sizing: border-box;background: #ededed;opacity: 0;visibility: hidden; z-index: 10000; padding: 200px 0 0 200px;}#header h1 {display: none;}#header .nav-wrap { position: fixed; z-index: 12999; top: 0; right: 0; box-shadow: -3px 3px 20px rgba(0,0,0,0.2);}#header .nav-button {height: 90px;width: 90px;box-sizing: border-box;padding: 30px 25px 0 30px;cursor: pointer; background-color: #000;}.nav-button span {height: 4px;background: #fff;display: block; width: 40px; transition: .3s; position: absolute; opacity: 1; left: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}#header .nav-button span:nth-child(1) { top: 30px;}#header .nav-button span:nth-child(2) { top: 40px;}#header .nav-button span:nth-child(3) { top: 50px;}html.menu #header .nav-button span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 30px; left: 33px;}html.menu #header .nav-button span:nth-child(2) { width: 0%; opacity: 0;}html.menu #header .nav-button span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 58px; left: 33px;}#header .nav-button {display: block;}#layout .nav { display: none;}html.menu #layout {}html.menu #navm {right: 0;opacity: 1;visibility: visible;}html.menu body {overflow: hidden;}html.menu #layout {margin-left: 0;margin-right: 0;}html.menu #layout .overlay {opacity: 1;visibility: visible;cursor: pointer;}html.menu #layout .overlay:hover {background: rgba(0,0,0,0);}.nav-wrap .nav-building { display: block; height: 90px; width: 90px; position: relative; opacity: 0.5; transition: .3s ease;}.nav-wrap .nav-building a { display: block; height: 100%; width: 100%; opacity: 0.5; background-repeat: no-repeat; background-size: 20px; background-position: center;}.nav-wrap .nav-building.lt-1 { background-color: #005461;}.nav-wrap .nav-building.lt-2 { background-color: #e84621;}.nav-wrap .nav-building.lt-3 { background-color: #ac0050;}html.lp-1 .nav-wrap .nav-building.lt-1,html.lp-1 .nav-wrap .nav-building.lt-1 a { opacity: 1;}html.lp-2 .nav-wrap .nav-building.lt-2,html.lp-2 .nav-wrap .nav-building.lt-2 a { opacity: 1;}html.lp-3 .nav-wrap .nav-building.lt-3,html.lp-3 .nav-wrap .nav-building.lt-3 a { opacity: 1;}html #header.home-logo .nav-wrap .nav-building,html #header.home-logo .nav-wrap .nav-building a { opacity: 0.5 !important;}.nav-wrap .nav-building:hover, .nav-wrap .nav-building:hover a { opacity: 1 !important; transition: .3s ease;}.nav-wrap .menu-name { position: relative; width: 90px; height: 0px; background-color: #000; transition: .3s;}.nav-wrap .menu-name p { text-transform: uppercase; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg); font-size: 15px; color: #fff; opacity: 0; transition: .3s;}html.menu .nav-wrap .menu-name { height: 110px;}html.menu .nav-wrap .menu-name p { opacity: 1;}#navm .nav { width: 80%;}#navm .nav ul.main-nav li { margin-bottom: 20px; float: left; width: 50%;}#navm .nav ul.main-nav li a { font-family: 'Averta-Italic'; text-decoration: none; font-size: 24px; text-transform: inherit;}#navm .nav .lp-site-nav ul.main-nav li a { color: #000;}#navm .nav .lp-2-nav ul.main-nav li a { color: #e84621;}#navm .nav .lp-3-nav ul.main-nav li a { color: #ac0050;}#navm .nav .lp-1-nav ul.main-nav li a { color: #005461;}#navm .nav .lp-2-nav ul.main-nav li a { color: #e84621;}#navm .nav .lp-3-nav ul.main-nav li a { color: #ac0050;}#navm .nav ul li a:hover { opacity: 0.6; background-color: inherit;}#navm .nav .social { font-size: 24px; font-family: 'OpenSans-Light'; color: #b2b2b2;}#navm .nav .social a { background-repeat: no-repeat; background-size: contain; width: 20px; height: 17px; display: inline-block;}#navm .nav .social .twitter { background-image: url(../img/png/social/twitter-red.png); margin-right: 12px;}#navm .nav .social .linked-in { background-image: url(../img/png/social/linkedIn-red.png); margin: 0 12px;}#navm .nav .social .insta { background-image: url(../img/png/social/insta-red.png); margin-left: 12px;}#navm ul.nav-mini-foot { position: absolute; bottom: 40px;}#navm ul.nav-mini-foot li { float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #b2b2b2; color: #b2b2b2; font-size: 12px; font-family: 'OpenSans-Light';}#navm ul.nav-mini-foot li a { color: #b2b2b2; text-decoration: none; font-family: 'OpenSans-Light';}#navm ul.nav-mini-foot li:last-of-type { padding-right: 0; margin-right: 0; border-right: none;}#header.scroll .header-logo-wrap { position: fixed; width: 100%; height: 90px; transition: .3s; background-color: #fff; z-index: 100; box-shadow: 0 5px 10px rgba(0,0,0,0.3);}#header .head-logo { background-image: url(../img/png/logos/logo-lp-no-number-grey.png); background-repeat: no-repeat; background-position: left; background-size: contain; height: 90px; width: 420px; margin-top: 50px; position: fixed; z-index: 1000; transition: .3s; display: block;} html.lp-1 #header .head-logo { background-image: url(../img/png/logos/logo-lp1-grey.png);}html.lp-2 #header .head-logo { background-image: url(../img/png/logos/logo-lp2-grey.png);}html.lp-3 #header .head-logo { background-image: url(../img/png/logos/logo-lp3-grey.png);}html #header.home-logo .head-logo { background-image: url(../img/png/logos/logo-lp-no-number-grey.png) !important;}#header .head-logo.home-pg,#header.home-pg .head-logo { display: none;}#header.scroll .head-logo { margin-top: 15px; height: 60px; width: 275px; display: block;}#header.scroll .head-logo.home-pg { display: block;}.nav-box { margin-bottom: 10px;}.nav-box h2 { margin-bottom: 10px; cursor: pointer; background-position: right; background-repeat: no-repeat; background-size: 20px; display: table; padding-right: 50px; color: #000;}.nav-box.lp-site-nav h2,.nav-box.lp-com-nav h2 { color: #000; background-image: url(../img/png/icons/nav-down.png);}.nav-box.lp-1-nav h2 { color: #005461; background-image: url(../img/png/icons/nav-down-green.png);}.nav-box.lp-2-nav h2 { color: #e84621; background-image: url(../img/png/icons/nav-down-orange.png);}.nav-box.lp-3-nav h2 { color: #ac0050; background-image: url(../img/png/icons/nav-down-red.png);}.nav-box h2:hover { opacity: 0.6;}.nav-box.active.lp-site-nav h2,.nav-box.active.lp-com-nav h2 { background-image: url(../img/png/icons/nav-up.png);}.nav-box.active.lp-1-nav h2 { background-image: url(../img/png/icons/nav-up-green.png);}.nav-box.active.lp-2-nav h2 { background-image: url(../img/png/icons/nav-up-orange.png);}.nav-box.active.lp-3-nav h2 { background-image: url(../img/png/icons/nav-up-red.png);}.main-nav { height: 0; opacity: 0; overflow: hidden;}.nav-box.active .main-nav { opacity: 1;}.nav-box.active .main-nav.nav-links-1,.nav-box.active .main-nav.nav-links-2 { height: 40px;}.nav-box.active .main-nav.nav-links-3,.nav-box.active .main-nav.nav-links-4 { height: 90px;}.nav-box.active .main-nav.nav-links-5,.nav-box.active .main-nav.nav-links-6 { height: 140px;}.nav-box.active .main-nav.nav-links-7,.nav-box.active .main-nav.nav-links-8 { height: 190px;}@media screen and (max-height: 750px) { #navm { padding: 100px 0 0 200px; } }@media screen and (max-width: 1320px) { #navm { padding: 200px 0 0 100px; } @media screen and (max-height: 750px) { #navm { padding: 100px 0 0 100px; } } }@media screen and (max-width: 1000px) { #navm { padding: 110px 0 0 70px; } #header.scroll .header-logo-wrap { height: 50px; } #header .head-logo { height: 70px; width: 320px; margin-top: 20px; } #header.scroll .head-logo { margin-top: 5px; height: 40px; width: 185px; } #header .nav-button { height: 50px; width: 50px; padding: 10px 5px 0 10px; } .nav-button span { height: 2px; width: 20px; left: 15px; } #header .nav-button span:nth-child(1) { top: 20px; } html.menu #header .nav-button span:nth-child(1) { top: 20px; left: 15px; } #header .nav-button span:nth-child(2) { top: 25px; } #header .nav-button span:nth-child(3) { top: 30px; } html.menu #header .nav-button span:nth-child(3) { top: 34px; left: 15px; } .nav-wrap .menu-name { width: 50px; } html.menu .nav-wrap .menu-name { height: 60px; } .nav-wrap .menu-name p { left: 48%; transform: translateX(-50%) translateY(-48%) rotate(90deg); font-size: 12px; } .nav-wrap .nav-building { height: 50px; width: 50px; } .nav-wrap .nav-building a { background-size: 15px; } #navm .nav ul.main-nav li { margin-bottom: 15px; } #navm .nav ul.main-nav li a { font-size: 18px; } #navm .nav .social { font-size: 18px; } #navm .nav .social a { width: 15px; height: 13px; } #navm .nav .social .twitter { margin-right: 8px; } #navm .nav .social .linked-in { margin: 0 8px; } #navm .nav .social .insta { margin-left: 8px; } #navm ul.nav-mini-foot li { padding-right: 10px; margin-right: 10px; font-size: 10px; } .nav-box h2 { background-size: 15px; } .nav-box.active .main-nav.nav-links-1, .nav-box.active .main-nav.nav-links-2 { height: 30px; } .nav-box.active .main-nav.nav-links-3, .nav-box.active .main-nav.nav-links-4 { height: 70px; } .nav-box.active .main-nav.nav-links-5, .nav-box.active .main-nav.nav-links-6 { height: 110px; } .nav-box.active .main-nav.nav-links-7, .nav-box.active .main-nav.nav-links-8 { height: 150px; } @media screen and (max-height: 750px) { #navm { padding: 70px 0 0 70px; } } }@media screen and (max-width: 767px) { #navm { padding: 50px 0 0 50px; } #header .head-logo { height: 50px; width: 230px; margin-top: 15px; } #navm ul.nav-mini-foot { left: 50%; transform: translateX(-50%); width: 250px; } #navm ul.nav-mini-foot li { padding-right: 6px; margin-right: 6px; } .nav-box h2 { font-size: 20px; } #navm .nav ul.main-nav li a { font-size: 16px; } }@media screen and (max-width: 520px) { #navm { width: 100%; } .nav-box { margin-bottom: 5px; } #navm .nav ul.main-nav li { float: none; width: 100%; margin-bottom: 10px; } .nav-box.active .main-nav.nav-links-1 { height: 30px } .nav-box.active .main-nav.nav-links-2 { height: 60px; } .nav-box.active .main-nav.nav-links-3 { height: 90px } .nav-box.active .main-nav.nav-links-4 { height: 120px; } .nav-box.active .main-nav.nav-links-5 { height: 150px } .nav-box.active .main-nav.nav-links-6 { height: 180px; } .nav-box.active .main-nav.nav-links-7 { height: 210px; } .nav-box.active .main-nav.nav-links-8 { height: 240px; } }.foot-img { padding: 20%; background-size: cover; background-repeat: no-repeat; position: relative;}.foot-top { background-color: #fff; position: relative; width: 100%;}.foot-top .container { border-bottom: 1px solid #ccc; padding: 70px 20px;}.foot-contactBox { float: left; margin-right: 60px;}.foot-contactBox.no-marg { margin-right: 0;}.foot-contactBox .foot-logos { background-repeat: no-repeat; background-size: contain; background-position: left top; float: left; margin-right: 29px;}.foot-logos.savills { background-image: url(../img/png/logos/savills-logo.png); height: 100px; width: 100px;}.foot-logos.hanovergreen { background-image: url(../img/png/logos/hanovergreen-logo.png); height: 65px; width: 160px;}.foot-logos.newballerino { background-image: url(../img/png/logos/new-ballerino-logo.png); height: 65px; width: 220px;}.foot-logos.BNP { background-image: url(../img/png/logos/BNP-Paribas.png); height: 65px; width: 220px;}.foot-logos.VW { background-image: url(../img/png/logos/vail-williams.png); height: 65px; width: 220px;}.foot-contactBox .foot-contacts { float: left;}.foot-contactBox .foot-contacts p { font-family: 'OpenSans-Light'; font-size: 16px; color: #878787;}.foot-contacts .contact-pers:first-of-type { margin-bottom: 20px;}.foot-contacts .contact-pers a { display: block; text-decoration: none; font-family: 'OpenSans-Light'; font-size: 16px; color: #878787;}.foot-contacts .contact-pers a.italic { font-family: 'OpenSans-Italic';}.foot-bot { background-color: #f9f9f9; position: relative; width: 100%;}.foot-bot .container { padding: 70px 20px;}.foot-bot .left { float: left; width: 50%;}.foot-bot .right { float: right;}.foot-bot ul.nav-mini-foot { margin-bottom: 20px;}.foot-bot ul.nav-mini-foot li { float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #b2b2b2; color: #b2b2b2; font-size: 12px; font-family: 'OpenSans-Light';}.foot-bot ul.nav-mini-foot li a { color: #b2b2b2; text-decoration: none; font-family: 'OpenSans-Light';}.foot-bot ul.nav-mini-foot li a.soc-ico { background-repeat: no-repeat; background-position: center; background-size: contain; height: 25px; width: 20px; display: block;}.foot-bot ul.nav-mini-foot li a.soc-ico.tw { background-image: url(../img/png/icons/soc-twitter-grey.png);}.foot-bot ul.nav-mini-foot li a.soc-ico.fb { background-image: url(../img/png/icons/soc-facebook-grey.png);}.foot-bot ul.nav-mini-foot li a.soc-ico.insta { background-image: url(../img/png/icons/soc-instagram-grey.png);}.foot-bot ul.nav-mini-foot li a.soc-ico.linkedin { background-image: url(../img/png/icons/soc-linkedin-grey-2.png);}.foot-bot ul.nav-mini-foot li:last-of-type { padding-right: 0; margin-right: 0; border-right: none;}.foot-bot .social { font-size: 24px; font-family: 'OpenSans-Light'; color: #b2b2b2; text-align: right;}.foot-bot .social a { background-repeat: no-repeat; background-size: contain; width: 20px; height: 17px; display: inline-block;}.foot-bot .social .twitter { background-image: url(../img/png/social/twitter-grey.png); margin-right: 12px;}.foot-bot .social .linked-in { background-image: url(../img/png/social/linkedIn-grey.png); margin: 0 12px;}.foot-bot .social .insta { background-image: url(../img/png/social/insta-grey.png); margin: 0 0 0 12px;}.foot-bot .legal-logo { background-image: url(../img/png/logos/legal-general-logo.png); background-repeat: no-repeat; background-size: contain; background-position: right; height: 100px; width: 150px; margin-bottom: 20px;}.foot-bot h6 { font-size: 14px; margin-bottom: 20px;}.foot-bot .right h6 { text-align: right;}.foot-bot p,.foot-bot a { font-size: 12px; color: #b2b2b2; text-decoration: none; font-family: 'OpenSans-Light';}.foot-bot p.smallprint { margin-bottom: 20px;}.contact-foot .col-r { width: 50%; float: right;}.foot-top .flex-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-evenly;}.foot-top .footer-wrap { display: block; margin: 0 auto;}.foot-bot .address {margin: 20px 0;}.foot-bot .address ul li {font-size: 12px;color: #b2b2b2;text-align: right;}.foot-bot .address p {font-size: 12px;color: #b2b2b2;}.foot-form { position: relative; height: 0;}.foot-form .form { background-color: #fff; padding: 40px; position: absolute; top: -290px; left: 0; box-shadow: 6px 7px 10px rgba(0,0,0,0.1); z-index: 10;}#footer.form-right .foot-form .form { left: auto; right: 0; margin-right: 0; top: -170px;}#footer.form-down .foot-form .form { margin-top: -205px; top: 0;}.form h3 { margin-bottom: 30px;}.input-feild { width: 100%; margin-bottom: 20px;}.input-feild label { display: block; font-size: 14px; color: #878787; margin-bottom: 5px;}.input-feild input,.input-feild textarea { width: 100%; border: none; border-bottom: 2px solid rgba(135,135,135,0.2); font-size: 16px; resize: none;}.form .checkbox input { height: 20px; width: 20px; margin: 0 20px 40px 0; float: left;}.form .checkbox p { font-size: 12px; line-height: 16px;}.form .checkbox p a { text-decoration: none;}.form .submit-btn,html.lp-3 .form .submit-btn,html.lp-pink .form .submit-btn { width: 50px; height: 50px; border: none; border-radius: 50%; background-color: #ac0050; position: absolute; bottom: -25px; right: 40px; background: #ac0050 url(../img/png/icons/submit-arrow.png) center no-repeat; background-size: 35px; cursor: pointer;}html.lp-1 .form .submit-btn,html.lp-green .form .submit-btn { background-color: #005461; background: #005461 url(../img/png/icons/submit-arrow.png) center no-repeat; background-size: 35px;}html.lp-2 .form .submit-btn,html.lp-orange .form .submit-btn { background-color: #e84621; background: #e84621 url(../img/png/icons/submit-arrow.png) center no-repeat; background-size: 35px;}.contact-foot { padding: 70px 0;}.contact-foot h2 { padding-left: 100px;}#enquire-form img { display: block; margin: 0 auto; width: 200px;}#enquire-form h4.title { text-align: center; font-size: 16px;}.contact-pers { margin-bottom: 20px;}@media screen and (max-width: 1320px) { .foot-bot .left { width: 65%; } .foot-contactBox:nth-child(2) { margin-bottom: 100px; } .foot-contactBox { float: none; margin-right: 0; } }@media screen and (max-width: 1000px) { .foot-logos.VW, .foot-logos.BNP { height: 50px; width: 173px; } .foot-top .container { padding: 50px 20px; } .foot-contactBox { margin-right: 0; margin-bottom: 0; margin: 0 auto 30px; display: block; width: 100%; float: none; text-align: center; } .foot-contactBox:nth-child(2) { margin-bottom: 30px; } .foot-contactBox .foot-logos { background-position: center; float: none; margin: 0 auto 10px; display: block; } .foot-contactBox .foot-contacts { float: none; } .foot-contactBox.no-marg { margin-bottom: 0; } .foot-logos.savills { height: 80px; width: 80px; } .foot-logos.hanovergreen { height: 50px; width: 125px; } .foot-logos.newballerino { height: 50px; width: 173px; } .foot-contactBox .foot-contacts p { font-size: 14px; } .foot-contacts .contact-pers a { font-size: 14px; } .foot-contacts .contact-pers:first-of-type, .foot-contacts .contact-pers { margin-bottom: 10px; } .foot-bot .container { padding: 50px 20px; } .foot-bot .left { width: 70%; } .foot-bot p, .foot-bot a { font-size: 10px; } .foot-bot ul.nav-mini-foot li { padding-right: 10px; margin-right: 10px; font-size: 10px; } .foot-bot h6 { font-size: 12px; margin-bottom: 10px; } .foot-bot .social { font-size: 18px; } .foot-bot .social a { width: 15px; height: 13px; } .foot-bot .social .twitter { margin-right: 8px; } .foot-bot .social .linked-in { margin: 0 8px; } .foot-bot .social .insta { margin-left: 8px; } .foot-bot .legal-logo { height: 75px; width: 100px; } .foot-bot p.smallprint { margin-bottom: 10px; } .foot-form { height: auto; padding: 40px 0 0; background-color: #f9f9f9; } .foot-form .form { width: 100% !important; margin-right: 0 !important; position: relative; top: 0; margin-bottom: -100px; } .input-feild label { font-size: 12px; } .input-feild input, .input-feild textarea { font-size: 12px; } .form .checkbox input { height: 15px; width: 15px; margin: 0 15px 20px 0; } .form .checkbox p { font-size: 10px; } .form .submit-btn { width: 40px; height: 40px; border: none; bottom: -20px; background-size: 25px; } #footer.form-right .foot-form .form { top: 0; } .contact-foot .col-r { width: 100%; float: none; clear: both; } .contact-foot { padding: 150px 0 40px; } .contact-foot h2 { padding-left: 0px; } .foot-bot ul.nav-mini-foot li a.soc-ico { height: 20px; width: 15px; }.foot-bot .address ul li {font-size: 10px;}.foot-bot .address p {font-size: 10px;}.foot-bot .left {margin-bottom: 20px;}.foot-bot .right h6 {text-align: left;}.foot-bot .address ul li {text-align: left;} }@media screen and (max-width: 767px) { .foot-logos.VW, .foot-logos.BNP { width: 135px; } .foot-bot .container, .foot-top .container { padding: 30px 20px; } .foot-contactBox .foot-contacts p { font-size: 12px; } .foot-contacts .contact-pers a { font-size: 12px; } .foot-contacts .contact-pers:first-of-type { margin-bottom: 10px; } .foot-logos.newballerino { width: 135px; } .foot-contactBox.no-marg { margin-bottom: 0; } .foot-contactBox:nth-child(2), .foot-contactBox.no-marg { margin-right: auto; } .foot-form .form { padding: 20px 20px 40px; margin-bottom: -60px; } .form .submit-btn { right: 20px; } .foot-form { padding: 20px 0 0; } .foot-img .main-logo { height: auto; width: auto; padding: 30%; } #footer.form-down .foot-form .form { margin-top: -130px; } .contact-foot { padding: 120px 0 40px; } .foot-bot .left, .foot-bot .right { float: none; width: 100%; } }@media screen and (max-width: 520px) { .foot-bot .left { margin-bottom: 20px; } .foot-bot .right h6 { text-align: left; } .foot-bot ul.nav-mini-foot li { padding: 5px 0; margin: 0; border: none; text-align: center; float: none; } .foot-bot ul.nav-mini-foot li a.soc-ico { margin: 0 auto; } }.ta-right { text-align: right;}.ta-left { text-align: right;}.ta-cent { text-align: center;}.sm-pad { padding: 50px 0;}html.lp-3 .lt-text-colour,html.lp-pink .lt-text-colour,.lt-text-colour { color: #ac0050 !important;}html.lp-1 .lt-text-colour,html.lp-green .lt-text-colour { color: #005461 !important;}html.lp-2 .lt-text-colour,html.lp-orange .lt-text-colour { color: #e84621 !important;}html.lp-3 .lp-colour,html.lp-pink .lp-colour,.lp-colour { background-color: #ac0050;}html.lp-1 .lp-colour,html.lp-green .lp-colour { background-color: #005461;}html.lp-2 .lp-colour,html.lp-orange .lp-colour { background-color: #e84621;}.section.lp-colour { padding: 80px 0;}.section.lp-colour .img-top { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 35%; margin-top: -42%; margin-bottom: 30px;}.section.lp-colour h3 { margin-bottom: 30px;}.section.lp-colour p { margin-bottom: 20px;}.section.lp-colour p.ta-right { text-align: right; padding-right: 20px; border-right: 2px solid #fff;}.white-bg { background-color: #fff;}.light-bg { background-color: #f9f9f9;}.white-bg.home { padding: 80px 0;}.white-bg.pad-top { padding: 250px 0 80px;}.light-bg.pad { padding: 80px 0;}.lp-colour h1,.lp-colour h2,.lp-colour h3,.lp-colour h4,.lp-colour h5,.lp-colour h6,.lp-colour p,.lp-colour li { color: #fff;}.bg-img { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 20%;}.right .list { margin-top: 52%;}.list li { font-size: 15px; font-family: 'Averta-Italic'; color: #878787; margin-bottom: 25px;}li.list-icons { background-repeat: no-repeat; background-size: 30px; background-position: left center; padding-left: 40px; min-height: 40px; margin-bottom: 15px; padding: 5px 0 0 50px;}html.lp-3 li.list-icons.windows,li.list-icons.windows { background-image: url(../img/png/icons/list-windows-red.png);}html.lp-1 li.list-icons.windows { background-image: url(../img/png/icons/list-windows-green.png);}html.lp-2 li.list-icons.windows { background-image: url(../img/png/icons/list-windows-orange.png);}html.lp-3 li.list-icons.car,li.list-icons.car { background-image: url(../img/png/icons/list-car-red.png);}html.lp-1 li.list-icons.car { background-image: url(../img/png/icons/list-car-green.png);}html.lp-2 li.list-icons.car { background-image: url(../img/png/icons/list-car-orange.png);}html.lp-3 li.list-icons.lift,li.list-icons.lift { background-image: url(../img/png/icons/list-lift-red.png);}html.lp-1 li.list-icons.lift { background-image: url(../img/png/icons/list-lift-green.png);}html.lp-2 li.list-icons.lift { background-image: url(../img/png/icons/list-lift-orange.png);}html.lp-3 li.list-icons.sun,li.list-icons.sun { background-image: url(../img/png/icons/list-sun-red.png);}html.lp-1 li.list-icons.sun { background-image: url(../img/png/icons/list-sun-green.png);}html.lp-2 li.list-icons.sun { background-image: url(../img/png/icons/list-sun-orange.png);}html.lp-3 li.list-icons.shower,li.list-icons.shower { background-image: url(../img/png/icons/list-shower-red.png);}html.lp-1 li.list-icons.shower { background-image: url(../img/png/icons/list-shower-green.png);}html.lp-2 li.list-icons.shower { background-image: url(../img/png/icons/list-shower-orange.png);}html.lp-3 li.list-icons.recycle,li.list-icons.recycle { background-image: url(../img/png/icons/list-recycle-red.png);}html.lp-1 li.list-icons.recycle { background-image: url(../img/png/icons/list-recycle-green.png);}html.lp-2 li.list-icons.recycle { background-image: url(../img/png/icons/list-recycle-orange.png);}html.lp-3 li.list-icons.height,li.list-icons.height { background-image: url(../img/png/icons/list-height-red.png);}html.lp-1 li.list-icons.height { background-image: url(../img/png/icons/list-height-green.png);}html.lp-2 li.list-icons.height { background-image: url(../img/png/icons/list-height-orange.png);}html.lp-3 li.list-icons.bicycle,li.list-icons.bicycle { background-image: url(../img/png/icons/list-bicycle-red.png);}html.lp-1 li.list-icons.bicycle { background-image: url(../img/png/icons/list-bicycle-green.png);}html.lp-2 li.list-icons.bicycle { background-image: url(../img/png/icons/list-bicycle-orange.png);}html.lp-3 li.list-icons.info,li.list-icons.info { background-image: url(../img/png/icons/list-info-red.png);}html.lp-1 li.list-icons.info { background-image: url(../img/png/icons/list-info-green.png);}html.lp-2 li.list-icons.info { background-image: url(../img/png/icons/list-info-orange.png);}html.lp-3 li.list-icons.snowflake,li.list-icons.snowflake { background-image: url(../img/png/icons/list-snowflake-red.png);}html.lp-1 li.list-icons.snowflake { background-image: url(../img/png/icons/list-snowflake-green.png);}html.lp-2 li.list-icons.snowflake { background-image: url(../img/png/icons/list-snowflake-orange.png);}html.lp-3 li.list-icons.floor,li.list-icons.floor { background-image: url(../img/png/icons/list-floor-red.png);}html.lp-1 li.list-icons.floor { background-image: url(../img/png/icons/list-floor-green.png);}html.lp-2 li.list-icons.floor { background-image: url(../img/png/icons/list-floor-orange.png);}html.lp-3 li.list-icons.water,li.list-icons.water { background-image: url(../img/png/icons/list-water-red.png);}html.lp-1 li.list-icons.water { background-image: url(../img/png/icons/list-water-green.png);}html.lp-2 li.list-icons.water { background-image: url(../img/png/icons/list-water-orange.png);}html.lp-3 li.list-icons.charge,li.list-icons.charge { background-image: url(../img/png/icons/list-charge-red.png);}html.lp-1 li.list-icons.charge { background-image: url(../img/png/icons/list-charge-green.png);}html.lp-2 li.list-icons.charge { background-image: url(../img/png/icons/list-charge-orange.png);}html.lp-3 li.list-icons.bus,li.list-icons.bus { background-image: url(../img/png/icons/list-bus-red.png);}html.lp-1 li.list-icons.bus { background-image: url(../img/png/icons/list-bus-green.png);}html.lp-2 li.list-icons.bus { background-image: url(../img/png/icons/list-bus-orange.png);}li.list-icons.bell,html.lp-3 li.list-icons.bell { background-image: url(../img/png/icons/list-bell-red.png);}html.lp-2 li.list-icons.bell { background-image: url(../img/png/icons/list-bell-orange.png);}html.lp-1 li.list-icons.bell { background-image: url(../img/png/icons/list-bell-green.png);}li.list-icons.ieq,html.lp-3 li.list-icons.ieq { background-image: url(../img/png/icons/list-ieq-sensor-red.png);}html.lp-2 li.list-icons.ieq { background-image: url(../img/png/icons/list-ieq-sensor-orange.png);}html.lp-1 li.list-icons.ieq { background-image: url(../img/png/icons/list-ieq-sensor-green.png);}li.list-icons.telcom,html.lp-3 li.list-icons.telcom { background-image: url(../img/png/icons/list-telcom-star-red.png);}html.lp-2 li.list-icons.telcom { background-image: url(../img/png/icons/list-telcom-star-orange.png);}html.lp-1 li.list-icons.telcom { background-image: url(../img/png/icons/list-telcom-star-green.png);}li.list-icons.preconnect,html.lp-3 li.list-icons.preconnect { background-image: url(../img/png/icons/list-preconnect-red.png);}html.lp-2 li.list-icons.preconnect { background-image: url(../img/png/icons/list-preconnect-orange.png);}html.lp-1 li.list-icons.preconnect { background-image: url(../img/png/icons/list-preconnect-green.png);}.specs-wrap { padding: 50px 0;}.specs-box { width: calc(33.33% - 16.66px); margin-right: 25px;}.specs-box:nth-child(2){padding-top: 50px;}.specs-box:last-child {margin-right: 0;padding-top: 100px;}.specs-text-wrap h3 {margin-bottom: 30px;}.specs-text-wrap p {margin-bottom: 20px;}.low-right-text { margin-top: 60px;}.low-right-text.pad-left { padding-left: 50px;}.low-right-text.pad-top { padding-top: 50px;}.low-right-text.pad-top-90 { padding-top: 90px;}.download-icon { background-image: url(../img/png/icons/pdf.png); background-repeat: no-repeat; background-size: contain; background-position: center; height: 60px; width: 47px; float: left; margin-right: 30px;}.download-wrap { margin-bottom: 50px;}.low-right-text .download-wrap:last-of-type { margin-bottom: 0;}.section.lp-colour .download-wrap h3 { margin-bottom: 5px;}.download-wrap a { color: #fff; display: block; font-size: 18px; font-family: 'Averta-Italic';}.lp-colour .img-left { background-repeat: no-repeat; background-size: cover; background-position: center; bottom: -100px; padding: 15%; width: 50%; position: absolute;}.location-logo { background-repeat: no-repeat; background-size: contain; background-position: center; float: left; height: 50px; margin-right: 35px; margin-bottom: 20px;}.location-logo.centrica { background-image:url(../img/png/logos/loc-centrica.png); width: 120px;}.location-logo.gartner { background-image:url(../img/png/logos/loc-gartner.png); width: 100px;}.location-logo.fujitsu { background-image:url(../img/png/logos/loc-fujitsu.png); width: 80px;}.location-logo.hitachi { background-image:url(../img/png/logos/loc-hitachi.png); width: 120px;}.location-logo.bupa { background-image:url(../img/png/logos/loc-bupa.png); width: 100px;}.location-logo.vmware { background-image:url(../img/png/logos/loc-vmware.png); width: 100px;}.location-logo.salesforce { background-image:url(../img/png/logos/loc-salesforce.png); width: 100px;}.location-logo.mallin { background-image:url(../img/png/logos/loc-mallin.png); width: 120px;}.location-logo.purestorage { background-image:url(../img/png/logos/loc-pure-storage.png); width: 150px;}html.lp-1 .img-top.map { border: 2px solid #005461;}html.lp-2 .img-top.map { border: 2px solid #e84621;}html.lp-3 .img-top.map, html.lp-pink .img-top.map { border: 2px solid #ac0050;}.bus-table { float: left; margin-right: 79px;}.bus-table h6 { font-size: 16px; padding-left: 15px; margin-bottom: 10px;}.bus-wrap p { padding-left: 15px; font-family: 'Averta-Italic'; font-size: 10px;}.bus-table:nth-child(2) { margin-right: 0;}.bus-table tr { border-bottom: 1px solid #000;}.bus-table tr:last-of-type { border: none;}.bus-table td { font-size: 16px; text-align: center; padding: 10px 15px; font-family: 'Averta-Italic';}.bus-table td.ta-left { text-align: left; color: #ac0050;}.loc-title { margin-bottom: 30px;}.loc-title.bus { padding-left: 15px;}.loc-title.bus h3 { margin-bottom: 20px;}.loc-title h6 { font-size: 16px; margin-bottom: 10px;}.loc-title .loc-icon { background-repeat: no-repeat; background-size: contain; background-position: left; float: left; height: 32px; width: 26px; margin-right: 15px;}.loc-title.bus .loc-icon { background-image: url(../img/png/icons/list-bus-red.png);}.loc-title.train .loc-icon { background-image: url(../img/png/icons/list-train-red.png);}.loc-title.car .loc-icon { background-image: url(../img/png/icons/list-car2-red.png);}.loc-title.walk .loc-icon { background-image: url(../img/png/icons/list-sign-red.png);}.img-break { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 20%;}.trav-line { position: relative;}.trav-box { float: left; margin-right: 80px; text-align: center; position: relative;}.trav-box.last { margin-right: 0;}.trav-line .dots { background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../img/png/icons/line-dots-red.png); width: 120px; height: 10px; position: absolute; top: 10px; display: block;}.trav-line.train .dots.one { left: 70px;}.trav-line.train .dots.two { left: 265px;}.trav-line.train .dots.three { left: 480px; width: 100px;}.trav-line.train .dots.four { left: 650px; width: 100px;}.trav-line.train .dots.five { left: 805px; width: 80px;}.trav-line.train .dots.six { left: 970px; width: 90px;}.trav-box .train-icon,.trav-box .underground-icon { background-repeat: no-repeat; background-size: contain; background-position: center; height: 30px; width: 30px; display: inline-block;}.trav-box .train-icon { background-image: url(../img/png/icons/train.png);}.trav-box .underground-icon { background-image: url(../img/png/icons/underground.png);}.trav-box h4 { font-size: 16px; font-family: 'Orkney'; text-transform: uppercase;}.trav-box p { font-family: 'Averta-Italic'; color: #ac0050;}.other-travel-wrap { float: right; margin: 50px 0 300px;}.car-wrap, .walk-wrap { float: left;}.car-wrap { margin-right: 100px;}.car-wrap .dots { top: 3px; left: 90px; width: 60px;}.walk-wrap .dots { top: 3px; width: 60px;}.walk-wrap .dots.one { left: 125px;}.walk-wrap .dots.two { left: 310px;}.empty-pad { height: 250px;}.contact-bot-img { padding: 20%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}#header.hide,#footer.hide { display: none;}.vt-video-wrap { width: 100%; height: 100vh; background-color: #ccc; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/jpg/aerial-blur.jpg);}.section.priv { padding: 80px 0 350px !important;}ul.priv-list { list-style: disc; padding-left: 20px; margin-bottom: 20px;}ul.priv-list li { color: #fff; font-size: 16px; line-height: 25px;}.priv-text a { font-weight: 700;}.priv-text h3 { margin: 40px 0 30px;}.priv-text strong { font-weight: 600;}.fl-right { float: right;}.fl-right.well-text { margin-top: 300px;}.img-well { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 18%; margin-top: 50px;}.lp-colour .img-left.marg-min-bot { z-index: 1; bottom: 375px; padding: 18%;}.lp-colour.water .img-left.marg-min-bot {bottom: 230px;} .section.extra-padd-bot { padding-bottom: 380px;}.lp-colour table { width: 100%; color: #fff;}.lp-colour table thead { border-bottom: 2px solid #fff;}.lp-colour table tfoot { border-top: 2px solid #fff;}.lp-colour table th,.lp-colour table tfoot td { font-family: 'Averta-Italic';}.lp-colour table th,.lp-colour table td { font-size: 16px; padding: 10px;}.lp-colour table tbody tr { border-bottom: 1px solid #ccc;}.lp-colour table tbody tr:last-of-type { border-bottom: none !important;}.marg-top-20 { margin-top: 20px;}.marg-bot-20 { margin-bottom: 20px;}.acc-fp-img {width: 100%;height: auto;margin-top: 50px;}.capsule-text ul { padding-left: 20px; margin-bottom: 20px;}.capsule-text li { list-style: disc; margin-bottom: 5px;}.capsule-table { padding: 50px 0 200px;}html.lp-1 .capsule-text .floor-plans thead tr,html.lp-2 .capsule-text .floor-plans thead tr,html.lp-3 .capsule-text .floor-plans thead tr { border-bottom: 2px solid #fff;}html.lp-1 .capsule-text .floor-plans tfoot tr:first-child,html.lp-2 .capsule-text .floor-plans tfoot tr:first-child,html.lp-3 .capsule-text .floor-plans tfoot tr:first-child { border-top: 2px solid #fff;}html.lp-1 .capsule-text .floor-plans th,html.lp-2 .capsule-text .floor-plans th,html.lp-3 .capsule-text .floor-plans th { color: #fff;}.capsule-text .coming-soon-box { padding-bottom: 400px;}.sec-img-content .col.col2.last {margin-top: -320px;}.content-img {padding: 35%;margin: 60px 0;}.sec-img-content .col:nth-child(1) .content-text {padding-right: 50px;}.sec-img-content .col:nth-child(2) .content-text {padding-left: 50px;}.banner {position: fixed;top: 0;left: 0;width: 100%;z-index: 5000;text-align: center;overflow: hidden;height: 100vh;-webkit-transition: .3s;transition: .3s;pointer-events: none;}.banner.scroll {top: 90px;height: calc(100vh - 90px);}.banner-overlay {position: absolute;top: 0;left: 0;height: 100vh;width: 100%;display: none;}.banner.active .banner-overlay {display: block;pointer-events: all;}.banner-top {width: 100%;padding: 10px;text-align: center;background-color: #005461;position: relative;z-index: 10;-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.1);box-shadow: 0px 10px 10px rgba(0,0,0,0.1);cursor: pointer;pointer-events: all;}.banner-top p {text-align: center;color: #fff;}.banner p {margin-bottom: 0;}.banner-wrap {width: 100%;padding: 100px 0 50px;background-color: #ac0050;position: absolute;top: -110%;;left: 0;z-index: 5;text-align: center;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px rgba(0,0,0,0.3);-webkit-transition: 1s;transition: 1s;max-height: 100%; overflow-y: scroll;pointer-events: all;}.banner-wrap::-webkit-scrollbar-track {background: transparent;}.banner.active .banner-wrap {top: 0%;}.banner-wrap * {color: #fff !important;}.banner-content h2 {margin-bottom: 20px;}.banner-boxes {margin: 50px auto;}.banner-box {width: calc(25% - 50px);margin: 0 25px 25px;}.banner-box:first-child {margin-left: 0;}.banner-box:last-child {margin-right: 0;}.banner-box-img { height: 50px; width: 50px; margin: 0 auto 15px;}.banner-close { width: 50px; height: 50px; margin: 0 auto; cursor: pointer;background-image: url(../img/png/icons/close-w.png);background-size: 75%;}@media screen and (max-width: 1320px) { .section.lp-colour .img-top { margin-top: -63%; } .low-right-text.pad-top { padding-top: 20px; } .bus-table { float: none; margin-right: 0; margin-bottom: 40px; } .bus-table:nth-child(3) { margin-bottom: 20px; } .trav-box { margin-right: 52px; } .trav-line .dots { width: 100px; } .trav-line.train .dots.one { left: 67px; } .trav-line.train .dots.two { left: 233px; } .trav-line.train .dots.three { left: 420px; width: 80px; } .trav-line.train .dots.four { left: 558px; width: 80px; } .trav-line.train .dots.five { left: 692px; width: 55px; } .trav-line.train .dots.six { left: 826px; width: 70px; } .car-wrap .dots { left: 86px; width: 40px; } .walk-wrap .dots { width: 40px; } .walk-wrap .dots.one { left: 122px; } .walk-wrap .dots.two { left: 280px; } .section.lp-colour.business .img-top, .section.lp-colour.amenities .img-top, .section.lp-colour.downloads .img-top { margin-top: -53%; } .section.lp-colour.pad-bot { padding: 80px 0 160px; } .img-well { margin-top: 130px; } .lp-colour .img-left.marg-min-bot { bottom: 465px; }.lp-colour.water .img-left.marg-min-bot {bottom: 250px;} html.lp-1 .capsule-text, html.lp-2 .capsule-text { padding: 80px 0 200px; } html.lp-3 .capsule-text { padding: 80px 0 100px; } .banner-box {width: calc(25% - 50px);} }@media screen and (max-width: 1000px) { .white-bg.home { padding: 40px 0; } .white-bg.pad-top { padding: 150px 0 50px; } .section.lp-colour { padding: 40px 0; } .section.lp-colour .img-top { margin-top: -40%; } .section.lp-colour.business .img-top, .section.lp-colour.amenities .img-top { margin-top: -43%; } .section.lp-colour.downloads .img-top { display: none; } .right .list { margin-top: 46%; } .no-float-1000 { float: none !important; clear: both !important; width: 100% !important; margin-right: 0 !important; } .no-float-1000.last { margin-top: 40px; } .no-float-1000 h3.ta-right { text-align: left; } .no-float-1000 .list { margin-top: 0; } li.list-icons { background-size: 25px; padding-left: 40px; min-height: 30px; } .list li { font-size: 13px; } .low-right-text.pad-top { padding-top: 0px; } .low-right-text { margin-top: 0px; } .lp-colour.location .img-left { bottom: 50px; } .loc-title.bus { padding-left: 10px; } .loc-title h6 { font-size: 14px; } .bus-table h6 { font-size: 14px; padding-left: 10px; margin-bottom: 5px; } .bus-table td { font-size: 14px; padding: 10px; } .bus-wrap p { padding-left: 10px; } .loc-title .loc-icon { height: 28px; width: 20px; } .other-travel-wrap { margin: 50px 0 0; } .trav-box { margin-right: 39px; } .trav-box h4 { font-size: 12px; } .trav-box p { font-size: 11px; } .trav-box .train-icon, .trav-box .underground-icon { height: 20px; width: 20px; } .trav-line .dots { width: 80px; top: 6px; } .trav-line.train .dots.one { left: 47px; } .trav-line.train .dots.two { left: 172px; } .trav-line.train .dots.three { left: 315px; width: 60px; } .trav-line.train .dots.four { left: 419px; width: 60px; } .trav-line.train .dots.five { left: 520px; width: 40px; } .trav-line.train .dots.six { left: 620px; width: 50px; } .car-wrap .dots { top: 1px; left: 70px; width: 20px; } .walk-wrap .dots { top: 1px; width: 20px; } .walk-wrap .dots.one { left: 96px; } .walk-wrap .dots.two { left: 215px; } .section.lp-colour.pad-bot { padding: 40px 0; } .empty-pad.extra-ht { height: 140px; } .download-wrap a { font-size: 15px; } .download-icon { height: 50px; width: 39px; margin-right: 20px; } .contact-bot-img { padding: 0; height: 400px; } ul.priv-list li { font-size: 14px; line-height: 20px; } .section.priv { padding: 40px 0 !important; } .img-well { margin-top: 90px; } .fl-right.well-text { margin-top: 250px; } .lp-colour .img-left.marg-min-bot { bottom: 445px; }.lp-colour.water .img-left.marg-min-bot {bottom: 240px;} .lp-colour table th, .lp-colour table td { font-size: 14px; padding: 7px 10px; } html.lp-1 .capsule-text, html.lp-2 .capsule-text, html.lp-3 .capsule-text { padding: 40px 0; } .capsule-text .coming-soon-box { padding-bottom: 0; } .sec-img-content .col:nth-child(1) .content-text {padding-right: 25px;}.sec-img-content .col:nth-child(2) .content-text {padding-left: 25px;}.content-img {margin: 30px 0;}.sec-img-content .col.col2.last {margin-top: -175px;}.empty-pad { display: none;} .banner.scroll {top: 50px;height: calc(100vh - 50px);}.banner-wrap {padding: 75px 0 40px;}.specs-wrap {padding: 25px 0;}}@media screen and (max-width: 767px) { .white-bg.home { padding: 20px 0; } .white-bg.pad-top { padding: 100px 0 20px; } .section.lp-colour { padding: 20px 0; } .section.lp-colour .img-top { margin-top: 0; margin-bottom: 15px; } .sm-pad { padding: 20px; } .no-float-1000.last { margin-top: 20px; } .lp-colour .img-left { display: none; } .low-right-text.pad-left { padding-left: 0px; } .img-top.map { border: none; } .location-logo { height: 40px; margin-right: 30px; margin-bottom: 10px; } .location-logo.centrica { width: 100px; } .location-logo.gartner { width: 80px; } .location-logo.fujitsu { width: 60px; } .location-logo.hitachi { width: 100px; } .location-logo.bupa { width: 80px; } .location-logo.vmware { width: 80px; } .location-logo.salesforce { width: 80px; } .location-logo.mallin { width: 100px; } .location-logo.purestorage { width: 130px; } .light-bg.pad { padding: 40px 0; } .trav-box { float: none; margin-right: 0; margin-bottom: 30px; } .trav-line .dots { width: 30px !important; position: relative; left: auto !important; top: -16px !important; margin: 0 auto; transform: rotate(90deg); } .other-travel-wrap { float: none; } .car-wrap, .walk-wrap { float: none; margin-right: 0; } .car-wrap { margin-bottom: 50px; } .loc-title.train, .loc-title.car, .loc-title.walk { margin: 0 auto 30px; } .loc-title.train { width: 196px; } .loc-title.car { width: 89px; } .loc-title.walk { width: 128px; } .section.lp-colour.business .img-top, .section.lp-colour.amenities .img-top, .section.lp-colour.downloads .img-top { margin-top: 0; } .empty-pad.extra-ht { height: 0px; } .fl-right.well-text { margin-top: 20px; } .img-well { margin-top: 0; padding: 33%; } html.lp-1 .capsule-text, html.lp-2 .capsule-text, html.lp-3 .capsule-text { padding: 20px 0; }.sec-img-content .col:nth-child(1) .content-text {padding-right: 0;}.sec-img-content .col:nth-child(2) .content-text {padding-left: 0;}.banner-wrap {padding: 50px 0 25px;}.banner-boxes {margin: 25px auto;}.banner-box {width: calc(50% - 25px);margin: 0 12.5px 20px;}.banner-box:nth-child(odd) {margin-left: 0;}.banner-box:nth-child(even) {margin-right: 0;}.banner-box-img {margin-bottom: 10px;}.banner-text h3 {font-size: 16px;}.banner-close { width: 30px;height: 30px;}.sec-img-content .col.col2.last {margin-top: 0;}.specs-box {width: 100% !important;margin-right: 0 !important;padding-top: 0 !important;} }@media screen and (max-width: 520px) { .bus-table { overflow-x: scroll; padding-bottom: 10px; } .bus-table::-webkit-scrollbar { height: 5px; } .bus-table::-webkit-scrollbar-thumb { background: #ac0050; } } .floor-plans .container { padding: 80px 0 300px;}.floor-plan-wrap { position: relative;}.floor-map { background-repeat: no-repeat; background-size: contain; background-position: center; padding: 33%; margin-bottom: 80px; }.floor-plans h6 { font-size: 16px; margin-bottom: 10px;}html.lp-green .floor-plans h6,html.lp-1 .floor-plans h6 { color: #005461;}html.lp-orange .floor-plans h6,html.lp-2 .floor-plans h6 { color: #e84621;}html.lp-pink .floor-plans h6,html.lp-3 .floor-plans h6 { color: #ac0050;}.floor-plan-wrap p.abs { position: absolute; bottom: 235px; right: 162px;}.floor-plans table { width: 100%;}.floor-plans table.marg-top { margin-top: 20px;}html.lp-green .floor-plans thead tr,html.lp-1 .floor-plans thead tr { border-bottom: 2px solid #005461;}html.lp-orange .floor-plans thead tr,html.lp-2 .floor-plans thead tr { border-bottom: 2px solid #e84621;}html.lp-pink .floor-plans thead tr,html.lp-3 .floor-plans thead tr { border-bottom: 2px solid #ac0050;}.floor-plans tbody tr,.floor-plans tfoot tr { border-bottom: 1px solid #ccc;}.floor-plans tbody tr:last-of-type,.floor-plans tfoot tr:last-of-type { border-bottom: none;}html.lp-green .floor-plans tfoot tr:first-child,html.lp-1 .floor-plans tfoot tr:first-child { border-top: 2px solid #005461;}html.lp-orange .floor-plans tfoot tr:first-child,html.lp-2 .floor-plans tfoot tr:first-child { border-top: 2px solid #e84621;}html.lp-pink .floor-plans tfoot tr:first-child,html.lp-3 .floor-plans tfoot tr:first-child { border-top: 2px solid #ac0050;}.floor-plans th { font-size: 16px; font-family: 'Averta-Italic'; padding: 0 10px 10px;}html.lp-green .floor-plans th,html.lp-1 .floor-plans th { color: #005461;}html.lp-orange .floor-plans th,html.lp-2 .floor-plans th { color: #e84621;}html.lp-pink .floor-plans th,html.lp-3 .floor-plans th { color: #ac0050;}.floor-plans td { padding: 10px; font-size: 16px;}.floor-info-box { position: absolute; bottom: 40px; left: 250px;}.floor-info-box.left-top { bottom: auto; left: 0;top: 0;}.floor-info-box.left-bot { bottom: 0; left: 0;}.floor-info-box.right-top {bottom: auto; left: auto;right: 0;top: 0;}.floor-info-box.right-bot { left: auto;right: 0;bottom: 0;}.floor-bot { padding-top: 40px;}.floor-bot p.margin { margin: 20px 0 30px;}#floor-plans-3d {margin-top: 50px;}#floor-plans-3d h2 { margin-bottom: 50px;}#floor-plans-3d iframe { width: 100%; height: 600px;}.img-w-100 {width: 100%;height: auto;margin-top: 50px;}@media screen and (max-width: 1320px) { .floor-plan-wrap p.abs { bottom: 170px; right: 120px; } .floor-info-box { bottom: 25px; left: 175px; } .floor-map { margin-bottom: 120px; } html.lp-2 .floor-map { background-position: 60%; padding: 40%; } .floor-bot { padding-top: 30px; } #floor-plans-3d iframe { height: 500px; } }@media screen and (max-width: 1000px) { .floor-plans .container { padding: 50px 0; } .floor-plan-wrap p.abs { bottom: 120px; right: 95px; } .floor-info-box { bottom: 0px; left: 135px; } .floor-plans h6 { font-size: 14px; } .floor-plans td { font-size: 14px; padding: 7px 10px; } .floor-plans th { font-size: 14px; padding: 7px 10px; } .floor-map { margin-bottom: 100px; } .floor-bot .floor-map { margin-bottom: 0px; } .floor-bot { padding-top: 20px; } #floor-plans-3d { padding: 50px 0 0;margin-top: 0; } #floor-plans-3d h2 { margin-bottom: 20px; } #floor-plans-3d iframe { height: 400px; margin-bottom: 40px; } #floor-plans-3d iframe:last-child { margin-bottom: 0; } html.lp-2 .floor-map { padding: 50%; }.last .floor-map {margin-top: 30px;} }@media screen and (max-width: 767px) { .floor-plans .container { padding: 20px; } .floor-map { margin-bottom: 0px; } html.lp-2 .floor-map { background-position: 50%; } .floor-top { margin-bottom: 50px; } .floor-bot { padding-top: 20px; } .floor-plan-wrap p.abs { position: relative; bottom: auto; right: auto; text-align: right; margin-bottom: 30px; } .floor-info-box { position: relative; float: right; bottom: auto; left: auto; right: auto; margin-top: 10px; } .floor-plan-wrap .floor-info-box, .floor-info-box.left-bot { float: none; bottom: auto; left: auto;top: auto;right: auto; } .last .floor-map { margin-top: 30px; } #floor-plans-3d { padding: 40px 0 0; } }.gallery-slider .slide { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; display: block;}.gallery-slider.slider1 .slide { height: 300px;}.gallery-slider.slider2 .slide { height: 430px;}.gallery-slider.slider3 .slide { height: 420px;}.gallery-slider.slider4 .slide { height: 230px;}.gallery-slider.slider5 .slide { height: 460px;}h2.centered { width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}.pad-bot-130 { padding-bottom: 130px;}.section.lp-colour.pad-bot-100 { padding: 0 0 100px;}.marg-top-120 { margin-top: -120px; margin-bottom: 10px;}.marg-top-100 { margin-top: -100px;}.pad-right-10 { padding-right: 10px;}.pad-bot-350 { padding-bottom: 350px;}.height-307 { height: 307px;}.gal-mob-show { display: none;}.slider-mob { display: none;}.slider-mob.view { display: block;margin-bottom: 100px;}.fancybox-slide {background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;padding: 30%;display: block;}.slick-arrow {background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;top: 50%;transform: translateY(-50%);height: 30px;width: 20px;font-size: 0;background-color: transparent;border: none;z-index: 1;cursor: pointer;} .slick-prev {background-image: url(../img/png/icons/nav-left-w.png);left: 0;}.slick-next {background-image: url(../img/png/icons/nav-right-w.png);right: 0;}.fancybox-overlay { background-color: rgba(255,255,255,0.8);}.fancybox-nav span,.fancybox-close { background-repeat: no-repeat; background-size: contain; background-position: center;background-size: 75%;}.fancybox-close { top: 10px; right: 10px;}.fancybox-nav span:hover,.fancybox-close:hover { opacity: 0.6;}.fancybox-prev span { background-image: url(../img/png/icons/nav-left-w.png);}.fancybox-next span { background-image: url(../img/png/icons/nav-right-w.png);}.fancybox-close { background-image: url(../img/png/icons/close-w.png);}@media screen and (max-width: 1320px) { .gallery-slider.slider1 .slide { height: 230px; } .gallery-slider.slider2 .slide { height: 325px; } .gallery-slider.slider3 .slide { height: 315px; } .gallery-slider.slider4 .slide { height: 175px; } .gallery-slider.slider5 .slide { height: 345px; } }@media screen and (max-width: 1000px) { .height-307 { height: 230px; } .pad-bot-350 { padding-bottom: 0; } .gallery-slider.slider1 .slide { height: 175px; } .gallery-slider.slider2 .slide { height: 245px; } .gallery-slider.slider3 .slide { height: 235px; } .gallery-slider.slider4 .slide { height: 130px; } .gallery-slider.slider5 .slide { height: 260px; }.slider-mob.view {margin-bottom: 0;}}@media screen and (max-width: 767px) { .gal-hide { display: none; } .gal-mob-show { display: block; } .slider-mob { display: block; } .pad-bot-130 { padding-bottom: 0; } h2.centered.mob { width: auto; position: relative; top: auto; left: auto; transform: translate(0); display: block; padding: 40px 20px; }.fancybox-nav span, .fancybox-close {background-size: 50%;} }.ball-wrap { position: relative;height: 1000px; margin-bottom: 200px;}.ball-wrap.waterfront {height: 500px;}.ball { border-radius: 50%; background-color: #fff; z-index: 2; position: absolute;}html.lp-1 .ball,html.lp-green .ball { border: 2px solid #005461;}html.lp-2 .ball,html.lp-orange .ball { border: 2px solid #e84621;}html.lp-3 .ball,html.lp-pink .ball { border: 2px solid #ac0050;}.ball.main { left: 50%;top: 50%;transform: translate(-50%,-50%); height: 100px; width: 100px; background-image: url(../img/png/logos/lp-leaves-logo.png); background-position: center; background-size: 60px; background-repeat: no-repeat; z-index: 3;}.ball-wrap.waterfront .ball.main {top: 0;transform: translateX(-50%);}.ball.amen { height: 200px; width: 200px; transition: .5s ease;}.ball-text { text-align: center; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}.ball-wrap .ball::after {content: ""; display: block; position: absolute;}.ball-wrap .ball:nth-of-type(2) {top: 40%; left: 0;}.ball-wrap .ball:nth-of-type(2)::after { width: 400px; top: 50%; left: 200px; border-bottom: 2px dotted #444;}.ball-wrap.waterfront .ball:nth-of-type(2) { top: -50px; left: 0;}.ball-wrap.waterfront .ball:nth-of-type(2)::after { width: 400px; top: 50%; left: 200px; border-bottom: 2px dotted #444;}.ball-wrap .ball:nth-of-type(3) { left: 12.5%; transform: translateX(-12.5%);bottom: 20%;}.ball-wrap .ball:nth-of-type(3):after { border-left: 2px dotted #444; height: 315px; left: 330px; top: -175px; -webkit-transform: rotate(65deg); transform: rotate(65deg);}.ball-wrap.waterfront .ball:nth-of-type(3) { left: 20%; transform: translateX(-20%); bottom: 20%;}.ball-wrap.waterfront .ball:nth-of-type(3):after { border-left: 2px dotted #444; height: 315px; left: 300px; top: -220px; -webkit-transform: rotate(55deg); transform: rotate(55deg);}.ball-wrap .ball:nth-of-type(4) { left: 30%; transform: translateX(-30%);bottom: 5.5%;}.ball-wrap .ball:nth-of-type(4):after { border-left: 2px dotted #444; height: 295px; left: 230px; top: -260px; -webkit-transform: rotate(30deg); transform: rotate(30deg);}.ball-wrap.waterfront .ball:nth-of-type(4) {left: 50%; transform: translateX(-50%);bottom: 0;}.ball-wrap.waterfront .ball:nth-of-type(4):after { border-left: 2px dotted #444; height: 300px; left: 50%; top: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); bottom: 100%;}.ball-wrap .ball:nth-of-type(5) { left: 50%; transform: translateX(-50%);bottom: 0;}.ball-wrap .ball:nth-of-type(5):after { border-left: 2px dotted #444; height: 300px; left: 50%; bottom: 100%;}.ball-wrap.waterfront .ball:nth-of-type(5) { left: 80%; transform: translateX(-80%); bottom: 20%;}.ball-wrap.waterfront .ball:nth-of-type(5):after {border-left: 2px dotted #444; height: 315px; left: -105px; top: -220px; -webkit-transform: rotate(-55deg); transform: rotate(-55deg);}.ball-wrap .ball:nth-of-type(6) { left: 70%; transform: translateX(-70%);bottom: 5.5%;}.ball-wrap .ball:nth-of-type(6):after { border-left: 2px dotted #444; height: 295px; left: -35px; top: -260px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}.ball-wrap.waterfront .ball:nth-of-type(6) { top: -50px; right: 0;left: auto;bottom: auto;transform: translateX(-0%);}.ball-wrap.waterfront .ball:nth-of-type(6):after {border-left: none;height: 0; border-bottom: 2px dotted #444; width: 400px; left: -400px; top: 50%;-webkit-transform: rotate(0deg); transform: rotate(0deg);}.ball-wrap .ball:nth-of-type(7) { left: 87.5%; transform: translateX(-87.5%);bottom: 20%;}.ball-wrap .ball:nth-of-type(7):after { border-left: 2px dotted #444; height: 315px; left: -135px; top: -175px; -webkit-transform: rotate(-65deg); transform: rotate(-65deg);}.ball-wrap .ball:nth-of-type(8) { right: 0;top: 40%;}.ball-wrap .ball:nth-of-type(8):after { border-bottom: 2px dotted #444; width: 400px; left: -400px; top: 50%;}.ball-wrap .ball:nth-of-type(9) { left: 12.5%; transform: translateX(-12.5%);top: 20%;}.ball-wrap .ball:nth-of-type(9):after { border-left: 2px dotted #444; height: 315px; left: 330px; top: 60px; -webkit-transform: rotate(-65deg); transform: rotate(-65deg);}.ball-wrap .ball:nth-of-type(10) { left: 30%; transform: translateX(-30%);top: 5.5%;}.ball-wrap .ball:nth-of-type(10):after { border-left: 2px dotted #444; height: 295px; left: 230px; top: 160px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}.ball-wrap .ball:nth-of-type(11) { left: 50%; transform: translateX(-50%);top: 0;}.ball-wrap .ball:nth-of-type(11):after { border-left: 2px dotted #444; height: 300px; left: 50%; top: 100%;}.ball-wrap .ball:nth-of-type(12) { left: 70%; transform: translateX(-70%);top: 5.5%;}.ball-wrap .ball:nth-of-type(12):after { border-left: 2px dotted #444; height: 295px; left: -35px; top: 160px; -webkit-transform: rotate(30deg); transform: rotate(30deg);}.ball-wrap .ball:nth-of-type(13) { left: 87.5%; transform: translateX(-87.5%);top: 20%;}.ball-wrap .ball:nth-of-type(13):after { border-left: 2px dotted #444; height: 315px; left: -135px; top: 60px; -webkit-transform: rotate(65deg); transform: rotate(65deg);}.am-logo { background-repeat: no-repeat; background-size: contain; background-position: center; padding: 10%; margin: 10px 0;}.ball:nth-of-type(2) .am-logo { padding: 15%;}.ball:nth-of-type(3) .am-logo { padding: 4%;}.ball:nth-of-type(4) .am-logo { padding: 9%;}.ball:nth-of-type(5) .am-logo { padding: 15%;}.ball:nth-of-type(6) .am-logo { padding: 14%;}.ball:nth-of-type(7) .am-logo { padding: 15%;}.ball-text p { font-size: 14px; font-family: 'Averta-Italic'; line-height: 18px;padding: 0 35px;}html.lp-1 .ball-text p,html.lp-green .ball-text p { color: #005461;}html.lp-2 .ball-text p,html.lp-orange .ball-text p{ color: #e84621;}html.lp-3 .ball-text p,html.lp-pink .ball-text p { color: #ac0050;}.ball-text h3 { font-size: 13px; color: #000; font-family: 'Orkney'; text-transform: uppercase;padding: 0 10px;}.am-trav-icon { background-repeat: no-repeat; background-size: contain; background-position: center; padding: 5%;}html.lp-1 .am-trav-icon.walk { background-image: url(../img/png/icons/walk-green.png);}html.lp-2 .am-trav-icon.walk { background-image: url(../img/png/icons/walk-orange.png);}html.lp-3 .am-trav-icon.walk { background-image: url(../img/png/icons/walk.png);}html.lp-1 .am-trav-icon.car { background-image: url(../img/png/icons/list-car2-green.png);}html.lp-2 .am-trav-icon.car { background-image: url(../img/png/icons/list-car2-orange.png);}html.lp-3 .am-trav-icon.car { background-image: url(../img/png/icons/list-car2-red.png);}html.lp-1 .am-trav-icon.sun { background-image: url(../img/png/icons/list-sun-green.png);}html.lp-2 .am-trav-icon.sun { background-image: url(../img/png/icons/list-sun-orange.png);}html.lp-3 .am-trav-icon.sun { background-image: url(../img/png/icons/list-sun-red.png);}@media screen and (max-width: 1320px) { .ball-wrap .ball:nth-of-type(2) {top: 41%;}.ball-wrap .ball:nth-of-type(2)::after {width: 300px;left: 175px;}.ball-wrap .ball:nth-of-type(3) {bottom: 25%;} .ball-wrap .ball:nth-of-type(3):after {height: 250px;left: 270px;top: -140px;-webkit-transform: rotate(60deg); transform: rotate(60deg);} .ball-wrap .ball:nth-of-type(4) {bottom: 11.5%;} .ball-wrap .ball:nth-of-type(4):after {height: 270px;left: 190px;top: -245px;-webkit-transform: rotate(27deg);transform: rotate(27deg);} .ball-wrap .ball:nth-of-type(6) {bottom: 11.5%;} .ball-wrap .ball:nth-of-type(6):after { height: 270px; left: -20px; top: -250px; -webkit-transform: rotate(-27deg); transform: rotate(-27deg); } .ball-wrap .ball:nth-of-type(7) {bottom: 25%;} .ball-wrap .ball:nth-of-type(7):after {height: 250px;left: -105px;top: -140px;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}.ball-wrap .ball:nth-of-type(8) {top: 41%;}.ball-wrap .ball:nth-of-type(8):after {width: 300px;left: -300px;}.ball-wrap .ball:nth-of-type(9) {top: 25%;}.ball-wrap .ball:nth-of-type(9):after {height: 250px;left: 270px; top: 65px;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}.ball-wrap .ball:nth-of-type(10) {top: 11.5%;}.ball-wrap .ball:nth-of-type(10):after {height: 270px;left: 190px;top: 150px;-webkit-transform: rotate(-27deg);transform: rotate(-27deg);}.ball-wrap .ball:nth-of-type(12) {top: 11.5%;}.ball-wrap .ball:nth-of-type(12):after {height: 270px;left: -20px;top: 150px;-webkit-transform: rotate(27deg);transform: rotate(27deg);}.ball-wrap .ball:nth-of-type(13) {top: 25%;}.ball-wrap .ball:nth-of-type(13):after {height: 250px;left: -105px;top: 65px;-webkit-transform: rotate(60deg);transform: rotate(60deg);}.ball.amen {height: 175px;width: 175px;}.ball-wrap.waterfront .ball:nth-of-type(2) {top: -40px;}.ball-wrap.waterfront .ball:nth-of-type(2)::after {width: 300px;left: 175px;border-bottom: 2px dotted #444;}.ball-wrap.waterfront .ball:nth-of-type(3) {left: 20%;transform: translateX(-20%);bottom: 30%;}.ball-wrap.waterfront .ball:nth-of-type(3):after {height: 250px;left: 245px;top: -180px;-webkit-transform: rotate(50deg);transform: rotate(50deg);}.ball-wrap.waterfront .ball:nth-of-type(5) {left: 80%;transform: translateX(-80%);bottom: 30%;}.ball-wrap.waterfront .ball:nth-of-type(5):after {height: 250px;left: -75px;top: -180px;-webkit-transform: rotate(-50deg);transform: rotate(-50deg);}.ball-wrap.waterfront .ball:nth-of-type(6) {top: -40px;}.ball-wrap.waterfront .ball:nth-of-type(6):after {width: 300px;left: -300px;} }@media screen and (max-width: 1000px) { .ball-wrap,.ball-wrap.waterfront { height: auto; margin-bottom: 0; } .ball { position: relative; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: translate(0%,0%) !important; margin: 0 auto 100px; } .ball.amen::after { border: none !important; border-right: 2px dotted #ac0050 !important; width: 0 !important; height: 100px !important; transform: rotate(0deg) !important; top: -100px !important; left: 50% !important; right: auto !important; bottom: auto !important; } .ball:last-child {margin-bottom: 0;} }