@charset "utf-8";

main {
    display: block;
    position: relative;
	text-align: center;
}


#dtlayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#dtcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 79.5rem;
	padding: 57.5rem 0rem 3.5rem 20.5rem;
	background-image: url("background-image-dt.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1.25rem;
}
#dtcontent h1, #dtcontent h2 {
	color: transparent;
}
#dtcontent p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.dtpopsbuttonopen {
	display: block;
}
.dtpopsbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#dtstanding {
	display: block;
	padding: 0rem 3.5rem 0rem 3.5rem;
	height: 54rem;
}
#dtstandingintro {
	display: block;
}
#dtstandingintrotitle {
	display: block;
	padding-bottom: 3.5rem;
}
#dtstandingintrotitle img {
	height: 5rem;
}
#dtstandingintrotext {
	display: block;
	position: absolute;
	left: 24rem;
}
#dtstandingview {
	display: block;
	position: absolute;
	top: 83rem;
	right: 3.5rem;
}
#dtstandingimage {
	display: inline-block;
	margin-left: 2.5rem;

}
#dtstandingimage img {
	width: 30rem;
	border-radius: 0.5rem;
	border-style: solid;
    border-width: thin;
    border-color: #000000;
	vertical-align: bottom;
}
#dtstandingimagenote {
	display: inline-block;
	margin: 1rem auto 1rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
	vertical-align: bottom;
}
.dtimagelabel {
    display: block;
    position: absolute;
    top: 0rem;
    padding: 0.25rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.5rem 0rem 0.5rem 0rem;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
}
#dtstandingimagepopup {
	display: none;
}
#dtstandingimagepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#dtstandingimagepops {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#dtstandingimagepops img {
	max-width: 85vw;
	max-height: 85vh;
}

#dtcost {
	display: block;
	position: relative;
	padding: 0rem 3.5rem 0rem 3.5rem;
	height: 55rem;
}
#dtcosttext {
	display: block;
	position: absolute;
	top: 0rem;
}
#dtcosttitle {
	display: block;
	padding-bottom: 1.5rem;
}
#dtcosttitle img {
	height: 3.75rem;
}
#dtatcostimageletter {
	display: block;
	position: absolute;
	top: 17rem;
	right: 29rem;
}
#dtatcostimagequote {
	display: block;
	position: absolute;
	top: 9rem;
	right: 3rem;
}
#dtatcostimageletter img {
	width: 25rem;
}
#dtatcostimagequote img {
	width: 25rem;
}
.dtatcostbuttonopen {
	display: block;
	transition: 0.4s ease;
}
.dtatcostbuttonopen:hover {
	transition: 0.4s ease;
	transform: rotate(-5deg);
	filter: brightness(100%);
}
#dtatcostletterpopup, #dtatcostquotepopup {
	display: none;
}
#dtatcostletterpopup.active, #dtatcostquotepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#dtatcostletterimage, #dtatcostquoteimage {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#dtatcostletterpopup img, #dtatcostquotepopup img {
	max-width: 85vw;
	max-height: 85vh;
}
.dtatcostbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#dttenancy {
	display: block;
	position: relative;
	padding: 0rem 3.5rem 0rem 3.5rem;
	height: 47.5rem;
	
}
#dttenancytext {
	display: block;
	position: absolute;
	top: 0rem;
}
#dttenancytitle {
	display: block;
	padding-bottom: 1.5rem;
}
#dttenancytitle img {
	height: 2.75rem;
}
#dttenancyimage {
	display: block;
	position: absolute;
	top: 11rem;
	right: 3rem;
}
#dttenancyimage img {
	width: 30rem;
}
#dttenancyimagenote {
	display: block;
	width: 27.5rem;
	margin: 2rem auto 0rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}
#dttenancyimagepopup {
	display: none;
}
#dttenancyimagepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#dttenancyimagepops {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#dttenancyimagepops img {
	max-width: 85vw;
	max-height: 85vh;
}

