html, body {
            overflow: hidden;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            /* font-family:Roboto; */
        }

#renderCanvas {
	width: 100%;
	height: 100%;
    touch-action: none;
}

/* @font-face {
	font-family: 'Roboto';
	src: url(‘img/Roboto-Light.ttf’) format(‘truetype’);
		
} */

.fullscreen{
    position: absolute;
    height: 110%;
    width: 2%;
    /*z-index: 10;*/
    /*background-color: aqua;*/
}

.outer-div {
     position: absolute;
     bottom: 10px;
     width: 100%;
}

.menu{
	margin: 0 auto;
	width:300px;
    text-align: center;
}

.btn{
	display: inline;
	margin:22px;
	width:50px;/*100*/
	height:50px;
}

#preloader{
	width   : 100%;
	height  : 100%;
	top : 0px;
	left : 0px;
	background-color: rgb(223, 223, 223);
	position : fixed;
	z-index: 9999;
	cursor : wait;
}


.section-4 {
  /*background-color:  #2980b9; */
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  }
 	

.loader {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  
#textLoader{
	color:rgb(160, 160, 160);
	font-family: 'Lato', sans-serif;
	margin-left:-45px;
}

/* Loaders */
.loader-bars:before, .loader-bars:after,
.loader-bars span {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  width: 10px;
  height: 30px;
  background-color: #8f8f8f;
  -webkit-animation: grow 1s linear infinite;
  -moz-animation: grow 1s linear infinite;
  animation: grow 1s linear infinite; 
  }
  
.loader-bars:after {
  left: 15px;
  -webkit-animation-delay: -0.66s;
  -moz-animation-delay: -0.66s;
  animation-delay: -0.66s; }
.loader-bars span {
  left: 30px;
  -webkit-animation-delay: -0.33s;
  -moz-animation-delay: -0.33s;
  animation-delay: -0.33s; }

/* Animations */

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scaleY(0);
    opacity: 0; }

  50% {
    -webkit-transform: scaleY(1);
    opacity: 1; }

  100% {
    -webkit-transform: scaleY(0);
    opacity: 0; } }
@-moz-keyframes grow {
  0% {
    -moz-transform: scaleY(0);
    opacity: 0; }

  50% {
    -moz-transform: scaleY(1);
    opacity: 1; }

  100% {
    -moz-transform: scaleY(0);
    opacity: 0; } }
@keyframes grow {
  0% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0; }

  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1; }

  100% {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0; } }

.grpLogo{
	width: 100%;
	text-align : center;
}

.logo{
  position: relative;
  top: 300px;
}

#Title{
  position: absolute;
  width: 100%;
  top: 0;
  text-align: center;
  background-color: #00000070;
}

#Title h2{
  color: #FFF;
  /*font-family: 'Roboto', sans-serif;*/
  font-size: 35px;
}

#Title h4{
  color: #FFF;
  /*font-family: 'Roboto', sans-serif;*/
  /*font-size: 35px;*/
}

#logo{
  text-align: right;
  width: 90%;
}