body {
background: url(../images/business_goal_oilboy.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
body::-webkit-scrollbar {
    width: .8em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #99ccff;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #99ccff;
  outline: 1px solid slategrey;
}
.intro {
  padding: 20px;
  background: rgb(34,34,34); /* for IE */
  background: rgba(34,34,34,0.75);
 
}
.nav_gation_class{
  padding: 20px;
  background: rgb(34,34,34); /* for IE */
  background: rgba(34,34,34,0.75);
}

.desc {

}
.logo_oilboy:hover {
transform: scale(2);

}

logo_oilboy {
	transform-style: preserve-3d;
}

li:hover {
background-color:#99ccff;

}
li a:hover {
background-color:#707070;
border-radius:5px 5px;
padding:5px;


}

h2 {
transform: rotateY(360deg);
	transition: .6s;
	transform-style: preserve-3d;

	position: relative;
}

   img:hover {
    
	transform: rotateY(360deg);
	transition: 1s;
	transform-style: preserve-3d;

	position: relative;
}
ul.a {
    list-style-type: circle;
}
	
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}
.margin_class {
  margin-left:5%; margin-top:3%; 
}
.loader_class{
margin-left:40%;
margin-top:20%;

}
@media only screen and (max-width: 430px) {
    .loader_class{
			margin-left:30%;
			margin-top:70%;

}
.product_class{
	
	padding:15px;
}
}

}