html,body{
	padding: 0px;
	margin: 0px;
	height: 100%
}
body{
	background: #333;
	overflow: hidden;
}
#backgroundCanvasWrapper{
	background: url("../images/emo-demo-background.svg") no-repeat top left transparent;
	min-height: 650px;
	background-size: contain;
}
.animation-step0 {
    animation-delay: 0.1s;
}
.animation-step1 {
    animation-delay: 0.4s;
}
.animation-step2 {
    animation-delay: 0.7s;
}
.animation-step3 {
    animation-delay: 1.0s;
}
.animation-step4{
	animation-delay: 1.3s;
}
.animation-step5{
	animation-delay: 1.5s;
}
.animation-step6{
	animation-delay: 1.8s;
}
.animation-step7{
	animation-delay: 2.1s;
}
.animation-step8{
	animation-delay: 2.4s;
}
.animation-step9{
	animation-delay: 2.7s;
}
.animation-step10{
	animation-delay: 3.0s;
}
.animation-step11{
	animation-delay: 3.3s;
}
.animation-step12{
	animation-delay: 3.6s;
}
.animation-step13{
	animation-delay: 3.9s;
}

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.96);
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}
#bottomMenuWrapper{
	margin-left: -15px !important;
	margin-right: -15px !important;
	min-height: 88px;
	border-left: 2px solid #00649d;
	border-right: 2px solid #00649d;
	border-top: 2px solid #00649d;
	border-radius: 15px 15px 0px 0px;
	background: #7ab7e1;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu{
	padding: 0px;
	margin: 0px;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li{	
	list-style: none;
	float: left;
	border-left: 1px solid rgba(0,100,157,0.5);
	min-height: 56px;
	margin-top: 20px;
	margin-bottom: 10px;
	min-width: 100px;
	text-align: center;	
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li:last-child{
	border-right: 1px solid rgba(0,100,157,0.5);
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-1 .textBox{
	position: absolute;margin-left: 10px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-2 .textBox{
	position: absolute;margin-left: 40px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-3 .textBox{
	position: absolute;margin-left: 35px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-4 .textBox{
	position: absolute;margin-left: 15px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-5 .textBox{
	position: absolute;margin-left: 0px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-6 .textBox{
	position: absolute;margin-left: 32px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-7 .textBox{
	position: absolute;margin-left: 25px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-8 .textBox{
	position: absolute;margin-left: 15px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-9 .textBox{
	position: absolute;margin-left: 18px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-10 .textBox{
	position: absolute;margin-left: 35px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li.item-11 .textBox{
	position: absolute;margin-left: 10px;color:#00649d;font-size: 11px;margin-top: -15px;font-family: 'Maven Pro', sans-serif;font-weight: 500;
}
#bottomMenuWrapper #bottomMenuBox ul.footerMenu li img{
	font-family: 'Maven Pro', sans-serif;font-size: 11px;width: 54px;cursor: move;margin: auto;
}
.toiletWrapperBox{
	margin-top: 244px;
	margin-left: 75px;
}
.commonStairCaseWrapper{
	margin-top: 269px;
	margin-right: 37px;
}
#backgroundCanvasWrapper .draggableCanvas{
	margin-bottom: 3px;
}
.doorGrabWrapperBox{
	height: 100px;
	width: 25px;
}
.doorGrabWrapperBox{
	margin-top: -125px;
	margin-left: 25px;	
}
.doorGrabWrapperBox img{
	height: 90px;
	width: 25px;	
}
.loadingHTML{
	opacity: 0;
}
.binWrapperBox{
	padding: 10px;
	margin-top: -105px;	
}
.lightWrapper{
	margin-left: 252px;
	width: 18px;
	margin-top: -356px;	
}
.basinGrapBarWrapper{
	margin-left: 442px;
	min-width: 70px;
	margin-top: -210px;	
}
.commodeGrapBarWrapper{
	margin-top: -115px;
	margin-left: 52px;
	width: 165px;
	height: 75px;	
}
.tissuePaperWrapper{
	width: 25px;
	margin-top: -138px;
	margin-left: 72px;
}
.MHMBoxWrapper{
	width: 60px;
	margin-top: -205px;
	margin-left: 50px;	
}
.MHMBoxHolderWrapper{
	width: 90px;
	margin-top: -190px;
	margin-left: 33px;	
}
.pushShowerWrapper{
	width: 16px;
	margin-top: -96px;
	margin-left: 93px;
}

/* Responsive CSS Start Here */
@media (min-width: 320px) and (max-width: 449px) {
	.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-12,.col-md-12,.col-lg-12,.col-xl-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}	
	.col-sm-8,.col-md-8,.col-lg-8,.col-xl-8{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-sm-2,.col-md-2,.col-lg-2,.col-xl-2{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-sm-1,.col-md-1,.col-lg-1,.col-xl-1{
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}	
	.col-sm-5,.col-md-5,.col-lg-5,.col-xl-5{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}	
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 320px;
	}

	.toiletWrapperBox {
		margin-top: 77px !important;
		margin-left: 15px !important;
	}
	.commonStairCaseWrapper {
		margin-top: 63px !important;
		margin-right: -2px !important;
	}	
	.girlWithWheelChair{
		width: 50px !important;
		margin-top: 38px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li {
		min-width: 24px !important;
		min-height: 28px !important;
	}	
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li img {
		width: 24px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li .textBox {
		font-size: 5px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 25px !important;
		line-height: 5px !important;
	}	
	.basinGrapBarWrapper {
		margin-left: 113px !important;
		min-width: 21px !important;
		margin-top: -55px !important;
	}
	.MHMBoxWrapper {
		width: 22px !important;
		margin-top: -58px !important;
		margin-left: 0px !important;
	}
	.MHMBoxHolderWrapper {
		width: 35px !important;
		margin-top: -58px !important;
		margin-left: -7px !important;
	}
	.binWrapperBox {
		padding: 5px !important;
		margin-top: -34px !important;
		width: 24px !important;
		margin-left: -16px !important;
	}	
	.commodeGrapBarWrapper {
		margin-top: -32px !important;
		margin-left: 7px !important;
		width: 32px !important;
		height: 25px !important;
	}	
	.tissuePaperWrapper {
		width: 12px !important;
		margin-top: -42px !important;
		margin-left: 8px !important;
	}	
	.pushShowerWrapper {
		width: 5px !important;
		margin-top: -22px !important;
		margin-left: 14px !important;
	}	
	.doorGrabWrapperBox {
		margin-top: -32px !important;
		margin-left: -5px !important;
		height: 20px !important;
		width: 10px !important;
	}	
	.doorGrabWrapperBox img {
		height: 20px !important;
		width: 10px !important;
	}
	.lightWrapper {
		margin-left: 59px;
		width: 7px;
		margin-top: -104px;
	}
	.halfCircle{
		margin-top: -34px !important;
	}
	#backgroundCanvasWrapper {
		min-height: 220px !important;
	}
	#bottomMenuWrapper {
		min-height: 60px !important;
	}
	.textAloIMG{
		width: 120px !important;
		margin-top: 4px !important;
		margin-bottom: 10px !important;
	}
}
@media (min-width: 450px) and (max-width: 575px) {
	.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-12,.col-md-12,.col-lg-12,.col-xl-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}	
	.col-sm-8,.col-md-8,.col-lg-8,.col-xl-8{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-sm-2,.col-md-2,.col-lg-2,.col-xl-2{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-sm-1,.col-md-1,.col-lg-1,.col-xl-1{
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}	
	.col-sm-5,.col-md-5,.col-lg-5,.col-xl-5{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}	
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 450px;
	}

	.toiletWrapperBox {
		margin-top: 107px !important;
		margin-left: 24px !important;
	}
	.commonStairCaseWrapper {
		margin-top: 85px !important;
		margin-right: 5px !important;
	}	
	.girlWithWheelChair{
		width: 70px !important;
		margin-top: 50px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li {
		min-width: 36px !important;
		min-height: 38px !important;
	}	
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li img {
		width: 36px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li .textBox {
		font-size: 7px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 37px !important;
		line-height: 7px !important;
	}	
	.basinGrapBarWrapper {
		margin-left: 165px !important;
		min-width: 30px !important;
		margin-top: -81px !important;
	}
	.MHMBoxWrapper {
		width: 30px !important;
		margin-top: -80px !important;
		margin-left: 5px !important;
	}
	.MHMBoxHolderWrapper {
		width: 50px !important;
		margin-top: -76px !important;
		margin-left: -5px !important;
	}
	.binWrapperBox {
		padding: 5px !important;
		margin-top: -40px !important;
		width: 30px !important;
		margin-left: -16px !important;
	}	
	.commodeGrapBarWrapper {
		margin-top: -41px !important;
		margin-left: 12px !important;
		width: 55px !important;
		height: 25px !important;
	}	
	.tissuePaperWrapper {
		width: 14px !important;
		margin-top: -55px !important;
		margin-left: 18px !important;
	}	
	.pushShowerWrapper {
		width: 8px !important;
		margin-top: -31px !important;
		margin-left: 25px !important;
	}	
	.doorGrabWrapperBox {
		margin-top: -42px !important;
		margin-left: -2px !important;
		height: 30px !important;
		width: 15px !important;
	}	
	.doorGrabWrapperBox img {
		height: 30px !important;
		width: 15px !important;
	}
	.lightWrapper {
		margin-left: 90px;
		width: 8px;
		margin-top: -145px;
	}
	.halfCircle{
		margin-top: -40px !important;
	}
	#backgroundCanvasWrapper {
		min-height: 300px !important;
	}
	#bottomMenuWrapper {
		min-height: 70px !important;
	}
	.textAloIMG{
		width: 140px !important;
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}		
}
@media (min-width: 576px) and (max-width: 767px) {
	.toiletWrapperBox {
		margin-top: 125px !important;
		margin-left: 30px !important;
	}
	.commonStairCaseWrapper {
		margin-top: 73px !important;
		margin-right: 8px !important;
	}	
	.girlWithWheelChair{
		width: 70px !important;
		margin-top: 50px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li {
		min-width: 44px !important;
		min-height: 45px !important;
	}	
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li img {
		width: 44px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li .textBox {
		font-size: 8px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 44px !important;
		line-height: 8px !important;
	}	
	.basinGrapBarWrapper {
		margin-left: 201px !important;
		min-width: 35px !important;
		margin-top: -99px !important;
	}
	.MHMBoxWrapper {
		width: 40px !important;
		margin-top: -115px !important;
		margin-left: 8px !important;
	}
	.MHMBoxHolderWrapper {
		width: 60px !important;
		margin-top: -108px !important;
		margin-left: -3px !important;
	}
	.binWrapperBox {
		padding: 5px !important;
		margin-top: -55px !important;
		width: 40px !important;
		margin-left: -16px !important;
	}	
	.commodeGrapBarWrapper {
		margin-top: -48px !important;
		margin-left: 20px !important;
		width: 65px !important;
		height: 26px !important;
	}	
	.tissuePaperWrapper {
		width: 16px !important;
		margin-top: -65px !important;
		margin-left: 25px !important;
	}	
	.pushShowerWrapper {
		width: 9px !important;
		margin-top: -36px !important;
		margin-left: 33px !important;
	}	
	.doorGrabWrapperBox {
		margin-top: -52px !important;
		margin-left: 2px !important;
		height: 40px !important;
		width: 15px !important;
	}	
	.doorGrabWrapperBox img {
		height: 40px !important;
		width: 15px !important;
	}
	.lightWrapper {
		margin-left: 111px;
		width: 10px;
		margin-top: -172px;
	}
	.halfCircle{
		margin-top: -43px !important;
	}
	#backgroundCanvasWrapper {
		min-height: 355px !important;
	}
	#bottomMenuWrapper {
		min-height: 80px !important;
	}
	.textAloIMG{
		width: 180px !important;
		margin-top: 12px !important;
		margin-bottom: 45px;
	}	
}
@media (min-width: 768px) and (max-width: 991px) {
	.toiletWrapperBox {
		margin-top: 160px !important;
		margin-left: 44px !important;
	}
	.commonStairCaseWrapper {
		margin-top: 135px !important;
		margin-right: 17px !important;
	}	
	.girlWithWheelChair{
		width: 90px !important;
		margin-top: 110px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li {
		min-width: 62px !important;
		min-height: 45px !important;
	}	
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li img {
		width: 45px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li .textBox {
		font-size: 8px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 55px !important;
		line-height: 8px !important;
	}	
	.basinGrapBarWrapper {
		margin-left: 275px !important;
		min-width: 45px !important;
		margin-top: -130px !important;
	}
	.MHMBoxWrapper {
		width: 50px !important;
		margin-top: -140px !important;
		margin-left: 15px !important;
	}
	.MHMBoxHolderWrapper {
		width: 75px !important;
		margin-top: -130px !important;
		margin-left: 1px !important;
	}
	.binWrapperBox {
		padding: 5px !important;
		margin-top: -70px !important;
		width: 45px !important;
		margin-left: -15px !important;
	}	
	.commodeGrapBarWrapper {
		margin-top: -65px !important;
		margin-left: 31px !important;
		width: 92px !important;
		height: 35px !important;
	}	
	.tissuePaperWrapper {
		width: 20px !important;
		margin-top: -85px !important;
		margin-left: 40px !important;
	}	
	.pushShowerWrapper {
		width: 12px !important;
		margin-top: -54px !important;
		margin-left: 50px !important;
	}	
	.doorGrabWrapperBox {
		margin-top: -72px !important;
		margin-left: 8px !important;
		height: 50px !important;
		width: 20px !important;
	}	
	.doorGrabWrapperBox img {
		height: 50px !important;
		width: 20px !important;
	}
	.lightWrapper {
		margin-left: 153px;
		width: 13px;
		margin-top: -226px;
	}
	.halfCircle{
		margin-top: -44px !important;
	}
	#backgroundCanvasWrapper {
		min-height: 450px !important;
	}
	.textAloIMG{
		width: 180px !important;
		margin-top: 25px !important;
		margin-bottom: 34px;
	}		
}
@media (min-width: 992px) and (max-width: 1199px) {
	.toiletWrapperBox {
		margin-top: 208px !important;
		margin-left: 60px !important;
	}
	.commonStairCaseWrapper {
		margin-top: 217px !important;
		margin-right: 27px !important;
	}	
	.girlWithWheelChair{
		width: 115px !important;
		margin-top: 190px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li {
		min-width: 83px !important;
	}	
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li img {
		width: 50px !important;
	}
	#bottomMenuWrapper #bottomMenuBox ul.footerMenu li .textBox {
		font-size: 9px !important;
	}	
	.basinGrapBarWrapper {
		margin-left: 370px !important;
		min-width: 60px !important;
		margin-top: -179px !important;
	}
	.MHMBoxWrapper {
		width: 55px !important;
		margin-top: -180px !important;
		margin-left: 20px !important;
	}
	.MHMBoxHolderWrapper {
		width: 82px !important;
		margin-top: -170px !important;
		margin-left: 6px !important;
	}
	.binWrapperBox {
		padding: 10px !important;
		margin-top: -85px !important;
		width: 55px !important;
		margin-left: -18px !important;
	}	
	.commodeGrapBarWrapper {
		margin-top: -95px !important;
		margin-left: 44px !important;
		width: 130px !important;
		height: 50px !important;
	}	
	.tissuePaperWrapper {
		width: 25px !important;
		margin-top: -115px !important;
		margin-left: 60px !important;
	}	
	.pushShowerWrapper {
		width: 15px !important;
		margin-top: -80px !important;
		margin-left: 72px !important;
	}	
	.doorGrabWrapperBox {
		margin-top: -105px !important;
		margin-left: 15px !important;
		height: 65px !important;
		width: 25px !important;
	}	
	.doorGrabWrapperBox img {
		height: 65px !important;
		width: 25px !important;
	}
	.lightWrapper {
		margin-left: 210px;
		width: 14px;
		margin-top: -302px;
	}
	#backgroundCanvasWrapper {
		min-height: 570px !important;
	}	
}
/* Responsive CSS End Here */