#dtrepurpose {
	display: block;
	position: relative;
}
.dtrepurposetext {
	display: block;
	text-align: left;
	padding: 0rem 3.5rem 0rem 3.5rem;
}
.dtrepurposetext p {
	text-align: center;
}
#dtrepurposetitle {
	display: block;
	text-align: left;
	margin: 0rem 0rem 2.5rem 4rem;
}
#dtrepurposetitle img {
	height: 2.25rem;
}
.dtrepurposeimagebox {
	display: block;
	margin: 1rem auto 0rem auto;
}
.dtrepurposeimage {
	display: inline-block;
	position: relative;
	margin: 1rem 0.75rem 1rem 0.75rem;
}
.dtrepurposeimage img {
    width: 22.675rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: thin;
    border-color: #000000;
}




#tablayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#tabcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
	background-image: url("background-image-tab.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
#tabcontent h1, #tabcontent h2 {
	color: transparent;
}
#tabcontent p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.tabpopsbuttonopen {
	display: block;
}
.tabpopsbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#tabstanding {
	display: block;
	height: 54rem;
}
#tabstandingintro {
	display: block;
	padding: 0rem 11.5rem 3.5rem 0rem;
}
#tabstandingintrotitle {
	display: block;
	padding-bottom: 2rem;
}
#tabstandingintrotitle img {
	height: 5rem;
}
#tabstandingintrotext {
	display: block;
}
#tabstandingview {
	display: block;
	position: absolute;
	right: 2rem;
}
#tabstandingimage {
	display: inline-block;
	margin-left: 2.5rem;

}
#tabstandingimage img {
	width: 22.5rem;
	border-radius: 0.5rem;
	border-style: solid;
    border-width: thin;
    border-color: #000000;
	vertical-align: bottom;
}
#tabstandingimagenote {
	display: inline-block;
	margin: 1rem auto 1rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
	vertical-align: bottom;
}
.tabimagelabel {
    display: block;
    position: absolute;
    top: 0rem;
    padding: 0.25rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.5rem 0rem 0.5rem 0rem;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
}

#tabstandingimagepopup {
	display: none;
}
#tabstandingimagepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#tabstandingimagepops {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#tabstandingimagepops img {
	max-width: 85vw;
	max-height: 85vh;
}

#tabcost {
	display: block;
	position: relative;
	padding-left: 3.5rem;
	height: 50rem;
}
#tabcosttext {
	display: block;
	position: absolute;
	top: 0rem;
}
#tabcosttitle {
	display: block;
	padding-bottom: 1.5rem;
}
#tabcosttitle img {
	height: 3.75rem;
}
#tabatcostimageletter {
	display: block;
	position: absolute;
	top: 18rem;
	right: 22.5rem;
}
#tabatcostimagequote {
	display: block;
	position: absolute;
	top: 17rem;
	right: 2rem;
}
#tabatcostimageletter img {
	width: 20rem;
}
#tabatcostimagequote img {
	width: 20rem;
}
.tabatcostbuttonopen {
	display: block;
	transition: 0.4s ease;
}
.tabatcostbuttonopen:hover {
	transition: 0.4s ease;
	transform: rotate(-5deg);
	filter: brightness(100%);
}
#tabatcostletterpopup, #tabatcostquotepopup {
	display: none;
}
#tabatcostletterpopup.active, #tabatcostquotepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#tabatcostletterimage, #tabatcostquoteimage {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#tabatcostletterpopup img, #tabatcostquotepopup img {
	max-width: 85vw;
	max-height: 85vh;
}
.tabatcostbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#tabtenancy {
	display: block;
	position: relative;
	height: 41.5rem;
	
}
#tabtenancytext {
	display: block;
	position: absolute;
	left: 2rem;
}
#tabtenancytitle {
	display: block;
	padding-bottom: 1rem;
}
#tabtenancytitle img {
	height: 2.75rem;
}
#tabtenancyfieldimage {
	display: block;
	position: absolute;
	right: 2rem;
	top: 8.25rem;
}
#tabtenancyfieldimage img {
	width: 25rem;
}
#tabtenancyimagenote {
	display: block;
	width: 22.5rem;
	margin: 2rem auto 0rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}
