@charset "UTF-8";
/***!  https://www.twentyfivew1.com/templates/twentyfive/css/template.css?cache=21  !***/



* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; }
body { margin: 0; padding: 0; font-size: 0.80527vw; font-style: normal; font-weight: 300; line-height: 0.80527vw; color: #222628; background-color: #f4f3f1; font-family: "New Paris Skyline Regular"; letter-spacing: 0.05vw;
       -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
body::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 8; display: block; background-color: #fff; opacity: 0; pointer-events: none;
               -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
html.html-hide body.menu-open { max-height: 100%; overflow: hidden; }
body.menu-open::before { opacity: .89; pointer-events: all;
                         -webkit-transition: .3s .3s opacity; -moz-transition: .3s .3s opacity; -o-transition: .3s .3s opacity; transition: .3s .3s opacity; }

#menu-links > ul > li > a, 
#menu-links > ul > li > span,
.box-button,
#category-nav + #category-title h1,
.chronoforms button,
body[data-layout-new="6"] #category-desc h2,
body[data-layout-current="6"] #category-desc h2 { font-family: 'New Paris King Size Regular'; letter-spacing: 0 !important; }

h1, .h1 { margin: 0; font-style: normal; font-weight: 100; /*font-size: 34px; line-height: 40px;*/ }
h2, .h2 { margin: 0; font-style: normal; font-weight: 100; /*font-size: 26px; line-height: 34px;*/ }
h3, .h3 { margin: 0; font-style: normal; font-weight: 100; /*font-size: 20px; line-height: 28px;*/ }
p { margin: 0 0 10px 0; }
p:last-child { margin-bottom: 0; }
a { text-decoration: none; color: #f00;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
a, body.non-touch a:hover, a:focus { outline: none; color: inherit; }
body.non-touch a:hover { text-decoration: none; cursor: pointer; }
#footer a,
.chronoforms a:not([href^="tel:"]),
#main-block-wrap + #category-content a { border-bottom: 1px solid #222628; padding-bottom: 3px; }

img { max-width: 100%; display: block; }

input { border-radius: 0 !important; font-family: inherit; }
*:focus { outline: none !important; }
::-moz-focus-inner { border: 0; }

input[type="text"]::-webkit-input-placeholder { opacity: 1; color: #222628 !important; font-weight: 100; }
input[type="text"]::-moz-placeholder { opacity: 1; color: #222628 !important; font-weight: 100; }
input[type="text"]:-ms-input-placeholder { opacity: 1; color: #222628 !important; font-weight: 100; }
input[type="text"]:-moz-placeholder { opacity: 1; color: #222628 !important; font-weight: 100; }

input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { padding-left: 30px; min-height: 25px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; cursor: pointer;
                                 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after { content: ''; width: 20px; height: 20px; position: absolute; display: block; }
input[type="checkbox"] + label:before { border-radius: 50%; border: 1px solid #fff; top: 2px; left: 0; }
input[type="checkbox"] + label:after { top: 1px; left: 4px; opacity: 0;
                                       -webkit-transition: opacity .3s, border-color .08s; -moz-transition: opacity .3s, border-color .08s; -o-transition: opacity .3s, border-color .08s; transition: opacity .3s, border-color .08s; }
input[type="checkbox"]:checked + label:after { content: '✓'; opacity: 1; }

input[type="submit"],
input[type="button"] { border: none; background-color: transparent; cursor: pointer; 
                        -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
/*body.non-touch input[type="submit"]:hover,
body.non-touch input[type="button"]:hover { opacity: .4; }*/

textarea { box-shadow: none !important; border-radius: 0 !important; opacity: 1; font-family: inherit; font-weight: 100; color: inherit;
           -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea::-webkit-input-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }
textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }
textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }
textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }

select { border-radius: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 20px 4px 0; width: 100%; min-height: 30px; position: relative; background-color: transparent;  background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; font-family: inherit; font-weight: 100; cursor: pointer;
         -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button { padding: 0; 
         -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

#menu-links ul ul li *,
#category-nav-title-counter,
.chronoforms input[type="text"],
.ui.selection.dropdown,
.ui.selection.dropdown .menu .item,
.enquire-sales-rep span,
#next-page-button a,
body[data-layout-new="6"] #category-title h1,
body[data-layout-current="6"] #category-title h1 { text-transform: uppercase; font-size: 0.732064vw; line-height: 0.732064vw; letter-spacing: 0.2vw; }

/*@media (min-width: 1024px) {
    /*body { font-size: 0.80527vw; line-height: 0.80527vw; letter-spacing: 0.05vw; }
    h1, .h1 { font-size: 48px; line-height: 64px; }
    h2, .h2 { font-size: 36px; line-height: 48px; }
    h3, .h3 { font-size: 28px; line-height: 40px; }
    p { margin: 0 0 20px 0; }
}*/


/* SHARED
========================================================= */
.html-hide { width: 100%; height: 100%; position: fixed; overflow: hidden; }
.hidden { display: none !important; }
.space-between { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.no-trans { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.inner { padding-right: 20px; padding-left: 20px; }

.box-button,
.chronoforms button { padding: .8vw 1.4vw; display: inline-block; text-align: center; text-transform: uppercase; font-size: 1.02489vw; line-height: 1.02489vw; letter-spacing: 0.2vw;
                      -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.box-button.orange,
.chronoforms button { color: #fff; background-color: #ef5420; }
.box-button.orange:hover,
.chronoforms button { color: #fff; }

.social { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
 .social-icon { width: 30px; height: 30px; position: relative; background-color: transparent; }
 body.non-touch .social-icon:hover { opacity: .4 !important; }
 /*body.non-touch .social-icon:hover { opacity: 1; }*/
 .social-icon::before,
 .social-icon::after { content: ''; border-radius: 50%; border: 1px solid #fff; width: 28px; height: 28px; position: absolute; top: 0; left: 0; display: block; opacity: 1; pointer-events: none; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover;
 					   -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; }
 .social-icon::after { display: none; background-color: #fff; opacity: 0; }
 body.non-touch .social-icon:hover::after { opacity: 1; }
 .social-icon:nth-child(n+2) { margin-left: 30px; }
 .social-icon.facebook::before,
 .blue .social-icon.facebook::after { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/fb-white.svg'); }
 .social-icon.twitter::before,
 .blue .social-icon.twitter::after { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/twtr-white.svg'); }
 .social-icon.instagram::before,
 .blue .social-icon.instagram::after { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/insta-white.svg'); }
 .social-icon.youtube::before,
 .blue .social-icon.youtube::after { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/yt-white.svg'); }
 .social-icon.facebook::after,
 .blue .social-icon.facebook::before { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/fb-blue.svg'); }
 .social-icon.twitter::after,
 .blue .social-icon.twitter::before { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/twtr-blue.svg'); }
 .social-icon.instagram::after,
 .blue .social-icon.instagram::before { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/insta-blue.svg'); }
 .social-icon.youtube::after,
 .blue .social-icon.youtube::before { background-image: url('https://www.twentyfivew1.com/templates/twentyfive/images/shared/yt-blue.svg'); }


/* TEMPLATE
========================================================= */
#loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; 
		  -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
#loader.loaded { opacity: 0; pointer-events: none; }

#page-wrap { height: 100vh; position: relative; }

#menu-logo,
#main-block-wrap { box-shadow: 0px 0px 16px 0px rgba(0,0,0,0); }
#main-block-wrap { margin: auto; padding: 30px; width: 30%; height: 62vh; position: relative; z-index: 10; background-color: #fff;
                   -webkit-transition: .3s box-shadow, .3s .3s height; -moz-transition: .3s box-shadow, .3s .3s height; -o-transition: .3s box-shadow, .3s .3s height; transition: .3s box-shadow, .3s .3s height; }
body[data-layout-current="6"]:not(.loading-page):not(.animate-page-images) #main-block-wrap,
body[data-layout-new="6"] #main-block-wrap { height: 27vh; }
body[data-layout-current="7"]:not(.animate-page-images):not(.menu-open) #main-block-wrap,
body[data-layout-new="7"] #main-block-wrap,
body[data-layout-current="8"]:not(.animate-page-images):not(.menu-open) #main-block-wrap,
body[data-layout-new="8"] #main-block-wrap { height: 33vh; }
body.menu-open #menu-logo,
body.menu-open #main-block-wrap,
body[data-layout-current="5"]:not(.loading-page):not(.animate-page-images) #main-block-wrap,
body[data-layout-new="5"] #main-block-wrap { height: 100vh; }
body.menu-open #menu-logo,
body.menu-open #main-block-wrap { box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); }
body.menu-open #main-block-wrap { -webkit-transition: .3s .3s box-shadow, .3s height; -moz-transition: .3s .3s box-shadow, .3s height; -o-transition: .3s .3s box-shadow, .3s height; transition: .3s .3s box-shadow, .3s height; }
#main-block { height: 100%; position: relative; overflow-y: /*auto*/ visible; background-color: #fff; }

#menu-btn-wrap { margin: auto; width: 25px; height: 25px; position: relative;  /* was 21px */
                 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
#menu-btn { height: 100%; position: relative; cursor: pointer; 
            -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
#menu-btn::before,
#menu-btn::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: contain;
                   -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
#menu-btn::before { background-image: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/burger.svg); opacity: 1; }
#menu-btn::after { background-image: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/close-black.svg); opacity: 0; }
body.menu-open #menu-btn::before { opacity: 0; }
body.menu-open #menu-btn::after { opacity: 1; }
/*#menu-btn span { width: 100%; height: 1px; position: absolute; top: 11px; left: 0px; background: #222628; 
              -webkit-transition: .3s background-color .3s; -moz-transition: .3s background-color .3s; -o-transition: .3s background-color .3s; transition: .3s background-color .3s; }
#menu-btn span::before,
#menu-btn span::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; display: block; background-color: #222628; 
                        -webkit-transition: .3s top .3s, .3s bottom .3s, transform .3s; -moz-transition: .3s top .3s, .3s bottom .3s, transform .3s; -o-transition: .3s top .3s, .3s bottom .3s, transform .3s; transition: .3s top .3s, .3s bottom .3s, transform .3s; }
#menu-btn span::before { top: -10px; }
#menu-btn span::after { bottom: -10px; }
body.menu-open #menu-btn span { background-color: transparent; 
                                -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }
body.menu-open #menu-btn span::before,
body.menu-open #menu-btn span::after { -webkit-transition: top .3s, bottom .3s, .3s transform .3s; -moz-transition: top .3s, bottom .3s, .3s transform .3s; -o-transition: top .3s, bottom .3s, .3s transform .3s; transition: top .3s, bottom .3s, .3s transform .3s; }
body.menu-open #menu-btn span::before { top: 0;
                                        -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
body.menu-open #menu-btn span::after { bottom: 0;
                                       -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }*/

#logo-wrap { margin: 5vh auto /*7vh*/ 2.1961934vw auto; /*width: 58%;*/ width: 26.302083vh; }
body[data-layout-new="6"] #logo-wrap,
body[data-layout-current="6"] #logo-wrap { margin: 5vh auto 2.5vh auto; }
#logo-wrap img.desk { display: block; }
#logo-wrap img.mob { display: none; }

#menu-links-wrap { width: 100%; height: 0; position: absolute; top: 28vh; left: 0; overflow: hidden; text-align: center; opacity: 0; pointer-events: none;
                   -webikt-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
body.menu-open #menu-links-wrap { height: 47vh; overflow: auto; opacity: 1; pointer-events: all;
                                  -webkit-transition: .3s .3s opacity; -moz-transition: .3s .3s opacity; -o-transition: .3s .3s opacity; transition: .3s .3s opacity; }
#menu-links-wrap ul { margin: 0; padding: 0; list-style: none; }

#menu-links span,
.ui-accordion-header { padding: 0 2.196193vw; position: relative; cursor: pointer; }
#menu-links span::after,
.ui-accordion-header-icon { width: 0.658857vw; height: 100%; position: absolute; top: 0; right: 0; display: block; background: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/chev-orange-down.svg) center no-repeat; background-size: contain;
                            -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;
                            -webkit-transition: .3s transform; -moz-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; }
#menu-links li.active span::after,
.ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#menu-links span::after { content: ''; }
#menu-links ul.nav-child { max-height: 0; overflow: hidden;
                           -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; }

#menu-links > ul > li:not(:last-child)::after { content: ''; margin: 1.098096vw auto; width: 0.366032vw; height: 1px; display: block; background-color: #222628; }
#menu-links > ul > li > a, 
#menu-links > ul > li > span { font-size: 1.317715vw; line-height: 1.317715vw; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } 
#menu-links li.item-203 span::after { display: none !important; }
#menu-links ul ul li { padding-top: 1.464128vw; }

#category-content,
.chronoforms { text-align: center; opacity: 1;
               -webkit-transition: .3s opacity .7s; -moz-transition: .3s opacity .7s; -o-transition: .3s opacity .7s; transition: .3s opacity .7s; }
body.menu-open #category-content,
body.loading-page #category-content,
body.menu-open .chronoforms,
body.loading-page .chronoforms { opacity: 0;
                                 -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }

body[data-layout-new="1"] #category-info,
body[data-layout-current="1"] #category-info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

#category-nav { margin-top: /*10.4vh;*//* 13.4vh*/ /*2.1961934vw*/ 2.928257vw; width: 100%; position: relative; }
#category-nav-title-counter { padding: 0 2vw; }
#category-nav-buttons { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; }
.category-nav-button { width: 1.68vw; height: 100%; position: absolute; top: 0; background-repeat: no-repeat; background-size: contain; pointer-events: all; }
#category-nav-prev { left: 0; background-image: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/arrow-orange-left.svg); background-position: left center; }
#category-nav-next,
#next-page-button a::after { right: 0; background-image: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/arrow-orange-right.svg); background-position: right center; }

body[data-layout-new="1"] #category-title,
body[data-layout-current="1"] #category-title,
body[data-layout-new="5"] #category-title,
body[data-layout-current="5"] #category-title { display: none; }

body[data-layout-new="6"] #category-desc,
body[data-layout-current="6"] #category-desc { text-align: left; }
body[data-layout-new="6"] #category-desc h2:first-child,
body[data-layout-current="6"] #category-desc h2:first-child { margin-top: 0; }
body[data-layout-new="6"] #category-desc ol,
body[data-layout-current="6"] #category-desc ol { margin: 0; padding: 0; list-style: none; }

.chronoforms,
.chronoforms + a,
.chronoforms .form .field > label,
.chronoforms .form .required.field > .checkbox::after { display: none; }
body[data-menu-id="196"] .chronoforms { display: block; }
.chronoforms input[type="text"],
.ui.selection.dropdown { border: 1px solid #222628 !important; border-radius: 0 !important; width: 100%; }
.chronoforms .field.error input[type="text"],
.field.error .checkbox label::before { border-color: #ef5420 !important; }
.chronoforms input[type="text"],
.ui.selection.dropdown,
#content-wrap .ui.selection.dropdown .menu .item { padding: 0.878477vw 1.464128vw !important; }
.chronoforms .field:nth-child(n+2) input[type="text"],
.ui.selection.dropdown,
.ui.checkbox { margin-top: 0.464128vw; }
.ui.selection.dropdown .icon { margin: 0 !important; padding: 0 !important; width: 0.732064vw !important; height: 52% !important; top: 24% !important; right: 3% !important; background: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/arrow-orange-down.svg) center center no-repeat; background-size: contain;
                               -webkit-transform: rotate(0) !important; -ms-transform: rotate(0) !important; transform: rotate(0) !important;
                               -webkit-transition: transform .3s !important; -moz-transition: transform .3s !important; -o-transition: transform .3s !important; transition: transform .3s !important;  }
.ui.selection.dropdown.active .icon { -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
.ui.selection.dropdown .icon::before { display: none !important; }
.ui.selection.dropdown .menu { margin: 0 !important; border: 1px solid #222628 !important; border-radius: 0 !important; width: calc(100% + 1.5px) !important; left: -0.5px !important; max-width: none !important; min-width: auto !important; }
.ui.selection.dropdown .menu .item { border: none !important; }
.ui.selection.dropdown .menu .item.active,
.ui.selection.dropdown .menu .item:hover { background-color: #ef5420; color: #fff; }
.checkbox { width: 100%; }
.chronoforms .checkbox input.hidden + label { padding-left: 1.610541vw; text-align: left; font-size: 0.585651vw; line-height: 0.951683vw; letter-spacing: 0; }
.ui.checkbox .box::before, 
.ui.checkbox label::before { border-color: #222628 !important; border-radius: 0 !important; width: 1vw !important; height: 1vw !important; }
.ui.checkbox .box::after, 
.ui.checkbox label::after { width: 1.02489vw !important; height: 1.02489vw !important; font-size: 1.02489vw !important; }
.chronoforms button { margin-top: 1.464128vw; border: none; width: 100%; cursor: pointer; }
#content-wrap .ui.basic.red.label { display: none !important; }
.enquire-sales-rep { padding-top: 4.026354vw; }
.enquire-sales-rep-blocks { margin: auto; padding-top: 2.196193vw; /* max-width: 19.78vw;*/  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.enquire-sales-rep-block { width:50%; padding-left:1%; padding-right:1%; letter-spacing: 0; }
.enquire-sales-rep-block img { margin: 2vh auto 0 auto; }
#esrb-knight-frank img { width: 4.245973vw; }
#esrb-native-land img { width: 5.245973vw; }
#esrb-cushman-wakefield img { width: 7.467057vw; }
.enquire-sales-rep-block a { margin-top: 1.098096vw; display: inline-block; }

#page-images,
.page-images,
.page-images-group,
.page-image-clip { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#page-images { overflow: hidden; pointer-events: none; }
#page-images-current { z-index: 2; }
#page-images-new { z-index: 4; }
.page-image-wrap { position: absolute; overflow: hidden; }
.page-image-clip { overflow: hidden; }
.page-image { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;
              -webkit-transition: transform .7s ease-out 0s; -moz-transition: transform .7s ease-out 0s; -o-transition: transform .7s ease-out 0s; transition: transform .7s ease-out 0s; }
.page-image img { opacity: 0; visibility: hidden; pointer-events: none; }

#next-page-button { display: none; }

#top-native-land,
#top-portman,
#top-enquire { position: absolute; top: 16px; /* 3.26vh;*/ z-index: 4; }
#top-native-land { left: 2.562225vw; /*3.66vw;*/ /*pointer-events: none;*/ }
#top-portman  { left: 10vw; }
#top-portman img { width: 5vw; }
#top-enquire { right: 2.562225vw; /*3.66vw;*/ }
#top-native-land img { width: 6vw; /*7.54vw;*/ display: block; opacity: 0;
                       -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
#top-native-land .white,
#top-portman .white { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
body[data-nl-colour="black"] #top-native-land .black,
body[data-nl-colour="white"] #top-native-land .white,
body[data-nl-colour="black"] #top-portman .black,
body[data-nl-colour="white"] #top-portman .white { opacity: 1; }
body[data-nl-colour="black"] #top-native-land .white,
body[data-nl-colour="white"] #top-native-land .black,
body[data-nl-colour="black"] #top-portman .white,
body[data-nl-colour="white"] #top-portman .black { opacity: 0; }

#line-pattern, .line-pattern { width: 7.69vw; height: 17.32vh; position: absolute; bottom: 0; left: calc((100% - 7.69vw) / 2); z-index: 20; background: url(https://www.twentyfivew1.com/templates/twentyfive/images/shared/twentyfive-line-pattern.svg) center bottom no-repeat; background-size: contain; pointer-events: none; opacity: 1; 
                -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.loading-page #line-pattern,
body[data-layout-new="5"]:not(.menu-open) #line-pattern,
body[data-layout-current="5"]:not(.menu-open) #line-pattern,
body[data-layout-new="7"]:not(.menu-open) #line-pattern,
body[data-layout-current="7"]:not(.menu-open) #line-pattern,
body[data-layout-new="8"]:not(.menu-open) #line-pattern,
body[data-layout-current="8"]:not(.menu-open) #line-pattern { opacity: 0; }

#footer-wrap { background-color: #fff; opacity: 1;
               -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.loading-page #footer-wrap { opacity: 0; }
#footer { padding: 1.098096vw 2.562225vw; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#footer-logos { display: -ms-flexbox; display: -webkit-flex; display: flex; }
#footer-native-land .desktop { width: 6.588579vw; }
#footer-native-land .mobile,
#footer-portman-estate .mobile { display: none; }
#footer-portman-estate { margin-left: 4.685212vw; }
#footer-portman-estate .desktop { width: 6.808199vw; }
#footer-copy-links { padding: 1.098096vw 0; display: -ms-flexbox; display: -webkit-flex; display: flex; }
#footer-links ul { margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; list-style: none; }
#footer-links li,
#footer-attribution { margin-left: 2vw; }

/* #header-wrap { width: 100%; position: fixed; top: 0; left: 0; z-index: 10; background-color: #fff; }
  #header { padding-top: 10px; padding-bottom: 10px; width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
			-webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; }
  #header::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background-color: #fff; }*/

/*.portraitonly { display:none; visibility:hidden; }
body.small.landscape .portraitonly { display:block; visibility:visible; position:fixed; top:0; left: 0; z-index:10000; width: 100%; height: 100%; background: #415866 url('../images/shared/portrait-only.jpg') no-repeat center center; }
body.landscape:not(.small) .portraitonly { display:none; visibility:hidden; position:static; top:0; left: 0; z-index:1; width: 0; height: 0; background: none; }
body.small.landscape #page-wrap { position: fixed; width: 100%; height: 100%; }*/

@media (max-width: 1023px) {
    body { font-size: 2.933333vw; line-height: 4vw; }
    body[data-layout-current="5"] { background-color: #fff; }
    
    #footer a, .chronoforms a:not([href^="tel:"]) { padding-bottom: 2px; }
    
    #menu-links ul ul li *,
    #category-nav-title-counter,
    .chronoforms input[type="text"],
    .ui.selection.dropdown,
    .ui.selection.dropdown .menu .item,
    .enquire-sales-rep span,
    #next-page-button a,
    body[data-layout-new="6"] #category-title h1,
    body[data-layout-current="6"] #category-title h1 { font-size: 2.666666vw; line-height: 2.666666vw; letter-spacing: 0.64vw; }

    
    /* SHARED
    ========================================================= */
    .box-button,
    .chronoforms button { padding: 2.933333vw 5.333333vw; font-size: 3.599999vw; line-height: 3.599999vw; letter-spacing: 0.4vw; }
    
    
    /* TEMPLATE
    ========================================================= */
    #page-wrap { padding-top: 20.72vw; height: auto; position: static; }
    
    /* 
    Animation;
    - Opening;
    Width expand over .15s
    Height expand over .3s
    Box shadow, white background and content fade in over .3s
    - Closing;
    Box shadow, white background and content fade out over .3s
    Height contract over .3s
    Width contract over .15s
    Also.. line pattern
    */
    #main-block-wrap { box-shadow: none !important; margin: 0; padding: 0; width: 100%; height: auto !important; background-color: transparent;
                       -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
    #main-block { height: auto; overflow: initial; background-color: transparent; }
    /*#menu-logo { padding: 6.666666vw; width: 63.333333%; position: fixed; top: 0; left: 18.333333%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff;
                 transition: box-shadow .3s, width .15s .6s, height .3s .3s; }
    body.menu-open #menu-logo { width: 86.67%;
                                transition: box-shadow .3s .45s, width .15s, height .3s .15s; }*/
    #menu-logo { padding: 6.666666vw 18.466666vw; width: 86.67%; height: 20.72vw; position: fixed; top: 0; left: 6.665%; z-index: 2; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none;
                 -webkit-transition: box-shadow .3s, width .15s .6s, height .3s .3s; -moz-transition: box-shadow .3s, width .15s .6s, height .3s .3s; -o-transition: box-shadow .3s, width .15s .6s, height .3s .3s; transition: box-shadow .3s, width .15s .6s, height .3s .3s; }
    #menu-logo::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #fff;
                         -webkit-transform: scaleX(0.73075); -ms-transform: scaleX(0.73075); transform: scaleX(0.73075);
                         -webkit-transition: transform .15s .6s; -moz-transition: transform .15s .6s; -o-transition: transform .15s .6s; transition: transform .15s .6s; }
    /* Altered menu: */
    #menu-logo { padding: 6.666666vw; width: 100%; left: 0; box-shadow: none !important; }
    #menu-logo::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
    /* - */
    body.menu-open #menu-logo { 
                                -webkit-transition: box-shadow .45s .3s, height .3s .15s; -moz-transition: box-shadow .45s .3s, height .3s .15s; -o-transition: box-shadow .45s .3s, height .3s .15s; transition: box-shadow .45s .3s, height .3s .15s; }
    body.menu-open #menu-logo::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);
                                        -webkit-transition: transform .15s; -moz-transition: transform .15s; -o-transition: transform .15s; transition: transform .15s; }
    #menu-btn-wrap { margin: 0; width: 5.066666vw; height: 5.066666vw; pointer-events: all;
                     /*transform: scale(0.9048);*/ }
    /*#menu-btn span { top: calc(5.066666vw / 2); }
    #menu-btn span,
    #menu-btn span::before,
    #menu-btn span::after { height: 0.266666vw; }
    #menu-btn span::before { top: calc(5.066666vw / 2 * -1); }
    #menu-btn span::after { bottom: calc(5.066666vw / 2 * -1); }*/
    #logo-wrap { margin: 0 !important; width: auto; pointer-events: all; }
    #logo-wrap img.desk { display: none; }
    #logo-wrap img.mob { width: 35.6vw; display: block; }
    /* Altered menu: */
    #logo-wrap { position: absolute; left: 50%;
                 -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    /* - */
    
    #menu-links-wrap { width: 86.67%; top: 4.872563vh; left: 6.665%; z-index: 3; }
    body.menu-open #menu-links-wrap { height: 70vh; }
    #menu-links span,
    .ui-accordion-header { padding: 0 8.133332vw; }
    #menu-links span::after,
    .ui-accordion-header-icon { width: 3.599999vw; }
    #menu-links > ul > li:not(:last-child)::after { margin: 5.333333vw auto; width: 1.333333vw; height: 2px; }
    #menu-links > ul > li > a, 
    #menu-links > ul > li > span { font-size: 5.8vw; line-height: 5.8vw; }
    #menu-links ul ul li { padding-top: 5.333333vw; }
    
    #category-content, 
    .chronoforms { -webkit-transition: opacity .3s .3s; -moz-transition: opacity .3s .3s; -o-transition: opacity .3s .3s; transition: opacity .3s .3s; }
    body.menu-open #category-content,
    body.menu-open .chronoforms { opacity: 1; }
    
    #category-nav { margin-top: 10vw; }
    #category-nav-buttons { width: 86.666668%; left: 6.666666%; }
    .category-nav-button,
    #next-page-button a::after { width: /*3.733333vw*/ 5vw; }
    #category-desc { padding: 0; }
    
    .chronoforms { margin: 9.333333vw auto 0 auto; max-width: calc(100% - (6.666666% * 2)); }
    .chronoforms input[type="text"],
    .ui.selection.dropdown,
    #content-wrap .ui.selection.dropdown .menu .item { padding: 2.666666vw 4vw !important; }
    .chronoforms .field:nth-child(n+2) input[type="text"],
    .ui.selection.dropdown,
    .ui.checkbox { margin-top: 6vw; }
    .ui.selection.dropdown .menu { max-height: 28vw !important; }
    .ui.selection.dropdown .icon { width: 2vw !important; right: 4% !important; }
    .chronoforms .checkbox input.hidden + label { margin-top: -1.066666vw; padding-left: 11.333333vw; font-size: 2.933333vw; line-height: 4.666666vw; }
    .ui.checkbox .box::before, 
    .ui.checkbox label::before { width: 5.6vw !important; height: 5.6vw !important; top: 1.066666vw !important; }
    .ui.checkbox .box::after, 
    .ui.checkbox label::after { top: 1.466666vw !important; font-size: 5.6vw !important; }
    .chronoforms button { margin-top: 9.333333vw; }
    .enquire-sales-rep { padding-top: 12vw; padding-bottom: 14.666666vw; }
    .enquire-sales-rep-blocks { padding-top: 7.333333vw; /* max-width: 64vw;*/ }
    #esrb-knight-frank img { width: 13.466666vw; }
	#esrb-native-land img { width: 16.566666vw; }
    #esrb-cushman-wakefield img { width: 23.466666vw; }
	    .enquire-sales-rep-block a { margin-top: 3.333333vw; }
    
    #page-images,
    .page-images,
    .page-images-group,
    .page-image-wrap { position: relative; height: auto; }
    #page-images { padding-bottom: 7.466666vw; opacity: 1;
                   /*transition: opacity .3s .7s;*/
                   -webkit-transition: opacity .3s .3s; -moz-transition: opacity .3s .3s; -o-transition: opacity .3s .3s; transition: opacity .3s .3s; }
    body.loading-page #page-images { opacity: 0;
                                     -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    /*body[data-layout-current="1"] #page-images,*/
    body[data-layout-current="5"] #page-images { padding-bottom: 0; }
    .page-images,
    .page-images-group { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
    .page-images-group { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1 !important; }
    
    #next-page-button { padding: 2vw 6.666666% 14vw 6.666666%; display: block; opacity: 1;
                        /*transition: opacity .3s .7s;*/
                        -webkit-transition: opacity .3s .3s; -moz-transition: opacity .3s .3s; -o-transition: opacity .3s .3s; transition: opacity .3s .3s; }
    body.loading-page #next-page-button { opacity: 0;
                                          -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    /*body[data-menu-id="101"] #next-page-button,*/
    body[data-menu-id="196"] #next-page-button { display: none; }
    #next-page-button a { padding: 5.6vw 12vw 5.6vw 5.6vw; width: 100%; position: relative; display: block; line-height: 4vw; background-color: #222628; color: #fff; }
    #next-page-button a::after { content: ''; height: 100%; position: absolute; top: 0; right: 5.6vw; background-repeat: no-repeat; background-size: contain; }
    
    #top-native-land,
 	#top-portman,
    #top-enquire { display: none; }
    
    #line-pattern, .line-pattern { width: 18.4vw; height: 13.193403vh; /*top: calc(100vh - 13.193403vh); bottom: auto;*/ left: calc((100% - 18.4vw) / 2); bottom: 0; opacity: 0;
                    -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
    body.menu-open #line-pattern { opacity: 1;
                                   -webkit-transition: opacity .45s .3s; -moz-transition: opacity .45s .3s; -o-transition: opacity .45s .3s; transition: opacity .45s .3s; }
    
    #footer { padding: 10vw 6.666666%; display: block; }
    #footer-copy-links { padding: 8vw 0 0 0; display: block; }
    #footer-links { padding: 7.333333vw 0 6.666666vw 0; }
    #footer-links li:first-child { margin-left: 0; }
    #footer-links li { margin-left: 4.8vw; }
    #footer-attribution { margin-left: 0; }
    
    /*
    MOBILE LAYOUTS
    Layout 1:
    Text */
    body[data-layout-current="1"] #category-nav { display: none; }
    body[data-layout-current="1"] #category-desc { margin: auto; /*padding: 8.666666vw 3.333333vw; width: 63.333333%;*/ padding: 8.666666vw 15vw; width: 100%; font-size: 4.266666vw; line-height: 5.066666vw; background-color: #fff; }
    body[data-layout-current="1"] #category-desc .box-button { margin-top: 6.666666vw; }
    
    /* Layouts 1/2/3/4/6:
    Text */
    body[data-layout-current="2"] #category-title h1,
    body[data-layout-current="3"] #category-title h1,
    body[data-layout-current="4"] #category-title h1,
    body[data-layout-current="6"] #category-desc h2,
    body[data-layout-new="2"] #category-title h1,
    body[data-layout-new="3"] #category-title h1,
    body[data-layout-new="4"] #category-title h1,
    body[data-layout-new="6"] #category-desc h2 { margin-top: 9.333333vw; margin-bottom: 1vw; font-size: 5.066666vw; line-height: 7.466666vw; }
    body[data-layout-current="2"] #category-desc,
    body[data-layout-current="3"] #category-desc,
    body[data-layout-current="4"] #category-desc,
    body[data-layout-current="6"] #category-desc,
    body[data-layout-new="2"] #category-desc,
    body[data-layout-new="3"] #category-desc,
    body[data-layout-new="4"] #category-desc,
    body[data-layout-new="6"] #category-desc { padding: 0 6.666666% 13.333333vw 6.666666%; font-size: 4.533333vw; line-height: 7.466666vw; }
    
    /* Layouts: all
    Block dimensions/positioning */
    body[data-layout-current="1"] #page-images-current .page-image-wrap,
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(n+2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(n+2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(n+2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) { margin-top: 7.466666vw; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { margin-top: 0 !important; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3) { margin-top: -7.466666vw; z-index: -1; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { margin-left: 6.666666%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4) { margin-left: 36.666666%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) { margin-left: 21.733334%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2) { width: 41.6%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) { width: 71.6%; }
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4) { width: 56.666666%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { width: 100%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3) { width: 56.666666%; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2) { height: 43.066666vw; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { height: 47.733333vw; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4) { height: 50.666666vw; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2) { height: 77.733333vw; }
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3) { height: 54.8vw; }
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { height: 105.333333vw; }
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) { height: 69.333333vw; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { order: 0; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { order: 1; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) { order: 2; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3) { order: 3; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4) { order: 4; }
    
    /* Layouts 1/2/3/4:
    Image reveal */
    body:not([data-layout-current="5"]):not([data-layout-current="6"]) #page-images-current .page-image { opacity: 0;
                                                                                                          -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);
                                                                                                          -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
    body:not([data-layout-current="5"]):not([data-layout-current="6"]) #page-images-current .page-image.show { opacity: 1;
                                                                                                               -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
                                                                                                               -webkit-transition: transform .3s ease-out 0s, opacity .3s ease-out 0s; -moz-transition: transform .3s ease-out 0s, opacity .3s ease-out 0s; -o-transition: transform .3s ease-out 0s, opacity .3s ease-out 0s; transition: transform .3s ease-out 0s, opacity .3s ease-out 0s; }
    
    /* Layouts 5:
    Image */
    body[data-layout-current="5"] #page-images-current .page-image-wrap { height: 69.333333vw; }
    body[data-layout-current="5"] #page-images-current .page-image-wrap:last-child { display: none; }
    
    /* Layout 6:
    Text */
    body[data-layout-new="6"] #category-content,
    body[data-layout-current="6"] #category-content { margin: auto; padding: 10.666666vw 0; max-width: 86.67%; }
    body[data-layout-new="6"] #category-title,
    body[data-layout-current="6"] #category-title { padding-bottom: 10.666666vw; }
    body[data-layout-new="6"] #category-desc ol.nav li,
    body[data-layout-current="6"] #category-desc ol.nav li { padding-top: 1.333333vw; }
    
    /* Layout 7/8:
    Text
    */
    body[data-layout-new="7"] #category-nav,
    body[data-layout-current="7"] #category-nav,
    body[data-layout-new="8"] #category-nav,
    body[data-layout-current="8"] #category-nav { margin-bottom: 10vw; }
    
    #footer-native-land .desktop,
    #footer-portman-estate .desktop { display: none; }
    #footer-native-land .mobile { width: 26.666666vw; display: block; }
    #footer-portman-estate { margin-left: 11vw; }
    #footer-portman-estate .mobile { width: 28vw; display: block; }
}

@media (min-width: 1024px) and (max-width: 1966px) { .hidedesk { display:none; } }

@media (min-width: 1024px) {
    #menu-logo { box-shadow: none !important; height: auto !important; }
    
    body.menu-open #category-content > *,
    body.menu-open .chronoforms { display: none; }
    
	
    /* 
    DESKTOP LAYOUTS
    Layout 1:
    Text */
    body[data-layout-new="1"] #category-desc,
    body[data-layout-current="1"] #category-desc { /*padding: 0 1vw; font-size: 1.610541vw; line-height: 1.903367vw;*/ padding: 0 0.73vw; /*font-size: 1.464128vw; line-height: 1.756954vw;*/ font-size: 1.35vw; line-height: 1.66vw; letter-spacing: 0; }
    body[data-layout-new="1"] #category-desc .box-button,
    body[data-layout-current="1"] #category-desc .box-button { margin-top: 4.026354vw; }

    /* Top background colour */
    body[data-layout-new="1"] #page-images::before,
    body[data-layout-current="1"] #page-images::before,
    body[data-layout-new="1"] #page-images::after,
    body[data-layout-current="1"] #page-images::after { content: ''; width: 0; height: 100%; position: absolute; top: 0; z-index: -1; background-color: #f4f3f1;
                                                        -webkit-transition: width .7s ease-out; -moz-transition: width .7s ease-out; -o-transition: width .7s ease-out; transition: width .7s ease-out; }
    body[data-layout-new="1"] #page-images::before,
    body[data-layout-current="1"] #page-images::before { right: 50%; }
    body[data-layout-new="1"] #page-images::after,
    body[data-layout-current="1"] #page-images::after { left: 50%; }
    /*body[data-layout-new="1"] #page-images::before { transform: translateX(-100%); }
    body[data-layout-new="1"] #page-images::after { transform: translateX(-100%); }*/
    body.animate-page-images[data-layout-new="1"] #page-images::before,
    body.animate-page-images[data-layout-new="1"] #page-images::after,
    body[data-layout-current="1"] #page-images::before,
    body[data-layout-current="1"] #page-images::after { width: 50%; }
    body.animate-page-images[data-layout-new="1"] #page-images::before,
    body.animate-page-images[data-layout-new="1"] #page-images::after { z-index: 3; }

    /* Only active visible, z-index layering the same */
    body[data-layout-new="1"] #page-images-new .page-images-group.active-current,
    body[data-layout-new="1"] #page-images-new .page-images-group.active-new,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new { z-index: 2; opacity: 1; }
    body[data-layout-new="1"] #page-images-new .page-images-group.active-new,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new { z-index: 3; }

    /* Block dimensions/positioning */
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1) { width: 24.89%; height: 24.87vh; top: 6.51vh; left: 3.66%; }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2) { width: 14.49%; height: 26.69vh; top: 36.46vh; left: 8.78%; z-index: 2; }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(5),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5) { width: 19.77%; height: 31.25vh; top: 12.37vh; left: 71.38%; }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(4),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4) { width: 50%; height: 49.74vh; bottom: 0; }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3) { left: 0; }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(4),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4) { right: 0; }

    /* General z-index positions */
    body[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap { z-index: 3; }
    body[data-layout-new="1"] #page-images-new .page-images-group.active-new .page-image-wrap,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new .page-image-wrap { z-index: 4; }

    /* Specific z-index positions so new group bottom blocks go under the current grooup floating blocks */
    body[data-layout-new="1"] #page-images-new .page-images-group.active-new .page-image-wrap:nth-child(2),
    body[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap:nth-child(2),
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(2),
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(2) { z-index: 5; }
    /*body[data-layout-new="1"] #page-images-new .page-images-group.active-new .page-image-wrap:nth-child(3),
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(3) { z-index: -1; }*/

    /* Floating blocks direction of clip - can only work if even number so disabled, may reintroduce using additional left/right script later */
    body[data-layout-current="1"] #page-images-current .page-image { position: absolute; top: 0; }
    /*body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+1) .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+1) .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+1) .page-image-wrap:nth-child(5) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+1) .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+1) .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+1) .page-image-wrap:nth-child(5) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+2) .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+2) .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+2) .page-image-wrap:nth-child(5) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+2) .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+2) .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+2) .page-image-wrap:nth-child(5) .page-image { left: auto; right: 0; }
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+3) .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+3) .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+3) .page-image-wrap:nth-child(5) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+3) .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+3) .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n+3) .page-image-wrap:nth-child(5) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n) .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n) .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n) .page-image-wrap:nth-child(5) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n) .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n) .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group:nth-child(4n) .page-image-wrap:nth-child(5) .page-image { left: 0; right: auto; }*/

    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2) .page-image { left: auto; right: 0; }

    /* 
    When animate group on body.. 
    transform active-current page-image-wrap to width 0
    then animate-group removed, classes will have changed so active-new does not exist (and for floating points is not needed) so
    active-current will go back to normal width and will be on the other block
    */
    body[data-layout-current="1"]:not(.moving-images) #page-images-current .page-image-clip { -webkit-transition: width .7s ease-out 0s; -moz-transition: width .7s ease-out 0s; -o-transition: width .7s ease-out 0s; transition: width .7s ease-out 0s; }
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5) .page-image-clip,
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(1) .page-image-clip,
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(2) .page-image-clip,
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(5) .page-image-clip { width: 0; }
    body[data-layout-current="1"]:not(.animate-group):not(.moving-images) #page-images-current .page-images-group.active-current .page-image-clip { width: 100%; }



    /* OLD :: Floating blocks transitions/transforms */
    /*body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(1),*/
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1),
    /*body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(2),*/
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2),
    /*body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(5),*/
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5) { /*transition: width .7s ease-out; transform-origin: right;*/ }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(1),
    body.animate-group[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(1),
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(2),
    body.animate-group[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(2),
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(5),
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(5),
    body.animate-group[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(5)
    /*,
    body.animate-group[data-layout-current="1"] #page-images-current .page-image-group.active-current .page-image-wrap:nth-child(1),
    body.animate-group[data-layout-current="1"] #page-images-current .page-image-group.active-current .page-image-wrap:nth-child(2),
    body.animate-group[data-layout-current="1"] #page-images-current .page-image-group.active-current .page-image-wrap:nth-child(5)*/ { /*transform: scaleX(0);*/ }

    /*body.animate-page-images[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap:nth-child(1),*/
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(1),
    body[data-layout-current="1"]:not(.animate-group) #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(1),
    /*body.animate-page-images[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap:nth-child(2),*/
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(2),
    body[data-layout-current="1"]:not(.animate-group) #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(2),
    /*body.animate-page-images[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap:nth-child(5),*/
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(5),
    body[data-layout-current="1"]:not(.animate-group) #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(5) { /*transform: scaleX(1);*/ }
    /* :: */



    /* Bottom blocks transitions/transforms */
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(3) .page-image { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
    body[data-layout-new="1"] #page-images-new .page-image-wrap:nth-child(4) .page-image,
    body[data-layout-current="1"] #page-images-current .page-image-wrap:nth-child(4) .page-image { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

    body.animate-page-images[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(3) .page-image,
    body.animate-page-images[data-layout-new="1"] #page-images-new .page-images-group.active-current .page-image-wrap:nth-child(4) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-current .page-image-wrap:nth-child(4) .page-image,
    body[data-layout-current="1"] #page-images-current .page-images-group.active-new .page-image-wrap:nth-child(4) .page-image { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    /* Floating blocks remove transition/transform for setting width/height on page-image */
    body.resize-groups[data-layout-new="1"] .page-image-wrap,
    body.resize-groups[data-layout-new="1"] .page-image-clip,
    body.resize-groups[data-layout-current="1"] .page-image-wrap,
    body.resize-groups[data-layout-current="1"] .page-image-clip { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; 
                                                                   -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
    body.resize-groups[data-layout-new="1"] .page-image-clip,
    body.resize-groups[data-layout-current="1"] .page-image-clip { width: 100% !important; }

    /* Layouts 2/3/4/5/6:
    Text */
    body[data-layout-current="2"] #category-title h1,
    body[data-layout-current="3"] #category-title h1,
    body[data-layout-current="4"] #category-title h1,
    body[data-layout-new="2"] #category-title h1,
    body[data-layout-new="3"] #category-title h1,
    body[data-layout-new="4"] #category-title h1,
    body[data-layout-current="2"] #category-desc,
    body[data-layout-current="3"] #category-desc,
    body[data-layout-current="4"] #category-desc,
    body[data-layout-new="2"] #category-desc,
    body[data-layout-new="3"] #category-desc,
    body[data-layout-new="4"] #category-desc { margin-left: auto; margin-right: auto; max-width: 19.765739vw; }
    body[data-layout-current="2"] #category-title h1,
    body[data-layout-current="3"] #category-title h1,
    body[data-layout-current="4"] #category-title h1,
    body[data-layout-current="6"] #category-desc h2,
    body[data-layout-new="2"] #category-title h1,
    body[data-layout-new="3"] #category-title h1,
    body[data-layout-new="4"] #category-title h1,
    body[data-layout-new="6"] #category-desc h2 { margin-top: /*2.1961934vw*/ 3.07467vw; margin-bottom: 1.464128vw; font-size: 1.171303vw; line-height: 1.317715vw; }
    body[data-layout-current="2"] #category-desc,
    body[data-layout-current="3"] #category-desc,
    body[data-layout-current="4"] #category-desc,
    body[data-layout-current="6"] #category-desc,
    body[data-layout-new="2"] #category-desc,
    body[data-layout-new="3"] #category-desc,
    body[data-layout-new="4"] #category-desc,
    body[data-layout-new="6"] #category-desc { font-size: 0.80527vw; line-height: 1.317715vw; letter-spacing: 0; }

    /* Block dimensions/positioning */
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(4), 
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4), 
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { width: 35%; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { width: 65%; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(4),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) { height: 62vh; }
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { height: 100vh; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { height: 38vh; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(4),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { top: 0; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { bottom: 0; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) { left: 0; }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(4), 
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(3),
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4), 
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2),
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3),
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) { right: 0; }

    /* Layout 5 specific */
    body[data-layout-new="5"] #page-images-new .page-image-wrap,
    body[data-layout-current="5"] #page-images-current .page-image-wrap { width: 100%; height: 50vh; overflow: hidden; }
    body[data-layout-new="5"] #page-images-new .page-image-wrap:nth-child(1),
    body[data-layout-current="5"] #page-images-current .page-image-wrap:nth-child(1) { top: 0; }
    body[data-layout-new="5"] #page-images-new .page-image-wrap:nth-child(2),
    body[data-layout-current="5"] #page-images-current .page-image-wrap:nth-child(2) { bottom: 0; }
    body[data-layout-new="5"] #page-images-new .page-image,
    body[data-layout-current="5"] #page-images-current .page-image { width: 100%; height: 100vh; }
    body[data-layout-new="5"] #page-images-new .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="5"] #page-images-current .page-image-wrap:nth-child(2) .page-image { -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); }

    /* Starting transform directions */
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(4) .page-image,
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(4) .page-image,
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(2) .page-image { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-new="5"] #page-images-new .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="5"] #page-images-current .page-image-wrap:nth-child(1) .page-image { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(3) .page-image { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
    body[data-layout-new="2"] #page-images-new .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-new="3"] #page-images-new .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-new="4"] #page-images-new .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="2"] #page-images-current .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="3"] #page-images-current .page-image-wrap:nth-child(3) .page-image,
    body[data-layout-current="4"] #page-images-current .page-image-wrap:nth-child(1) .page-image { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /* Don't think the current images need transform as transform forced below to 0 */

    /* Layouts 2/3/4 to transform to default position */
    body.animate-page-images:not([data-layout-new="1"]):not([data-layout-new="5"]) #page-images-new .page-image,
    body:not([data-layout-current="1"]):not([data-layout-current="5"]) #page-images-current .page-image { -webkit-transform: translate(0,0) !important; -ms-transform: translate(0,0) !important; transform: translate(0,0) !important; }

    /* Layout 5 transform */
    body.animate-page-images[data-layout-new="5"] #page-images-new .page-image-wrap:nth-child(1) .page-image,
    body[data-layout-current="5"] #page-images-current .page-image-wrap:nth-child(1) .page-image { -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
    body.animate-page-images[data-layout-new="5"] #page-images-new .page-image-wrap:nth-child(2) .page-image,
    body[data-layout-current="5"] #page-images-current .page-image-wrap:nth-child(2) .page-image { -webkit-transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important; }
    
    /* Layout 6
    Text */
    body[data-layout-new="6"] #category-content,
    body[data-layout-current="6"] #category-content { margin: auto; padding: 3.513909vw 0 13.909224vw 0; max-width: 50.951683vw; }
    body[data-layout-new="6"] #category-title,
    body[data-layout-current="6"] #category-title { padding-bottom: 3.513909vw; }
    body[data-layout-new="6"] #category-desc ol.nav li,
    body[data-layout-current="6"] #category-desc ol.nav li { padding-top: 0.366032vw; }
    
    /* Page height */
    body[data-layout-current="6"]:not(.loading-page):not(.animate-page-images) #page-wrap { height: auto; min-height: 100vh; }
    /*body[data-layout-current="6"].initial-load #main-block-wrap { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }*/
    
    /* Layout 7/8 specific */
    body[data-layout-new="7"] #page-images-new .google-map-content,
    body[data-layout-current="7"] #page-images-current .google-map-content,
    body[data-layout-new="8"] #page-images-new .locator-content,
    body[data-layout-current="8"] #page-images-current .locator-content { width: 100%; height: 100vh; overflow: hidden;
                                                                         -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);
                                                                         -webkit-transition: transform .7s ease-out 0s; -moz-transition: transform .7s ease-out 0s; -o-transition: transform .7s ease-out 0s; transition: transform .7s ease-out 0s; }
    
    /* Layout 7/8 transform */
    body.animate-page-images[data-layout-new="7"] #page-images-new .google-map-content,
    body[data-layout-current="7"] #page-images-current .google-map-content,
    body.animate-page-images[data-layout-new="8"] #page-images-new .locator-content,
    body[data-layout-current="8"] #page-images-current .locator-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

@media (min-width:1024px) and (orientation: portrait) {
	#logo-wrap { margin: 5vw auto 7vw auto; width: 58%; width: 26.302083vw; }
	#top-native-land img { width: 6vh; }
	.box-button, .chronoforms button { padding: .8vh 1.4vh; font-size: 1.02489vh; line-height: 1.02489vh; letter-spacing: 0.2vh; }
	body { font-size: 0.80527vh; line-height: 0.80527vh; letter-spacing: 0.05vh; }
	body[data-layout-current="2"] #category-desc, body[data-layout-current="3"] #category-desc, body[data-layout-current="4"] #category-desc, body[data-layout-current="6"] #category-desc, body[data-layout-new="2"] #category-desc, body[data-layout-new="3"] #category-desc, body[data-layout-new="4"] #category-desc, body[data-layout-new="6"] #category-desc { font-size: 0.80527vh; line-height: 1.317715vh; }
	
}

@media (min-width: 1500px) {
    body { letter-spacing: 0.02vw; }
    
    /*body[data-layout-new="1"] #category-desc, 
    body[data-layout-current="1"] #category-desc { font-size: 1.3vw; line-height: 1.6vw; }*/
}

/* Quick fixes for legal */
li > h2 { margin-top: 1em !important; }

div[data-menu-id="231"] #category-title,  div[data-menu-id="230"] #category-title,  div[data-menu-id="232"] #category-title { display:none; }
div[data-menu-id="231"] #category-desc,  div[data-menu-id="230"] #category-desc,  div[data-menu-id="232"] #category-desc { padding-top:1vw; }
@media (max-width:1023px) {
div[data-menu-id="231"] #category-desc,  div[data-menu-id="230"] #category-desc,  div[data-menu-id="232"] #category-desc { padding-top:1vh; }
}


.page-image { position: relative; }
.page-image[style*="/native-land/"]::after, .page-image[style*="/2021-nov/"]::after, .page-image[style*="/2022-jan/"][style*="Cheyne"]::after { display:block; position: absolute; bottom: 0; right: 0; background-color:#000; color:#fff; padding: 7px; opacity:0.75; }
.page-image[style*="/native-land/"][style*="urling"]::after { content:"Burlington Gate"; }
.page-image[style*="/native-land/"][style*="Yards"]::after { content:"Bankside Yards"; }
.page-image[style*="/native-land/"][style*="Yards-3"]::after { content:"Arbor"; }
.page-image[style*="/native-land/"][style*="Yards-2b"]::after { content:"The Bankside"; }
.page-image[style*="/2021-nov/"][style*="Hopton-Yards"]::after { content:"Bankside Yards"; }
.page-image[style*="/2021-nov/"][style*="urling"]::after { content:"Burlington Gate"; }


.page-image[style*="/native-land/"][style*="Holland"]::after,
.page-image[style*="/2021-nov/"][style*="Holland"]::after { content:"Holland Park Villas"; }
.page-image[style*="/native-land/"][style*="Montrose"]::after { content:"Montrose Place"; }
.page-image[style*="/native-land/"][style*="TwentyFive"]::after { content:"TwentyFive"; }
.page-image[style*="/native-land/"][style*="Bishop"]::after { content:"Twenty Bishops Square"; }
.page-image[style*="/native-land/"][style*="idyn"]::after,
.page-image[style*="/2021-nov/"][style*="idyn"]::after { content:"New Eidyn"; }
.page-image[style*="/native-land/"][style*="OfficeBuildings"]::after,
.page-image[style*="/native-land/"][style*="neo"]::after, .page-image[style*="/native-land/"][style*="Neo"]::after,
.page-image[style*="/2021-nov/"][style*="NEO"]::after { content:"NEO Bankside"; }
.page-image[style*="/2022-jan/"][style*="Cheyne"]::after { content:"Cheyne Terrace"; }


div[style*="Nobu"]::after, div[style*="twentyfive-lifestyle-fire-brigade"]::after { content:" "; width: 23%; height: 30px;background-color:transparent !important;  opacity:1 !important; background-image:url('https://www.twentyfivew1.com/images/2022-jan/nobu-restaurants-logo-vector.png'); background-repeat: no-repeat; background-size: contain; background-position: bottom left; position: absolute; left: 20px !important; bottom: 20px !important; }
div[style*="twentyfive-lifestyle-fire-brigade"]::after { background-image:url('https://www.twentyfivew1.com/images/2022-jan/Chiltern-Firehouse-logo.png'); height:80px !important; }

.chronoforms   { background-color:#fff; }


