.startScreen
{
  position:fixed;
  width:100%;
  height:100%;
  background:black;
  perspective:1000;
  z-index:10000;
  opacity:1;
}




.endScreen{
  position:fixed;
  width:100%;
  height:100%;
  background:black;
  perspective:1000;
  transition:2s linear;
  opacity:0
}


.logoAnimation{
  perspective:1000;
  color:white;
  position:absolute;
  idth:200px;
  eight:200px;
  ackground:url("../images/logo1.png");
  ackground-repeat:no-repeat;
  ackground-position:center;
  left:50%;
  top:50%;
  margin-left:-100px;
  display:inline-block;
  text-align:center;
  animation:flyIn .8s linear;
  nimation-delay:2s;
  opacity:0;


}

.logoAnimation img{
  width:70%;
  height:70%;
}

.logoFinal{
  color:white;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-100px;
  display:inline-block;
  text-align:center;
  animation:final .8s linear;
  transform:scale(2);
  }

  .logoFinal img{
    width:70%;
    height:70%;
  }


@keyframes flyIn{
      0%{transform: scale(9); opacity:1}
      25%,60%{ transform:scale(2); opacity:1;}
      80%{ transform:scale(0);opacity:0;}
      100%{transform:scale(0);opacity:0;}
    }

@keyframes final{
      0%{transform: scale(7);}
      25%,100%{ transform:scale(2);}

    }

              /*///////////////////   loading gif//////////////////////////////  */



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


}


.spinner1{
  width:85px;
  height:85px;
  background:#111111;
  border-radius:50%;
  background-image:url("http://leopardvision.com/images/logoLoad.png");
  background-repeat:no-repeat;
  background-position:center;
  position:relative;

}

.spinner1:before{
  content:'';
  width:85px;
  height:85px;
  position:absolute;
  top:-4px;
  left:-4px;
  border-radius:50%;
  border:4px solid transparent;
  border-top-color:#2c9fa3;
  border-bottom-color:#2c9fa3;
  display:block;
  animation:spinny .9s linear infinite;

}

@keyframes spinny{
  0%{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(45deg) scale(1.2);}
  100%{transform:rotate(360deg) scale(1);}
}










.trailer{
  position:absolute;
  left:50%;
  top:30%;
  font-size:35px;
  font-family:VERDANA;
  font-weight:bold;
  color:white;
  opacity: 0;
  transform:translate(-80px,0px);
  text-shadow:-4px 2px 9px #AA0000;
  animation:textFly 4s linear;
  z-index:1000;

}


@keyframes textFly{
  0%{opacity:0;}
  40%{opacity:1;}
  100%{opacity:0;}
}







.videoOptionLayover
{
  position:absolute;
  visibility:hidden;
  opacity:0;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
  z-index:1000;
  transition:opacity 1s linear;

}


.videoBtnContainer{
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:300px;
  height:200px;
  left:50%;
  top:50%;
  text-align:center;


}




.customVideoButton{
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	background: rgba(0,0,0,.2);
	border-radius: 50%;
	border: 2px solid #fff;
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-indent: 3pxz;
  margin-left:30px;
  margin-right:30px;

}

.customVideoButton:hover {
	background:#fff;
	color: #191919;
  cursor:pointer;
}