.game{
list-style: none !important;

	
}
.rotate{
    
-webkit-transition-duration:0.8s;
    
-moz-transition-duration:0.8s;
    
-o-transition-duration:0.8s;
    
transition-duration:0.8s;
    
 
    
-webkit-transition-property: -webkit-transform;
    
-moz-transition-property: -moz-transform;
    
-o-transition-property: -o-transform;
    
transition-property: transform;
    
 
    
overflow:hidden;
 
    
}  
 
.rotate:hover  
{
    
-webkit-transform:rotate(360deg);
    
-moz-transform:rotate(360deg);
    
-o-transform:rotate(360deg);
}  
.myextrapadding{
padding-top: 10px!important;
  padding-bottom: 30px!important;
}
.gamerot{
	height:350px;
	width: 533px;
	background-image: url("clr.png") !important;

}
.sayhello h2 {
  padding-top: 70px;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.centerpannel{
	margin-top: 85px;
	 background-color: #333333;
	  
}
.servicediv1{
	background-color: #1f3f88;
    -webkit-border-radius: 10px;
-webkit-border-top-right-radius: 120px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 120px;
border-radius: 10px;
border-top-right-radius: 120px;
    margin: 5px;
}
.servicediv1 h1,h2,h3,h4{
	color: fdfdfe;
}
.servicediv1 p{
	color: fdfdfe;

}
.servicediv2 p{
	color: fdfdfe;
}

.servicediv2{
	background-color: #1f3f88;
 -webkit-border-radius: 10px;
-webkit-border-top-left-radius: 120px;
-moz-border-radius: 10px;
--moz-border-radius-topleft:120px;
border-radius: 10px;
border-top-left-radius: 120px;
    margin: 5px;
}
.servimg{
	min-height: 196px;
	width:370px;

}
.subitems{
	height: 150px;
	border: solid 1px #050505 ;
}
.subitems h5{
	text-align: center;
	background-color: #2570b3;
	color: #fdfdfd;
  padding: 2px 3px;
}
.partnercont{
	padding-top: 20px;
}
.spimg{
	padding: 5px;
	}

.mycontact p{
	font-size: 16px !important;

}
.caddress{
	background: rgba(25,25,25,.4);
}
	.pcontainer{
		hight:400px;width:600px;border:4px #0066FF solid;
	}
.pcc{
	height:300px;
	background-color:#0066FF;
	border:2px solid #0066FF;
	-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 360px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 360px;
border-top-left-radius: 50px;
border-top-right-radius: 360px;
}
.pccdata{
	padding: 20px;
}
.pccdata h2{
	color:#fdfdfd;
}
.pccp{
color:#fdfdfd;
}
}

/*	.planet{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: no-repeat center center;
}

.rocket{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(plane.png) no-repeat 100px center;

	/* Chrome still requires the -webkit- prefix 
	-webkit-animation:orbit 5s linear infinite;
	animation:orbit 5s linear infinite;

	transition:background-position 0.8s;
}

.container:hover .rocket{
	background-position:200px center;
}

/* Define the keyframes of the animation 

@-webkit-keyframes orbit {
	from {
		-webkit-transform:rotate(0deg);}
	to {
		-webkit-transform:rotate(360deg);
	}
}

@keyframes orbit {
	from {
		transform:rotate(0deg);

		/* I am including the -webkit-transform properties, because
		   Chrome might start supporting keyframe without prefix in the future,
		   but we can't be certain whether it will support prefix-free transform
		   at the same time 

		-webkit-transform:rotate(0deg);}
	to {
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}*/