#tabtenancyimagepopup {
	display: none;
}
#tabtenancyimagepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#tabtenancyimagepops {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#tabtenancyimagepops img {
	max-width: 85vw;
	max-height: 85vh;
}

#tabrepurpose {
	display: block;
	position: relative;
}
.tabrepurposetext {
	display: block;
}
#tabrepurposetitle {
	display: block;
	margin-bottom: 2.5rem;
}
#tabrepurposetitle img {
	height: 2.25rem;
}
.tabrepurposeimagebox {
	display: block;
	margin: 1rem auto 0rem auto;
}
.tabrepurposeimage {
	display: inline-block;
	position: relative;
	margin: 1rem 0.5rem 1rem 0.5rem;
}
.tabrepurposeimage img {
    width: 18.5rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: thin;
    border-color: #000000;
}




#moblayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#mobcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.5rem;
	font-size: 1.25rem;
	background-image: url("background-image-mob.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
#mobcontent h1, #mobcontent h2 {
	color: transparent;
}
#mobcontent p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#mobstanding {
	display: block;
	height: 77.5rem;
}
#mobstandingintro {
	display: block;
	padding-bottom: 2.5rem;
}
#mobstandingintrotitle {
	display: block;
	padding-bottom: 2rem;
}
#mobstandingintrotitle img {
	height: 5rem;
}
#mobstandingintrotext {
	display: block;
}
#mobstandingview {
	display: block;
	position: relative;
}
#mobstandingimage {
	display: block;
	position: absolute;
	left: 50%;
    transform: translate(-50%);
	padding-bottom: 2rem;
}
#mobstandingimage img {
	width: 41rem;
	border-radius: 0.5rem;
	border-style: solid;
    border-width: thin;
    border-color: #000000;
}
#mobstandingimagenote {
	display: block;
	position: absolute;
	top: 29rem;
	left: 50%;
    transform: translate(-50%);
	width: 39rem;
	margin: 1rem auto 1rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}

.mobbusinesslink {
	display: block;
	font-family: "AGaramondPro-Italic";
	padding: 1rem 0rem 1rem 0rem;
}
.mobimagelabel {
    display: block;
    position: absolute;
    top: 0rem;
    padding: 0.25rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.5rem 0rem 0.5rem 0rem;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
}

#mobcost {
	display: block;
	position: relative;
	height: 51rem;
}
#mobcosttext {
	display: block;
	padding-bottom: 2.5rem;
}
#mobcosttitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mobcosttitle img {
	height: 3.75rem;
}
#mobatcostimageletter {
	display: inline-block;
}
#mobatcostimagequote {
	display: inline-block;
}
#mobatcostimageletter img {
	width: 20rem;
}
#mobatcostimagequote img {
	width: 20rem;
}
.mobatcostbuttonopen {
	display: block;
	transition: 0.4s ease;
}
.mobatcostbuttonopen:hover {
	transition: 0.4s ease;
	transform: rotate(-5deg);
	filter: brightness(100%);
}
#mobatcostletterpopup, #mobatcostquotepopup {
	display: none;
}
#mobatcostletterpopup.active, #mobatcostquotepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#mobatcostletterimage, #mobatcostquoteimage {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#mobatcostletterpopup img, #mobatcostquotepopup img {
	max-width: 85vw;
	max-height: 85vh;
}
.mobatcostbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#mobtenancy {
	display: block;
	position: relative;
	height: 73rem;
}
#mobtenancytextupper {
	display: block;
	padding-bottom: 2.5rem;
}
#mobtenancytitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mobtenancytitle img {
	height: 2.75rem;
}
#mobtenancyfieldimage {
	display: block;
}
#mobtenancyfieldimage img {
	width: 41rem;
}
#mobtenancyimagenote {
	display: block;
	width: 39rem;
	margin: 2rem auto 0rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}
