#body
{
	height:100vh;
	width:100vw;
	overflow:hidden;

	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.screensection
{
	display:block;
}
/*
.landingnextslide {
	filter: blur(20px);
}
*/
/**** Welcome Section ****/
/*
#welcomedivbg
{
	position:absolute;
	background-size: cover !important;
	filter: blur(10px);

}

#skipwelcome
{
	text-transform:uppercase;
	position:absolute;
	top:60px;
	right:50px;
	color:white;
	font-size:14px;
	letter-spacing:2px;
	z-index:9099;
	font-family:FuturaBook;
}

#logocenteredwelcome
{
	width:309px;
	height:114px;
	margin-left:calc(50% - 155px);
	margin-top:calc(50vh - 57px);
	position:absolute;
	display:none;
}

#logocenteredwelcome img
{
	margin:0px auto;
	display:table;
	opacity: 1;
	filter:alpha(opacity=100);
}

#logocenteredwelcome img:first-child
{
	margin-bottom:17px;
	width:60px;
}

#welcomepersonalise
{
	width:90%;
	height:60vh;
	margin-left:5%;
	margin-top:20vh;
	position:absolute;
}

#welcomename
{
	font-size:22px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	display:block;
	width:100%;
	margin-bottom:7vh;
	font-family:FuturaBook;
	letter-spacing:4px;
}

#welcometo
{
	font-size:30px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	display:block;
	width:100%;
	margin-bottom:7vh;
	font-family:FuturaBook;
	letter-spacing:4px;
}

#slogan
{
	font-family:RePark;
	font-size:60px;
	width:100%;
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:white;
	letter-spacing:10px;
}

#byvinoly
{
	display:table;
	margin:50px auto;
}

#byvinoly img
{
	width:120px;
	float:left;
	margin-left:5px;
}

#byvinoly div
{
	display:block;
	float:left;
	margin:37px 12px;
	width:60px;
	height:1px;
	background:white;
}

#byvinoly span
{
	text-transform:uppercase;
	color:white;
	float:left;
	margin-top:30px;
	font-family:FuturaBook;
}

#welcomefooter
{

	text-transform:uppercase;
	color:white;
	position:absolute;
	width:100%;
	text-align:center;
	font-size:11px;
	margin-top:92vh;
	font-family:FuturaBook;
	letter-spacing:4px;
}
*/
/************* End Welcome Section**************/

/************* Landing page ************/
/*
.sectionlanding
{
	display:block;
}

.sectionlandingbg
{
	background-size: cover !important;
	filter: blur(20px);
	/* and the rest of it *
	transition: 3s;
	-webkit-transition:3s;
	-moz-transition:3s;
	position:absolute;

}

.sectionlandingbg.unblured
{	
	filter: blur(0);
}

.sectionlandingtext
{
	z-index:100;
	color:white;
	width:90%;
	height:40vh;
	margin-left:5%;
	margin-top:30vh;
	float:left;
	position:relative;
	display:none;
}

.sectionlandingtext h1
{
	font-family:RePark;
	font-size:80px;
	width:100%;
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:white;
	letter-spacing:8px;
	display:block;
}

.sectionlandingtext span
{
	font-size:22px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	width:100% !important;
	margin-bottom:5vh;
	letter-spacing:3px;
	display:block;
	font-family:FuturaBook;
}

.sectionlandingnav a
{
	font-size:18px;
	color:white;
	border:1px solid rgba(255,255,255,0.5);
	background:rgba(170,170,170,0.3);
	text-transform:uppercase;
	display:block;
	padding:7px 17px;
	float:left;
	margin:0px 20px;
	float:left;
	display:block;
	font-family:FuturaBook;

	-moz-transition: color 0.5s, background 0.5s;
	-webkit-transition: color 0.5s, background 0.5s;
	-o-transition: color 0.5s, background 0.5s;
	-ms-transition: color 0.5s, background 0.5s;
	transition: color 0.5s, background 0.5s;
}

.sectionlandingnav a:hover
{
	color:black;
	background:rgba(170,170,170,0.7);
}

.sectionlandingnav
{
	display:table;
	width:auto;
	height:auto;
	margin:30px auto;
}
*/
/********** End Landing Page **********/

/******* Third Level Navigation **********/
/*
#mythirdlevelnavigation
{
	position:absolute;
	bottom:5%;
	width:100%;
	z-index:6050;
}

#thirdlevelnavbox
{
	width:100%;
	text-transform:uppercase;
	font-family:FuturaBook;
}

#thirdlevelnavbox h2
{
	width:100%;
	text-align:center;
	margin-bottom:20px;
	color:white;
	letter-spacing:2px;
}

#thirdlevellist
{
	display:table;
	width:auto;
	margin:0px auto;
}

#thirdlevellist a
{
	float:left;
	color:rgba(255,255,255,0.5);
	letter-spacing:2px;

	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;	
	-ms-transition: color 1s;
	transition: color 1s;
}

#thirdlevellist a.thirnavselected
{
	color:rgba(255,255,255,1);
}

#thirdlevellist a span.diamondicon
{
	display:none;
}

#thirdlevellist a span i
{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	padding:7px;
}

#thirdlevellist > span
{
	float:left;
	padding:0px 20px;
	color:rgba(255,255,255,0.6);
}

.mobileopentext
{
	display:none;
}
*/

/******* Third Level Navigation **********/


/********** Image and Text Section ***********/

.imageandtextbg
{
	position:absolute;
	background-size: contain !important;
	background-position: center center !important;
}
/*
.imageandtexttext {
	position: absolute;
	width: 28.6%;
	height: 100vh;
	top: 0px;
	right: -28.6%;
	z-index: 1000;
	color: white;
	display:none;

}

.imageandtexttextbg 
{
    width: 100%;
    height: 100vh;
    background: inherit;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    padding: 2rem;
    box-sizing: border-box;
    box-shadow: 0 .5em 1em rgba(0,0,0,.3);
	background:rgba(50,50,50,0.1);

	-moz-transition: background 1.5s;
	-webkit-transition: background 1.5s;
	-o-transition: background 1.5s;
	-ms-transition: background 1.5s;
	transition: background 1.5s;
}

.imageandtexttextbg:hover
{
	background:rgba(130,130,130,0.5);
}

/*.imageandtexttextbg::before 
{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
	box-shadow: inset 0 0 3000px rgba(255,255,255,0.5);
	filter: blur(1px);
	margin: -20px;

	-moz-transition: filter 1.5s;
	-webkit-transition: filter 1.5s;
	-o-transition: filter 1.5s;
	-ms-transition: filter 1.5s;
	transition: filter 1.5s;
}

.imageandtexttextbg:hover::before
{
	filter: blur(15px);
}*

.imageandtexttext h1
{
	width:70%;
	margin-left:15%;
	font-size:30px;
	text-transform:uppercase;
	font-family:RePark;/*FuturaBook;
	text-shadow: 1px 1px #212121;*
}

.imageandtextseparator
{
	display:block;
	height:1px;
	width:30%;
	margin-left:15%;
	margin-top:35px;
	margin-bottom:50px;
	background:white;
}

.imageandtextcontenttext
{
	width:70%;
	margin-left:15%;
}

.imageandtextcontenttext p
{
	margin-bottom:20px;
	font-family:ReRoman;
	font-size:20px;
	line-height:25px;
	/*text-shadow: 1px 1px #212121;*
	text-align:justify;
}

*/
/************ End Image and Text Section ************/

/************ Holding Special *************/
/*
.sectionspecialbg
{
	position:absolute;
	background-size: cover !important;
}

.holdingspecialtitle
{
	font-family: RePark;
	font-size: 90px;
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 8px;
	position:relative;
	z-index:9050;
	padding-top:30vh;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.holdingspecialslogan
{
	font-family: RePark;
	font-size: 50px;
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 8px;
	position:relative;
	z-index:9050;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
*/
/************ End Holding Special *************/


/************ Video andText Section *************/

.videoandtextbg
{
	position:absolute;
	background-size: cover !important;
	/*filter: blur(20px);*/
}

.myvideocode
{
	position:relative;
	z-index:200;
	display:none;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	background:url(https://crm.theowo.london/oldwaroffice/rpimages/107-horseguardsavenuecorner.jpg) no-repeat;
	background-size:cover;
}

#currentvideoplaybtt
{
	display:block;
	font-size:50px;
	position:fixed;
	z-index:999999;
	color:white;
	top:50vh;
	left:50vw;
}

/*
.videoandtexttext {
	position: absolute;
	width: 28.6%;
	height: 100vh;
	top: 0px;
	right: -28.6%;
	z-index: 1000;
	color: white;
	display:none;
}

.videoandtexttextbg 
{
    width: 100%;
    height: 100vh;
    background: inherit;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    padding: 2rem;
	background:rgba(50,50,50,0.1);
    box-sizing: border-box;
    box-shadow: 0 .5em 1em rgba(0,0,0,.3);

	-moz-transition: background 1.5s;
	-webkit-transition: background 1.5s;
	-o-transition: background 1.5s;
	-ms-transition: background 1.5s;
	transition: background 1.5s;
}

.videoandtexttextbg:hover
{
	background:rgba(130,130,130,0.5);
}

.videoandtexttext h1
{
	width:70%;
	margin-left:15%;
	font-size:30px;
	text-transform:uppercase;
	font-family:RePark;/*FuturaBook;
	text-shadow: 1px 1px #212121;*
}

.videoandtextseparator
{
	display:block;
	height:1px;
	width:30%;
	margin-left:15%;
	margin-top:35px;
	margin-bottom:50px;
	background:white;
}

.videoandtextcontenttext
{
	width:70%;
	margin-left:15%;
}

.videoandtextcontenttext p
{
	margin-bottom:20px;
	font-family:ReRoman;
	font-size:20px;
	line-height:25px;
	/*text-shadow: 1px 1px #212121;*
	text-align:justify;
}

*/
/************ End Video andText Section *************/

/********** Floorplan ***********/
/*
#floorplandivbg
{
		
	position:absolute;
	background-size: cover !important;
	filter: blur(0px);

	-moz-transition: filter 1.5s;
	-webkit-transition: filter 1.5s;
	-o-transition: filter 1.5s;
	-ms-transition: filter 1.5s;
	transition: filter 1.5s;
	background-position: center center !important;
}

#floorplandivbg.floorplanopen
{
	filter: blur(20px);
}

.floorplanrightnavtext 
{
	position: absolute;
	width: 28.6%;
	height: 100vh;
	top: 0px;
	right: -28.6%;
	z-index: 7000;
	color: white;
	display:none;
}

.floorplanrightnavtextbg 
{
    width: 100%;
    height: 100vh;
    background: inherit;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    padding: 2rem;
    box-sizing: border-box;
    box-shadow: 0 .5em 1em rgba(0,0,0,.3);
    background: rgba(130,130,130,0.5);
}


/*.floorplanrightnavtextbg::before 
{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: inherit;
	box-shadow: inset 0 0 3000px rgba(255,255,255,.5);
	/*filter: blur(1px);*	
	filter: blur(15px);
	margin: -20px;

	-moz-transition: filter 1.5s;
	-webkit-transition: filter 1.5s;
	-o-transition: filter 1.5s;
	-ms-transition: filter 1.5s;
	transition: filter 1.5s;
}

.floorplanrightnavtextbg:hover::before
{
	filter: blur(15px);
}*

.floorplanrightnavtext h1
{
	width:70%;
	margin-left:15%;
	font-size:30px;
	font-family:Repark;
}

.floorplantextseparator
{
	display:block;
	height:1px;
	width:30%;
	margin-left:15%;
	margin-top:35px;
	margin-bottom:50px;
	background:white;
}

.imagesfloorplan
{
	margin:0px 0px 0px 15%;
	width:50%;
	border-bottom:1px solid rgba(255,255,255, 0.6);

}

.imagesfloorplan a, .flatfloorplanlistbox a
{
	display:block;
	width:100%;
	text-transform:uppercase;
	margin-bottom:15px;
	letter-spacing:2px;
	font-family:FuturaBook;
	color:rgba(255,255,255, 0.6);
	font-size:14px;
	text-decoration:none;

	-moz-transition: color 0.7s;
	-webkit-transition: color 0.7s;
	-o-transition: color 0.7s;
	-ms-transition: color 0.7s;
	transition: color 0.7s;
}

.flatfloorplanlistbox a
{
	width:33.3%;
	float:left;
}

.imagesfloorplan a.flselected, .imagesfloorplan a:hover
{
	color:rgba(255,255,255, 1);
}

.hidefplink
{
	margin-left:15%;
	font-family:FuturaBook;
	color:rgba(255,255,255, 0.6);
	font-size:14px;
	text-transform:uppercase;
	padding-top:15px;
	letter-spacing:2px;
	float:left;
	
	-moz-transition: color 0.7s;
	-webkit-transition: color 0.7s;
	-o-transition: color 0.7s;
	-ms-transition: color 0.7s;
	transition: color 0.7s;
}

.hidefplink:hover
{
	color:rgba(255,255,255, 1);
}

.floorplanishide
{
	margin-left:3%;
	padding-top:80vh;
}

.flatfloorplan
{
	width:100%;
	height:auto;
	display:table;
}

.openfplistlink, .masterplanlink
{
	margin-left:15%;
	font-family:FuturaBook;
	color:rgba(255,255,255, 0.6);
	font-size:14px;
	text-transform:uppercase;
	padding:12px 0px;
	letter-spacing:2px;
	float:left;
	width:50%;
	
	-moz-transition: color 0.7s;
	-webkit-transition: color 0.7s;
	-o-transition: color 0.7s;
	-ms-transition: color 0.7s;
	transition: color 0.7s;
}

.openfplistlink i
{
	float:right;
}

.openfplistlink:hover, .masterplanlink:hover
{
	color:rgba(255,255,255, 1);
}

.flatfloorplanlistbox
{
	height:auto;
}

.flatfloorplanlist
{
}

.flatfloorplanlistbox a.flselected, .flatfloorplanlistbox a:hover
{
	color:rgba(255,255,255, 1);
	text-decoration:underline;
}


.flatfloorplanlistbox
{
	margin:0px 0px 0px 15%;
	width:50%;
	border-bottom:1px solid rgba(255,255,255, 0.6);
	display:table;
	height:auto;
	overflow:hidden;
}

.flatfloorplanlistbox a:last-child
{
	padding-bottom:10px;
}

.flatfloorplanlistbox a:nth-child(1), .flatfloorplanlistbox a:nth-child(2), .flatfloorplanlistbox a:nth-child(3)
{
	padding-top:10px;
}

.holdingfloorplandiv { 
	display: none;
	width: 100%;
	height: 100vh;
	top: 0px;
	left:0px;
	position: absolute;
	z-index:5000;
	/*background:#f5f2e9 !important;*
	background:#ececec !important;
	font-family:FuturaBook;
	font-size:16px;
}

.holdingfloorplandiv img
{
	opacity:0;
	filter:alpha(opacity=0);
	height:100%;
	width:auto;
}

.maxminfloorplan
{
	display:none;
	position:absolute;
	color:#8F7E54;
	top:calc(85vh - 35px);
	font-size:25px;
	z-index:99999;
}

.masterplanlink
{
	border-bottom:1px solid rgba(255,255,255, 0.6);
	float:left;
	margin-right:35%;
	margin-bottom:10px;
}

.specifpoint 
{
	position:absolute;
	display:none;
	width:auto;
	height:auto;
}

.specifpoint > a
{
	/*color:rgba(170,170,170,1);*
	color:#8F7E54;
	font-size:30px;
	float:left;

	display: inline-block;
	-moz-animation: pulse 3s infinite linear;
	-o-animation: pulse 3s infinite linear;
	-webkit-animation: pulse 3s infinite linear;
	animation: pulse 3s infinite linear;
}

.specifpoint > span
{
	/*color:rgba(255,255,255,0.8);*
	color:white;
	position:absolute;
	font-size:25px;
	margin-top:10px;

	-moz-animation: handmove 2s infinite linear;
	-o-animation: handmove 2s infinite linear;
	-webkit-animation: handmove 2s infinite linear;
	animation: handmove 2s infinite linear;
}

.specifpoint > a > i:after
{
	color:#8F7E54;
	-moz-animation: pulse 3s infinite linear;
	-o-animation: pulse 3s infinite linear;
	-webkit-animation: pulse 3s infinite linear;
	animation: pulse 3s infinite linear;
}

@-webkit-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}
@-moz-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}
@-o-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}
@-ms-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}
@keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}



@-webkit-keyframes handmove {
	0% { opacity: 0; margin-left:40px;}
	80% { opacity: 1; margin-left:-18px;}
	100% { opacity: 1; margin-left:-18px;}
}
@-moz-keyframes handmove {
	0% { opacity: 0; margin-left:40px;}
	80% { opacity: 1; margin-left:-18px;}
	100% { opacity: 1; margin-left:-18px;}
}
@-o-keyframes handmove {
	0% { opacity: 0; margin-left:40px;}
	80% { opacity: 1; margin-left:-18px;}
	100% { opacity: 1; margin-left:-18px;}
}
@-ms-keyframes handmove {
	0% { opacity: 0; margin-left:40px;}
	80% { opacity: 1; margin-left:-18px;}
	100% { opacity: 1; margin-left:-18px;}
}
@keyframes handmove {
	0% { opacity: 0; margin-left:40px;}
	80% { opacity: 1; margin-left:-18px;}
	100% { opacity: 1; margin-left:-18px;}
}


.specifpoint > div
{
	display:none;
}

.specicontent
{
	color:white;
	float:left;
	margin-left:10px;
	padding:10px 15px;
	background:rgba(170,170,170,0.9);
	border-radius:3px;

	font-family: ReRoman;
	font-size: 19px;
	line-height: 27px;
	text-align: justify;


}
*/
/*** New floorplan pop up ***/
/*
#floorplanpopupcontent
{
	margin-top:10vh;
}

.floorplanpuleft
{
	width:25%;
	float:left;
	margin-left:10%;
}

#floorplanpopupcontent h2
{
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:15px;
}

#floorplanpopupcontent h3
{
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:15px;
}

.viewdiv, .fpssiteplan
{
	width:100%;
	margin:20px 0px;
}

.viewdiv img, .fpssiteplan img
{
	width:70%;
}

.floorplanpuright
{
	width:40%;
	margin-left:5%;
	float:left;
}

.fpsfloorplan
{
	width:100%;
	margin-bottom:20px;
}

.fpsfloorplan img
{
	width:50%;
}

.changesqmsqft a  
{
	color:#8F7E54;
	float:right;
	margin:3px;
	font-size:15px;
}

.dimensionbigdiv
{
	margin-top:20px;
}

.dimensionbigdiv h2
{
	width:60%;
	float:left;
}

#changesqmsqft
{
	float:right;
}

#changesqmsqft a
{
	padding:3px 7px;
	/*border: 1px solid #8F7E54;*
	float:left;
	margin:0px;
}

#changesqmsqft a:first-child
{
	/*border-top-left-radius:5px;
	border-bottom-left-radius:5px;*
	border-right:1px solid #8F7E54;
}

#changesqmsqft a:last-child
{
	/*border-top-right-radius:5px;
	border-bottom-right-radius:5px;*
}

.dimensionbigdiv
{
	display:table;
	width:50%;
	height:auto;
}

.dimensionblock
{
	width:50%;
	float:left;
	margin-bottom:3px;
	display:table;
	margin-bottom:17px;
} 

.dimensionblock.totaldimension
{
	width:100%;
}

.dimensionblock span.dimsqft
{
	display:none;
}

.dimensionblock h3
{
	margin-bottom:0px !important;
}

#fpdescr
{
	margin-top:15px;
}

#fpdescr span
{
	width:100%;
	float:left;
}

#newzoomfloorplandiv
{
	width:100%;
	height:100vh;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
	display:none;
	background:white;
}

#newzoomfloorplandivcontent
{
	width:100%;
	height:100vh;
	display:block;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important; 
}

#newzoomfloorplandiv a
{
	font-size:20px;
	color:#8F7E54;
	font-weight:bold;
	display:table;
	width:auto;
	height:auto;
	float:right;
	margin-top:3%;
	margin-right:3%;

}

*/
/********** End Floorplan ***********/

/********** Masterplan **********/
/*
#masterplanbox
{
	width:100% !important;
	height:100% !important;
	background-size:cover;
}

.mpprev, .mpnext
{	
	position:absolute;
	top:50%;
	font-size:30px;
	z-index:9999;
}

.mpprev { left:2%; }

.mpnext { right:2%; }

#masterplanbox li
{
	display:block;
	width:100%;
	height:100%;
	background-size:cover !important;
}

.mpprev.disabled, .mpnext.disabled
{
	display:none;
}
 
.mpmapping
{
	display:block;
	width:100%;
	height:100%;
}

.mpmapping a 
{
	display: block;
	position: absolute;
}

.mpmapping a.mpresi
{
	background:rgba(11,102,35, 0.5);
}


.mpmapping a.mpretail
{
	background:rgba(102,11,35, 0.5);
}

.mpmapping a.mpcome
{
	background:rgba(11,35,102, 0.5);
}
*/
/********** End Masterplan **********/

/********** Team Grid **********/
/*
#gridbigbox
{
	width:100%;
	height:100vh;
	display:block;
	background: url(/img/db//landing/Portman25_median.jpg) no-repeat;
	background-size: cover;
}

.squaregriditem
{
	width:21%;
	height:24vh;
	float:left;
	margin:1vh 1% 0px 0px;
	background-size:cover !important;
	overflow:hidden;
	background-position:center center;
}

#square1, #square2, #square3, #square4 { margin-top: 12vh;}
#square1, #square5, #square9 { margin-left: 6.5%;}
#square9, #square10, #square11, #square12 { margin-bottom:0px;}
#square4, #square8, #square12 { margin-right: 0px;}

.squaretext p, .squaretitle p
{
	width:100%;
	height:100%;
	padding:5% 10% 0px 10%;
	background:rgba(0,0,0,0.5);
	display:block;
	font-family: ReRoman;
	text-align:center;
	color:white;
	font-size:17px;

	opacity:0;
	filter:alpha(opacity=0);

	/*opacity:1;
	filter:alpha(opacity=100);*

	-moz-transition: opacity 0.5s, filter 0.5s;
	-webkit-transition: opacity 0.5s, filter 0.5s;
	-o-transition: opacity 0.5s, filter 0.5s;
	-ms-transition: opacity 0.5s, filter 0.5s;
	transition: opacity 0.5s, filter 0.5s;
}

.squaretitle p
{
	padding-top:2%;
	position:relative;
	z-index:200;
}

.squaretext:hover p, .squaretitle:hover p, .squaretitle p:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}

.squaretitlebg
{
	position:relative;
	display:block;
	width: 100%;
	margin-left:0px;
	margin-top:-24vh;
	z-index:100;

	-moz-transition: width 0.5s, margin-left 0.5s, margin-top 0.5s;
	-webkit-transition: width 0.5s, margin-left 0.5s, margin-top 0.5s;
	-o-transition: width 0.5s, margin-left 0.5s, margin-top 0.5s;
	-ms-transition: width 0.5s, margin-left 0.5s, margin-top 0.5s;
	transition: width 0.5s, margin-left 0.5s, margin-top 0.5s;
}

.squaretitle:hover .squaretitlebg
{ 
	width:120% !important;
	margin-left:-10%;
	margin-top:-31vh;
}

.squaretext p span, .squaretitle p span
{
	width:100%;
	display:block;
}

.squaregriditem video
{
	width:110%;
	height:100%;
	margin-top:0px;
	margin-left:-5%;
	background:black;
	display:none;
	object-fit: cover;

	/*-moz-transition: opacity 0.5s, filter 0.5s;
	-webkit-transition: opacity 0.5s, filter 0.5s;
	-o-transition: opacity 0.5s, filter 0.5s;
	-ms-transition: opacity 0.5s, filter 0.5s;
	transition: opacity 0.5s, filter 0.5s;
}

.squaregriditem video.vidplaying 
{
	display:block;*
}

*/

/********** End Team Grid **********/

/********** Contact **********/
/*
#contactdivcontent
{
	color:white;
	width:50%;
	margin-left:25%;
	height:auto;
	padding-top:30vh;
}

#contactusdivbg
{
	background-size:cover !important;
}

.contactcol
{
	width:40%;
	float:left;
}

.contactcol a, .contactcol span
{
	width:100%;
	display:block;
	text-align:center;
	padding-bottom:3px;
}

#contactleft
{
	margin-right:20%;
}

#contactdivcontent h1
{
	font-family: RePark;
	font-size: 90px;
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: white;
	letter-spacing: 8px;
	display: block;
}

.contactname
{
	font-family: FuturaBook;
	text-transform:uppercase;
	font-size:19px;
}

.contactposition
{
	font-family: RePark;
	text-transform:uppercase;
	font-size:18px;
	padding-bottom: 20px !important;
}

.contactmail, .contacttel, .contactaddress
{
	font-family: ReRoman;
	font-size: 18px;
}

#contactfooter
{
	display:block;
	margin:0px auto;
	clear:both;
	position:absolute;
	bottom:50px;
}

#contactfooter img
{
	float:left;
	width:auto;
	height:50px;
	margin:0px 30px;
}

#contactfooter img:first-child
{
	padding-right:20px;
	margin-right:50px;
	border-right:1px solid white;
}
*/
/********** End Contact **********/


/********** Portfolio **********/
/*
#portfoliodivbg
{
	background-size: cover !important;
}

.portfoliorightnavtext {
	position: absolute;
	width: 28.6%;
	height: 100vh;
	top: 0px;
	right: -28.6%;
	z-index: 1000;
	color: white;
	display:none;

}

.portfoliorightnavtextbg 
{
    width: 100%;
    height: 100vh;
    background: inherit;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    padding: 2rem;
    box-sizing: border-box;
    box-shadow: 0 .5em 1em rgba(0,0,0,.3);
	background:rgba(50,50,50,0.1);

	-moz-transition: background 1.5s;
	-webkit-transition: background 1.5s;
	-o-transition: background 1.5s;
	-ms-transition: background 1.5s;
	transition: background 1.5s;
}

.portfoliorightnavtextbg:hover
{
	background:rgba(130,130,130,0.5);
}

#portfoliohotspots
{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
}

#portfoliohotspots a
{
	position:absolute;
	display:block;
	width:40px;
	height:40px;
}

#portfoliohotspots a img
{
	display:block;
	width:40px;
	height:40px;
}

.portfoliomycontent
{
	display:none;
}

.portfoliomycontent.portfoliocontentselected
{
	display:block;
}

.portfoliomycontent h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: RePark;
}

.portfoliomycontent {
	width: 70%;
	margin-left: 15%;
}


.portfoliomycontent img
{
	width: 100%;
	margin-bottom: 20px;
	height:auto;
}

.portfoliomycontent .imageandtextseparator
{
	margin-left:0px;
}

.portfoliomycontent p 
{
    margin-bottom: 20px;
    font-family: ReRoman;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
}
*/
/********** End Portfolio **********/

/********** Location **********/
/*
.locationhotspotsdiv
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.locationhotspotsdiv a
{
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	padding-top:3px;
	border-radius:10px;
	opacity:0.6;
	filter:alpha(opacity=60);
	text-align:center;
	background:#eea592;

	-moz-transition: opacity 0.2s, filter 0.2s, width 0.2s, height 0.2s, padding-top 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
	-webkit-transition: opacity 0.2s, filter 0.2s, width 0.2s, height 0.2s, padding-top 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
	-o-transition: opacity 0.2s, filter 0.2s, width 0.2s, height 0.2s, padding-top 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
	-ms-transition: opacity 0.2s, filter 0.2s, width 0.2s, height 0.2s, padding-top 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
	transition: opacity 0.2s, filter 0.2s, width 0.2s, height 0.2s, padding-top 0.2s, border-radius 0.2s, margin-top 0.2s, margin-left 0.2s;
}

.locationhotspotsdiv a.locapointselected
{
	opacity:1;
	filter:alpha(opacity=100);
	width:24px !important;
	height:24px !important;
	padding-top:5px;
	border-radius:12px;
	margin-top:-2px;
	margin-left:-2px;
}


#locationtextbg
{
	position:absolute;
	background-size: cover !important;
}

#locationtext 
{
	position: absolute;
	width: 28.6%;
	height: 100vh;
	top: 0px;
	right: -28.6%;
	z-index: 1000;
	color: white;
	display:none;

}

#locationtextbg 
{
    width: 100%;
    height: 100vh;
    background: inherit;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    padding: 2rem;
    box-sizing: border-box;
    box-shadow: 0 .5em 1em rgba(0,0,0,.3);

	background:#d4d2c5;

	/*background:rgba(50,50,50,0.1);

	-moz-transition: background 1.5s;
	-webkit-transition: background 1.5s;
	-o-transition: background 1.5s;
	-ms-transition: background 1.5s;
	transition: background 1.5s;
}

#locationtextbg:hover
{
	background:rgba(130,130,130,0.5);*
}

#locationtextbgcontent a
{
	width: 70%;
	margin-left: 15%;
	padding-bottom:6px;
	float:left;

	-moz-transition: margin-left 0.4s;
	-webkit-transition: margin-left 0.4s;
	-o-transition: margin-left 0.4s;
	-ms-transition: margin-left 0.4s;
	transition: margin-left 0.4s;
}

#locationtextbgcontent h1 
{
	width: 70%;
	margin-left: 15%;
	font-size: 30px;
	text-transform: uppercase;
	font-family: RePark;
}

.rightlocaselected
{
	font-weight:bold;
	margin-left:17% !important;
}
*/
/********** End Location **********/









/****** WDS ******/

.arrowstomove a
{
	position:absolute;
	z-index:99999999;
	left: calc(50vw - 30px);
	color:white;
}

.arrowstomove a:first-child
{
	top:30px;
}

.arrowstomove a:last-child
{
	bottom:30px;
}

/**** video ****/

#chatwindow
{
	display:block;
	position:absolute;
	z-index:99999999;
	top:0px;
	left:0px;
	width:400px;
	height:253px;
	/*clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);*/
	overflow:hidden;
}

#chatwindow iframe
{
	height:290px !important;
	width:419px !important;
	margin-left:-10px;
	margin-top:-28px;
}


/*#jitsiConferenceFrame0 .videocontainer 
{
	width:180px;
	height:150px;
}*/

/**** end video ****/

/**** Left Title Box ****/


#lefttitlebox
{
	position:absolute;
	height:100vh;
	width:33%;
	top:0px;
	left:-33%;
	background:linear-gradient(to bottom right, rgba(227,184,179,0.8) 0%, rgba(227,184,179,0.8) 50%, 
	rgba(227,184,179, 0) 50%, rgba(227,184,179,0) 100%);
	z-index:99999;
	display:block;
}

#lefttitlebox h1
{
	width:80%;
	margin:45vh 5% 0px 15%;
	color:white;
	font-size:55px;
	text-transform:uppercase;
	letter-spacing:12px;
	margin-left:-33vw;
}

/**** Left title box end ****/

/**** Right Navigation ****/

.inactivenavlink {
   pointer-events: none;
   cursor: default;
}

#leftnavbox
{
	position:absolute;
	height:100vh;
	width:30px;
	top:0px;
	right:0px;
	background:rgba(0,0,0,0.5);
	z-index:99999;
	/*overflow-x:auto;*/
}

#leftnavbox > a
{
	display:block;
	color:rgba(227,184,179, 1);
	font-size:8px;
	margin-left:11px;
	margin-top:calc(50vh - 7.5px);
	float:left;
}

#leftnavbox ul
{
	display:none;
	width: calc(100% - 10px);
	left:35px;
	padding-top:50px;
	float:left;
	position:absolute;
	height:calc(100vh - 40px);
	overflow:auto;
}

#leftnavbox ul li
{
	padding:10px 5px;
	color:rgba(255,255,255,0.6);
	font-size:9px;
}


#leftnavbox ul li.navsep
{
	margin-left:4px;
	border-left:1px solid white;
}
 
#leftnavbox > ul a
{
}

#leftnavbox > ul a span
{
	color:white;
	font-size:8px;
	display:block;
	float:left;
	margin-right:6px;
	margin-top:1px;
	width:30px;
}

#leftnavbox > ul li.navselected, #leftnavbox > ul li.navselected a
{
	font-size:25px;
	color:rgba(255,255,255,1);
}

#leftnavbox > ul li.navselected a span
{
	font-size:17px;
}


#leftnavbox > ul li.aroundselected, #leftnavbox > ul li.aroundselected a
{
	font-size:15px;
	color:rgba(255,255,255,0.8);
}

#leftnavbox > ul li.aroundselected a span
{
	font-size:10px;
}

#leftnavbox > ul li.aroundselected a span
{
	margin-left:-1px;
	margin-top:4px;
}

#leftnavbox > ul li.navselected a span
{
	margin-left:-3px;
	margin-top:6px;
}

/**** END Right Navigation ****/

/**** slideshow ****/

.slideshowbg img
{
	display: block;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

/**** end slideshow ****/

/**** floorplan ****/

.floorplaimage
{
	/*width:100%;*/
}

.floorplanbtt
{
	position:fixed;
	width:auto;
	height:auto;
	bottom:20px;
	left:60%;
	background:rgba(0,0,0,0.4);
	padding:5px;
	border-radius:5px;
	display:none;
}

.floorplanbtt a
{
	float:left;
	color:red;
	font-size:30px;
	padding:3px;
	color:white;
}

.floorplanbtt a:nth-child(1), .floorplanbtt a:nth-child(2)
{
	font-size:20px;
}

.floorplanbtt a:nth-child(3)
{
	clear:left;
}

#videoholding
{
	width:100%;
	height:100vh;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

/*#zoomfpmagnizoom
{	
	width:100%;
	height:100vh;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}*/

#zoombox img
{
	width:100%;
	position:absolute;
	display:block;
}

/**** END Floorplan ****/

/**** Holding Early page ****/

.holdingtext
{
	display:block;
	width:100%;
	height:100vh;
	position:absolute;
	text-align:center;
	font-size:26px;
	color:white;
	background:rgba(0,0,0,0.5);
	padding:0px;
	top:0px;
	left:0px;
	font-family:LightRegular;
	line-height:25px;
	letter-spacing:2px;
}

.holdingtext strong
{
	font-size:30px;
}

#holdingearlylogo
{
	position:relative;
	z-index:999;
}

/**** END Holding Early page ****/

/**** Map ****/

#map-canvas
{
    width:100%;
    height:100vh;
    position:absolute;
    top:0px;
    left:0px;
	display:none;
}

/**** END map ****/



@media screen and (max-width:1100px) 
{
	.sectionlandingtext h1
	{
		font-size:80px;
	}
}

@media screen and (max-width:1000px) 
{
	.sectionlandingtext
	{
		margin-top:20vh;
	}

	.sectionlandingnav
	{
		width:100%;
	}

	.sectionlandingnav a
	{
		width:50%;
		margin:5px 25%;
		display:block;
		text-align:center;
	}

	.holdingspecialtitle
	{
		font-size:75px;
	}

	.holdingspecialslogan
	{
		font-size:35px;
	}
}

@media screen and (max-width:900px) 
{
	.imageandtexttext
	{
		width:50%;
		right:-50%;
	}

	.imageandtexttextbg::before
	{
		filter:blur(20px);
	}
}

@media screen and (max-width:800px) 
{
	.sectionlandingtext h1
	{
		font-size:65px;
	}

	.sectionlandingtext span
	{
		font-size:19px;
	}
}

@media screen and (max-width:700px) 
{
	.imageandtexttext
	{
		width:100%;
		right:-100%;
	}

	.imageandtexttext h1
	{
		width:100%;
		text-align:center;
		margin-left:0px;
	}

	.imageandtextseparator
	{
		width:40%;
		margin-left:30%;
	}

	.imageandtextcontenttext
	{
		width:80%;
		margin-left:10%;
		text-align:center;
	}

	#thirdlevellist a span.diamondicon
	{
		display:block;
	}

	#thirdlevellist a span.tnavtext
	{
		display:none;
	}

	#thirdlevellist > span
	{
		display:none;
	}

	.mobileopentext
	{
		display:block;
		position:fixed;
		top:80vh;
		right:0px;
		z-index:8000;
		padding:8px;
		background:rgba(255,255,255,0.2);
		color:white;
		font-size:20px;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
	}

	.holdingspecialtitle
	{
		font-size:60px;
	}

	.holdingspecialslogan
	{
		font-size:20px;
	}
}

@media screen and (max-width:600px)
{
	#welcomename
	{
		font-size:19px;
	}

	#welcometo
	{
		font-size:19px;
	}

	#slogan
	{
		font-size:45px;
	}

	#welcomefooter
	{
		font-size:11px;
	}

	.sectionlandingtext h1
	{
		font-size:50px;
	}

	.sectionlandingtext span
	{
		font-size:16px;
	}
}


@media screen and (max-width:600px) 
{
	.holdingspecialtitle 
	{
		font-size: 45px;
	}

	.holdingspecialslogan 
	{
		font-size: 14px;
	}
}

@media screen and (max-width:450px) 
{
	.sectionlandingtext h1
	{
		font-size:30px;
	}

	.holdingspecialtitle 
	{
		font-size: 25px;
	}

}

@media screen and (max-width:400px)
{
	#welcomename, #welcometo
	{
		font-size:15px;
	}

	#slogan
	{
		font-size:30px;
	}
	
	#welcomefooter
	{
		font-size:8px;
	}

	.sectionlandingtext span
	{
		font-size:13px;
	}
}























@media only screen and (max-width:1600px) 
{
	.imageandtextcontenttext p, .videoandtextcontenttext p, .portfoliomycontent p 
	{
		font-size: 18px;
		line-height: 22px;
	}
}

@media only screen and (max-width:1350px) 
{
	.imageandtextcontenttext p, .videoandtextcontenttext p, .portfoliomycontent p 
	{
		font-size: 15px;
		line-height: 19px;
	}
}

@media only screen and (max-width:1100px) 
{
	.imageandtexttext h1, .imageandtextcontenttext, .videoandtexttext h1, .videoandtextcontenttext
	{
		width:90%;
		margin-left:5%;
	}
}


@media only screen and (min-width:1060px)
{	
	
}

@media only screen and (min-width:730px) and (max-width:1060px)
{		

}

@media only screen and (min-width:730px) and (max-width:1023px)
{				
	
}

@media screen and (max-width:729px)
{
	
}

@media screen and (max-width:450px)
{
	
}

@media screen and (max-width:800px)
{
	
}