body {
background: url(../images/oilboy_contact_us.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);
}
.well_form {
  padding: 20px;
  /* for IE */
  
  background-color: #e6e6e6;
 
}

.desc {

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

}

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

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

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

		@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*Google font integration*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
#contact{
    
    
    font-family: 'Roboto', sans-serif;
}

#contact .well{
    margin-top:30px;
    border-radius:0;
}

#contact .form-control{
    border-radius: 5px;
    border:2px solid #1e1e1e;
	width:100%;
}

#contact button{
    background-color: #80bfff; /* Green */
    border: none;
	border-radius:10px;
	   font-size: 25px;
	   width: 13em;  height: 3em;
    color: white;
   
	
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
#contact button:hover {
    background-color: #4CAF50; /* Green */
    border: none;
	border-radius:10px;
	   font-size: 25px;
	   width: 13em;  height: 3em;
    color: white;
   
	
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#contact .row{
    margin-bottom:30px;
}

@media (max-width: 768px) { 
    #contact iframe {
        margin-bottom: 15px;
    }
    
}
.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%;

}
}

}