#mobtenancytextlower {
	display: block;
	padding-top: 4rem;
}

#mobrepurpose {
	display: block;
}
#mobrepurposeholder {
	display: block;
	padding-bottom: 3rem;
}
#mobrepurposetitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mobrepurposetitle img {
	height: 2.25rem;
}
#mobrepurposetext {
	display: block;
}
#mobrepurposeimageholder {
	display: block;
}
.mobrepurposeimagebox {
	display: block;
	position: relative;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
}
.mobrepurposeimagebox::-webkit-scrollbar {
    height: 0rem;
	width: 0rem;
}
.mobrepurposeimageboxtitle {
	display: inline-block;
	width: 2.5rem;
	writing-mode: tb-rl;
	rotate: 180deg;
	margin-left: 1rem;
	vertical-align: middle;
}
.mobrepurposeimageboxtitletext {
	display: contents;
	font-size: 1.5rem;	
}
.mobrepurposeimageall {
	display: inline-block;
	margin-right: 0.5rem;
}
.mobrepurposeimage {
	display: inline-block;
	position: relative;
	margin: 0.75rem 1rem 0.75rem 0rem;
	vertical-align: middle;
	line-height: 0;
}
.mobrepurposeimage img {
    height: 15rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: thin;
    border-color: #000000;
}




#mob668layout {
	display: block;
	width: 100%;
	height: 100vh;
}
#mob668content {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 47.75rem;
	font-size: 1.25rem;
	background-image: url(background-image-mob-668.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#mob668content h1, #mob668content h2 {
	color: transparent;
}
#mob668content p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#mob668standing {
	display: block;
	height: 78.5rem;
}
#mob668standingintro {
	display: block;
	padding-bottom: 2.5rem;
}
#mob668standingintrotitle {
	display: block;
	padding-bottom: 2rem;
}
#mob668standingintrotitle img {
	height: 5rem;
}
#mob668standingintrotext {
	display: block;
}
#mob668standingview {
	display: block;
	position: relative;
}
#mob668standingimage {
	display: block;
	position: absolute;
	left: 50%;
    transform: translate(-50%);
	padding-bottom: 2rem;
}
#mob668standingimage img {
	width: 31.5rem;
	border-radius: 0.5rem;
	border-style: solid;
    border-width: thin;
    border-color: #000000;
}
#mob668standingimagenote {
	display: block;
	position: absolute;
	top: 22.5rem;
	left: 50%;
    transform: translate(-50%);
	width: max-content;
	margin: 1rem auto 1rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}

.mob668businesslink {
	display: block;
	font-family: "AGaramondPro-Italic";
	padding: 1rem 0rem 1rem 0rem;
}
.mob668imagelabel {
    display: block;
    position: absolute;
    top: 0rem;
    padding: 0.25rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.5rem 0rem 0.5rem 0rem;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
}

#mob668cost {
	display: block;
	position: relative;
	height: 47.5rem;
}
#mob668costtext {
	display: block;
	padding-bottom: 2.5rem;
}
#mob668costtitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mob668costtitle img {
	height: 3.75rem;
}
#mob668atcostimageletter {
	display: inline-block;
}
#mob668atcostimagequote {
	display: inline-block;
}
#mob668atcostimageletter img {
	width: 15rem;
}
#mob668atcostimagequote img {
	width: 15rem;
}
.mob668atcostbuttonopen {
	display: block;
	transition: 0.4s ease;
}
.mob668atcostbuttonopen:hover {
	transition: 0.4s ease;
	transform: rotate(-5deg);
	filter: brightness(100%);
}
#mob668atcostletterpopup, #mob668atcostquotepopup {
	display: none;
}
#mob668atcostletterpopup.active, #mob668atcostquotepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#mob668atcostletterimage, #mob668atcostquoteimage {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#mob668atcostletterpopup img, #mob668atcostquotepopup img {
	max-width: 85vw;
	max-height: 85vh;
}
.mob668atcostbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#mob668tenancy {
	display: block;
	position: relative;
	height: 71rem;
}
#mob668tenancytextupper {
	display: block;
	padding-bottom: 2.5rem;
}
#mob668tenancytitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mob668tenancytitle img {
	height: 2.75rem;
}
#mob668tenancyfieldimage {
	display: block;
}
#mob668tenancyfieldimage img {
	width: 31.5rem;
}
#mob668tenancyimagenote {
	display: block;
	width: 29.5rem;
	margin: 2rem auto 0rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}
