@font-face {
  font-family: OpenSans;
  src: url('/fonts/OpenSans-Light.ttf');
}
@font-face {
  font-family: geofont;
  src: url('/fonts/GeosansLight.ttf');
}
body{ padding: 0px; }
body,
h2,
h1,
button{ font-family: "OpenSans" !important}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1029;
}
#main-wrap{background-color: #d9d5c7}
.btn-link-href {
  border-radius: 100px;
  padding: 1rem 2rem;
  background-color: #287b5b;
  text-decoration: none !important;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
  color: #fff;
}
.btn-link-href:hover {
  background-color: #5ca5dc;
  color: #fff;
}
.form-btn{
  border-radius: 100px;  
  background-color: #287b5b;
  border: none;
}
.form-btn:hover{
  background-color: #5ca5dc;
}
.box-shadow{
  -webkit-box-shadow: -8px 12px 11px -5px rgba(0, 0, 0, .2);
  box-shadow: -8px 12px 11px -5px rgba(0, 0, 0, .2);


}
#pre-header {
	padding: 5px;
	background-color: #90969e;	
}
#pre-header a { 
	text-decoration: none; 
	font-size: 11px;
	letter-spacing: 1.5px
}
/*header*/
.navbar-brand img{
	width: 40%;	
}
.nav-link, #burger { 
	color: #90969e; 
	letter-spacing: 1.5px;
	font-family: "OpenSans","Arial","sans-serif"; 
}
/*sidenav*/
.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1049;
  right: -270px;
  top: 0;  
  background-color: #fff;
  overflow-x: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; 
}
.sidenav img{ 
  width: 80%;   
  display: block;
  margin: 0 auto; 
}
.sidenav .sidelink {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: green;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sidenav .sidelink:hover {
  color: #ffffff;
  background-color: #287b5b;  
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  text-decoration: none;
  color: #006400;
}
.sidenav .closebtn:hover{
  color: red;  
}
/*content*/
.above-the-fold {		
	height: 550px;	
}
.above-the-fold h1 { 
	color: #ffffff;
	font-weight: bold;
	margin-top: 130px;		
	padding: 60px 0px 60px 0px;
	background-color: rgba(170, 170, 170, .7);
}
.we-clean{ 	
	background-image: url(../img/kitchendark.png);	
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 130px 0px;
  color: #D3D3D3;
}
.we-clean i{
	color: #287b5b;
}
.services {	
	padding: 80px 0px;
}
.services img{
	width: 60%;
	height: auto;	
	border-radius: 50%;
}
.services p, .services h2{ margin-top: 10px }
/*form*/
#platinum-form {
	background-image: url(../img/girlcoffee2.png);
	background-position: center right;
	background-size: cover;	
	padding: 80px 0px;
	background-attachment: fixed;
}
#platinum-form .form-control{
	background: transparent;
	border: none;
	border-bottom: 1px solid gray;
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
#platinum-form textarea{
    min-height: 100px;
    max-height: 260px;
    padding-top: 10px;
    resize: vertical;
}
#platinum-form button{
	display: block;	
	width: 100%;
}
/*contact*/
#contact-info{
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(46, 150, 44)), to(rgb(154, 205, 50)));
    background-image: linear-gradient(to right, rgb(46, 150, 44), rgb(154, 205, 50));
    background-color: initial;
    padding: 50px 0px;
}
.fa-calendar-alt { font-size: 20px }
/*Footer*/
#footer {
	background-image: url(../img/mopdark.png);
	background-position: center center;
	background-size: cover;
	padding: 50px 0px;
	background-attachment: fixed;

}
#footer .logo-2, .logo-1{
	width: 25%;
  height: auto;
}
#footer a {
	color: #ffffff;
	text-decoration: none !important;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
	margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,

#footer ul.social li a:hover{
	color:#eeeeee;
}
/*thank-you*/
.thank-you {
  text-align: center;
  background-image: url('../img/man.png'); 
  background-attachment: fixed; 
  padding: 130px 0px; 
  background-position: center center;
}