@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-color: #000 !important;
}

.outtercontainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.maincontainer {
	width:100%;
	height:100%;
	transition: 0.5s;
}

.iframecontainer {
	height:calc(100% - 56px);
	width: 100%;
	top: 56px;
}

.matterportiframe {
	height: 100%;
	width: 100%;
}

.starttourdiv {
	z-index: 3;
	position: absolute; 
	width:100%; 
	height:100%; 
	top: 0; 
	left: 0; 
	background-image:url(https://my.matterport.com/api/v1/player/models/CnbfaLNThDr/thumb); 
	background-size:cover;
}

.playbtnhold {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}

.playbtn {
	background-color: #002147;
	border: none;
	border-radius: 15px;
	color: #FFF;
	padding: 15px 32px;
	margin: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold; 
	transition: 0.3s;
}

.playbtn:hover {
	transform: scale(1.2);

}

/*Side Navigation Menu*/
.sidenavmenu {
	height: 100%;
	width: 270px;
	z-index: 1;
	top: 0;
	left: 0;
	position: fixed;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	transform:translate(-100%, 0);
}

.sidenavtop {
	height: 56px;
	padding: 0px 16px;
}

.sidenavtop .closebtn {
	font-size: 36px;
	color: #000;
	transition: 0.3s;
	cursor: pointer;
}

.sidenavtop .closebtn:hover {
	color: #002147;
}

.sidenavmainmenu {
	max-height: calc(100% - 326px);
	max-height: -webkit-calc(100% - 326px);
	max-height: -moz-calc(100% - 326px);
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 16px;
	padding-left: 20px;
}

.title {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 8px;
}

.sidenavmainmenu a {
  padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 16px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.sidenavmainmenu a:hover {
  color: #002147;
font-weight: bold;
  text-decoration: none;
}

.subnav {
	max-height:0;
	overflow: hidden;
	transition: 0.5s;
    margin-bottom: 8px;
}

.navsubopen {
	cursor: pointer;
	transition: 0.5s;
	padding-bottom: 8px;
}

.navsubopen:hover {
	  color: #002147;
	font-weight: bold;
}

.navsubopen:before {
  content: '\002B';
  font-weight: bold;
  margin-right: 5px;
}

.b_GoToMain {
	font-size: 16px !important;
	padding: 0px 0px 8px 0px !important;
}

.b_GoToMain:hover {
	color: #002147;
}

.OldStocks {
	font-size: 16px !important;
	padding: 0px 0px 8px 0px !important;
}

.OldStocks:hover {
	color: #002147;
}

.active:before {
  content: "\2212";
}

.sidenavfooter {
	height: 270px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	bottom:0;
	padding: 8px 16px 16px 16px;
}

.sidenavfooter img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.sidenavfooter a {
	color: #000;@charset "utf-8";body,html{margin:0;padding:0;border:0;height:100%;background-color:#000!important}.outtercontainer{width:100%;height:100%;overflow:hidden}.maincontainer{width:100%;height:100%;transition:.5s}.iframecontainer{height:calc(100% - 56px);width:100%;top:56px}.matterportiframe{height:100%;width:100%}.starttourdiv{z-index:3;position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(https://my.matterport.com/api/v1/player/models/CnbfaLNThDr/thumb);background-size:cover}.playbtnhold{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playbtn{background-color:#002147;border:none;border-radius:15px;color:#fff;padding:15px 32px;margin:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;font-weight:700;transition:.3s}.playbtn:hover{transform:scale(1.2)}.sidenavmenu{height:100%;width:270px;z-index:1;top:0;left:0;position:fixed;background-color:#fff;overflow-x:hidden;transition:.5s;transform:translate(-100%,0)}.sidenavtop{height:56px;padding:0 16px}.sidenavtop .closebtn{font-size:36px;color:#000;transition:.3s;cursor:pointer}.sidenavtop .closebtn:hover{color:#002147}.sidenavmainmenu{max-height:calc(100% - 326px);max-height:-webkit-calc(100% - 326px);max-height:-moz-calc(100% - 326px);overflow-y:auto;overflow-x:hidden;font-size:16px;padding-left:20px}.title{font-size:20px;font-weight:700;padding-bottom:8px}.sidenavmainmenu a{padding:4px 8px 4px 32px;text-decoration:none;font-size:16px;color:#000;display:block;transition:.3s}.sidenavmainmenu a:hover{color:#002147;font-weight:700;text-decoration:none}.subnav{max-height:0;overflow:hidden;transition:.5s;margin-bottom:8px}.navsubopen{cursor:pointer;transition:.5s;padding-bottom:8px}.navsubopen:hover{color:#002147;font-weight:700}.navsubopen:before{content:'\002B';font-weight:700;margin-right:5px}.b_GoToMain{font-size:16px!important;padding:0 0 8px 0!important}.b_GoToMain:hover{color:#002147}.OldStocks{font-size:16px!important;padding:0 0 8px 0!important}.OldStocks:hover{color:#002147}.active:before{content:"\2212"}.sidenavfooter{height:270px;width:100%;overflow-y:auto;overflow-x:hidden;position:absolute;bottom:0;padding:8px 16px 16px 16px}.sidenavfooter img{max-width:100%;height:auto;margin-bottom:10px}.sidenavfooter a{color:#000;text-decoration:none;transition:.3s}.sidenavfooter a:hover{color:#002147;text-decoration:none}.sidenavsocailmedia{text-align:center;margin-top:10px}.sidenavsocailmedia img{height:30px;margin-right:25px;transition:.5s;cursor:pointer;text-align:center}.sidenavsocailmedia img:hover{transform:scale(1.4)}.navbartop{height:56px;width:100%;background-color:#fff;color:#000;-webkit-box-shadow:0 10px 5px 1px rgba(0,0,0,.18);-moz-box-shadow:0 10px 5px 1px rgba(0,0,0,.18);box-shadow:0 10px 5px 1px rgba(0,0,0,.18);padding:8px;font-size:24px;transition:.5s}.openbtn{cursor:pointer;transition:.3s}.openbtn:hover{color:#002147}.logocontainer{height:100%;width:170px;float:right;text-align:right}.logo{max-height:100%;max-width:100%}.popup{margin:auto;height:95%;width:95%;position:absolute;top:2.5%;left:2.5%;z-index:1;background-color:rgba(0,0,0,.45);overflow-x:hidden;transition:.5s;opacity:0;visibility:hidden;overflow-y:hidden;display:none}.popup .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;z-index:2;color:#002147;text-decoration:none;transition:.3s}.popup .closebtn:hover{color:#002147;text-decoration:none;font-weight:700}.bookingpopup{position:absolute;z-index:1;overflow-x:hidden;transition:.5s;opacity:0;visibility:hidden;overflow-y:hidden;top:50%;left:50%;transform:translate(-50%,-50%)}.bookingbtn{background-color:#002147;border:none;border-radius:15px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;font-weight:700;transition:.3s}.bookingbtn:hover{color:#000}.cancelbookingbtn{background-color:#ff0004;border:none;border-radius:15px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;font-weight:700;transition:.3s}.cancelbookingbtn:hover{color:#000}#items{list-style:none;margin:0;margin-top:4px;padding-left:10px;padding-right:10px;padding-bottom:3px;font-size:17px;color:#333}#cntnr{display:none;position:fixed;border:1px solid #b2b2b2;background:#f9f9f9;border-radius:4px;z-index:5}li{padding:3px}#items :hover{color:#e84c02;border-radius:2px;cursor:pointer}
	text-decoration: none;
	transition: 0.3s;
}

.sidenavfooter a:hover{
  color: #002147;
  text-decoration: none;
}


.sidenavsocailmedia {
	text-align:center;
	margin-top: 10px;
}

.sidenavsocailmedia img {
	height: 30px;
	margin-right: 25px;
	transition: 0.5s;
	cursor:pointer;
	text-align:center;
}

.sidenavsocailmedia img:hover {
 transform: scale(1.4);
}


/*Navigation Top Bar*/
.navbartop {
	height:56px;
	width:100%;
	background-color:#fff;
	color:#000;
	-webkit-box-shadow: 0px 10px 5px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 10px 5px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 10px 5px 1px rgba(0,0,0,0.18);
	padding: 8px;
	font-size: 24px;
	transition:0.5s;
}

.openbtn {
	cursor: pointer;
	transition: 0.3s;
}

.openbtn:hover {
	color: #002147;
}

.logocontainer{
	height:100%;
	width:170px;
	float: right;
	text-align: right;
}

.logo {
	max-height:100%;
	max-width:100%;
}

/*Popup*/
.popup {
	margin: auto;
	height: 95%;
	width: 95%;
	position: absolute;
	top: 2.5%;
	left: 2.5%;
	z-index: 1;
	background-color: rgba(0,0,0,.45); 
	overflow-x: hidden;
	transition: 0.5s;
	opacity: 0;	
	visibility: hidden;
	overflow-y: hidden;
	display: none;
}

.popup .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	z-index:2;
	color:#002147;
	text-decoration: none;
	transition: 0.3s;
}

.popup .closebtn:hover {
	color: #002147;
	text-decoration: none;
	font-weight: bold;
}

.bookingpopup {
	position: absolute;
	z-index: 1;
	overflow-x: hidden;
	transition: 0.5s;
	opacity: 0;	
	visibility: hidden;
	overflow-y: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bookingbtn {
	background-color: #002147;
	border: none;
	border-radius: 15px;
	color: #FFF;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold; 
	transition: 0.3s;
}

.bookingbtn:hover {
	color:#000;
}

.cancelbookingbtn {
	background-color:#FF0004;
	border: none;
	border-radius: 15px;
	color: #FFF;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold; 
	transition: 0.3s;
}

.cancelbookingbtn:hover {
	color:#000;
}

#items {
	list-style:none;
	margin:0;
	margin-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	font-size:17px;
	color:#333
}

#cntnr {
	display:none;
	position:fixed;
	border:1px solid #b2b2b2;
	background:#f9f9f9;
	border-radius:4px;
	z-index:5
}

li {
	padding:3px;
}

#items :hover {
	color:#e84c02;
	border-radius:2px;
	cursor:pointer
}