body {
background: url(../images/about_us_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 {
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.logo_oilboy:hover {
transform: scale(2);

}

}

/* Safari, Chrome and Opera > 12.1 */


/* Internet Explorer */


/* Opera < 12.1 */

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%;

}
}

}