body {
background: url(../images/oilboy_coal.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)







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

#tbl1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tbl1 td, #tbl1 th {
    border: 1px solid #ddd;
    padding: 8px;
}

#tbl1 tr:nth-child(){background-color: #99ccff;}

#tbl1 tr:hover {background-color: #4CAF50;}

#tbl1 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #99ccff;
    color: white;
}
#tbl1 td {
  
    color: white;
}
		
.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%; 
}
.padding_text{
padding-left:5px;
}
.loader_class{
margin-left:40%;
margin-top:20%;

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

}
}

}