#mob668tenancytextlower {
	display: block;
	padding-top: 4rem;
}

#mob668repurpose {
	display: block;
}
#mob668repurposeholder {
	display: block;
	padding-bottom: 3rem;
}
#mob668repurposetitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mob668repurposetitle img {
	height: 2.25rem;
}
#mob668repurposetext {
	display: block;
}
#mob668repurposeimageholder {
	display: block;
}
.mob668repurposeimagebox {
	display: block;
	position: relative;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
}
.mob668repurposeimagebox::-webkit-scrollbar {
    height: 0rem;
	width: 0rem;
}
.mob668repurposeimageboxtitle {
	display: inline-block;
	width: 2.5rem;
	writing-mode: tb-rl;
	rotate: 180deg;
	margin-left: 1rem;
	vertical-align: middle;
}
.mob668repurposeimageboxtitletext {
	display: contents;
	font-size: 1.5rem;	
}
.mob668repurposeimageall {
	display: inline-block;
	margin-right: 0.5rem;
}
.mob668repurposeimage {
	display: inline-block;
	position: relative;
	margin: 0.75rem 1rem 0.75rem 0rem;
	vertical-align: middle;
	line-height: 0;
}
.mob668repurposeimage img {
    height: 15rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: thin;
    border-color: #000000;
}




#mob468layout {
	display: block;
	width: 100%;
	height: 100vh;
}
#mob468content {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 100%;
	padding-top: 45rem;
	font-size: 1.25rem;
	background-image: url(background-image-mob-468.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
#mob468content h1, #mob468content h2 {
	color: transparent;
}
#mob468content p {
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

#mob468standing {
	display: block;
	height: 82.5rem;
}
#mob468standingintro {
	display: block;
	padding-bottom: 2.5rem;
}
#mob468standingintrotitle {
	display: block;
	padding-bottom: 2rem;
}
#mob468standingintrotitle img {
	height: 3.75rem;
}
#mob468standingintrotext {
	display: block;
}
#mob468standingview {
	display: block;
	position: relative;
}
#mob468standingimage {
	display: block;
	position: absolute;
	left: 50%;
    transform: translate(-50%);
	padding-bottom: 2rem;
}
#mob468standingimage img {
	width: 22.25rem;
	border-radius: 0.5rem;
	border-style: solid;
    border-width: thin;
    border-color: #000000;
}
#mob468standingimagenote {
	display: block;
	position: absolute;
	top: 16.5rem;
	left: 50%;
    transform: translate(-50%);
	width: max-content;
	margin: 1rem auto 1rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}

.mob468businesslink {
	display: block;
	font-family: "AGaramondPro-Italic";
	padding: 1rem 0rem 1rem 0rem;
}
.mob468imagelabel {
    display: block;
    position: absolute;
    top: 0rem;
    padding: 0.25rem 0.5rem 0.125rem 0.5rem;
    border-radius: 0.5rem 0rem 0.5rem 0rem;
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
}

#mob468cost {
	display: block;
	position: relative;
	height: 69rem;
}
#mob468costtext {
	display: block;
	padding-bottom: 1.5rem;
}
#mob468costtitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mob468costtitle img {
	height: 3.25rem;
}
#mob468atcostimageletter {
	display: block;
	position: absolute;
	left: 1.25rem;
}
#mob468atcostimagequote {
	display: block;
	position: absolute;
	top: 42rem;
	right: 1.25rem;
}
#mob468atcostimageletter img {
	width: 15rem;
}
#mob468atcostimagequote img {
	width: 15rem;
}
.mob468atcostbuttonopen {
	display: block;
	transition: 0.4s ease;
}
.mob468atcostbuttonopen:hover {
	transition: 0.4s ease;
	transform: rotate(-5deg);
	filter: brightness(100%);
}
#mob468atcostletterpopup, #mob468atcostquotepopup {
	display: none;
}
#mob468atcostletterpopup.active, #mob468atcostquotepopup.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: rgba(0,0,0,0.85);
	overflow-y: hidden !important;
}
#mob468atcostletterimage, #mob468atcostquoteimage {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
#mob468atcostletterpopup img, #mob468atcostquotepopup img {
	max-width: 85vw;
	max-height: 85vh;
}
.mob468atcostbuttonclose {
	display: block;
	background: url("../navi/icons/icon-zoom-out-white.svg");
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	height: 3rem;
	width: 3rem;
	background-repeat: no-repeat;
}

#mob468tenancy {
	display: block;
	position: relative;
	height: 71rem;
}
#mob468tenancytextupper {
	display: block;
	padding-bottom: 2.5rem;
}
#mob468tenancytitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mob468tenancytitle img {
	height: 2.5rem;
}
#mob468tenancyfieldimage {
	display: block;
}
#mob468tenancyfieldimage img {
	width: 22.25rem;
}
#mob468tenancyimagenote {
	display: block;
	width: 20.25rem;
	margin: 2rem auto 0rem auto;
    background-color: #CCCCCC;
    box-shadow: 0rem 0rem 1rem 1rem #CCCCCC;
}
#mob468tenancytextlower {
	display: block;
	padding-top: 4rem;
}

#mob468repurpose {
	display: block;
}
#mob468repurposeholder {
	display: block;
	padding-bottom: 3rem;
}
#mob468repurposetitle {
	display: block;
	padding-bottom: 1.5rem;
}
#mob468repurposetitle img {
	height: 2rem;
}
#mob468repurposetext {
	display: block;
}
#mob468repurposeimageholder {
	display: block;
}
.mob468repurposeimagebox {
	display: block;
	position: relative;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
}
.mob468repurposeimagebox::-webkit-scrollbar {
    height: 0rem;
	width: 0rem;
}
.mob468repurposeimageboxtitle {
	display: inline-block;
	width: 2.5rem;
	writing-mode: tb-rl;
	rotate: 180deg;
	margin-left: 1rem;
	vertical-align: middle;
}
.mob468repurposeimageboxtitletext {
	display: contents;
	font-size: 1.5rem;	
}
.mob468repurposeimageall {
	display: inline-block;
	margin-right: 0.5rem;
}
.mob468repurposeimage {
	display: inline-block;
	position: relative;
	margin: 0.75rem 1rem 0.75rem 0rem;
	vertical-align: middle;
	line-height: 0;
}
.mob468repurposeimage img {
    height: 15rem;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: thin;
    border-color: #000000;
}




@media screen and (min-width: 1181px) {
#tablayout {
	display: none;
}
}

@media screen and (max-width: 1180px) {
#dtlayout{
	display: none;
}
}

@media screen and (min-width: 869px) {
#moblayout{
	display: none;
}
}

@media screen and (max-width: 868px) {
#tablayout {
	display: none;
}
}

@media screen and (min-width: 669px) {
#mob668layout {
	display: none;
}
}

@media screen and (max-width: 668px) {
#moblayout {
	display: none;
}
}

@media screen and (min-width: 469px) {
#mob468layout {
	display: none;
}
}

@media screen and (max-width: 468px) {
#mob668layout {
	display: none;
}
}