@charset "utf-8";
@import url("fonts.css");
/* CSS Document for Screens */

/*	ml gold color: rgba(214,170,5,1) or #d6aa05;
	ml black color: rgba(51,51,51,1);
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,700italic,300,700);
@import url(http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext,400,700);

body { width: 100%;	background-color: #fff; }
body {
	font-family: "Segoe UI", helvetica, "garuda", arial, verdana, tahoma, sans-serif;
	font-size: 16px; font-weight: 400; color: #555; margin: 0; padding: 0;

}


.borderm { border: 2px solid magenta !important; }
.borderc { border: 2px solid cyan !important; }

body #home {color: rgba(255,255,255,1);}

ul #home{
	border-bottom: 5px solid rgba(255,255,255,1);
}


#page {
	width: 100%;
	margin: 0px 0px;
	padding: 0px 0px;
	position: relative;
	overflow: hidden;
}

#bk-img {
	position: static;
	top: 0;
	left: 0;
	z-index: -10;
	width: 100%;
	max-height: 952px;
	margin: 0px 0px !important;
	padding: 0px 0px !important;
}

.bk-img-lg {display: block !important;}
.bk-img-sm {display: none !important;}

#see-us-img {
	position: static;
	top: 0;
	left: 0;
	z-index: -10;
	width: 100%;
	max-height: 952px;
}


/* Text */

	h1 {
		font: 24pt 'mamalouh1', "Segoe UI", helvetica, "garuda", arial, verdana, tahoma, sans-serif; 
		margin: 0 0 .5em 0;
		font-size: 2.5em; font-weight: 700 !important; color: #555;
		text-align: center; 
		-moz-text-decoration-color: #d6aa05 !important;
		text-decoration-color: #d6aa05  !important;
		color: rgba(51,51,51,1) !important;
	}

	h1:before{ content: "\00a0";}
	h1:after{ content: "\00a0";}
	h2 {font: 24pt 'mamalouh2', "Segoe UI", helvetica, "garuda", arial, verdana, tahoma, sans-serif; margin: 0 0 1em 0; font-size: 2em; font-weight: 700; line-height: 1.1em; color: rgba(214,173,0,1); text-align: center; padding-top: 30px;}
	p { font: 13pt "Segoe UI", helvetica, "garuda", arial, verdana, tahoma, sans-serif; margin: 0 0 1em 0; color: #333; text-align: center;}
	section.main .mama-p p { font: 18pt 'mamalouh1'; padding-left: 120px; padding-right: 120px;}

	h3 {margin: 0 0 .5em 0; font-size: 1.3em; font-weight: 700; }
	h4 {margin: 0 0 1.5em 0; font-size: 1em; font-weight: 700; }

	p { margin: 0 0 1em 0; }

	a { color: #007eff; }
	a:visited { color: #65b1ff}

/* End */


/* Global */

	.navbar-default {
	  background-color: rgba(214,170,5,.7) !important;
	  border: none;
	  color: #000 !important;
	}

	.navbar-default.darker {
	  background-color: rgba(214,170,5,.8) !important;
	  border: none;
	}

	.phoneno a { color: #fff; }
	.phoneno-gold a, h1.phoneno-gold { color: rgba(214,170,5,1) !important; }

	a.btn{
		position: relative;
		display: block;
		max-width: 200px;
		background-color: rgba(255,255,255,.75);
		font-size: 1.2em;
		font-weight: 700;
		text-decoration: none;
		color: rgba(255,0,0,1);
		border: 1px solid rgba(255,0,0,1);
		padding: 4px 15px;
		transition: background-color .3s;
		margin: 0 auto;
	}

	a.btn:hover{
		background-color: rgba(255,0,0,1); 
		color: rgba(255,255,255,1) !important;
	}

	a.btn:visited{
		color: rgba(255,0,0,1);
	}

	a.ex{
		padding: 6px 15px;
		font-size: 1.3em;
	}

	a.go-top {
		position: fixed;
		bottom: 2.25em; 
		right: 1em;
		text-decoration: none;
		color: #fff;
		background: rgba(0,0,0,.75) url("../images/go-top20.png") no-repeat center 3px ;
		font-size: .85em;
		padding: 2em .5em .5em .5em;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		display: none;
		z-index:100;
		border-radius: 5px;
	}

	a.go-top:hover {
		background-color: rgba(0,0,0,.9);
	}

/* End */


/* Header */

	header {
		position: absolute;
		height: auto;
		width: 100%;
		top: 0;
		left: 0;
	/*	border: 1px solid red; */
	}

	header a.logo {
		z-index: 100;
		position: absolute; display: block;
		width: 90px;	height: 90px;
		background: url(../images/logo-mamalous.png) no-repeat 0 0;
		background-size: contain;
		top: 7px;		left: 70px;
	}

	header a.logo span { 
		display: none;
	}

	header div.hero {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 546px;	top: 30px;
	}

	header div.hero h1 {
		line-height: 1em;
		font-size: 3em;
		margin: 10px 0 10px 0;
		color: rgba(51,51,51,1);
		text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
		text-align: center;
		text-decoration: none;
	}

	header div.hero img {
		display: block;
		position: relative;
		margin: 0 auto;
		width: 60%;
		text-align: center;
	}


	header div.content {
		position: absolute;
		top:0;
		right:0;
		margin-top: 5px;
		margin-right: 30px;
		width: 70%;
		height: 40px;
		background: none;
		color: rgb(255,255,255);
		color: rgba(255,255,255,.9);
		z-index: 10;
	}

	header div.content p.phoneno {
		font: 24pt 'mamalouh1', "segoe ui", verdana, arial; 
		margin: 0 0 .5em 0;	
	}

	header div.content p.phoneno {
		display:inline-block;
		float: right;
		padding: 0px 10px 0 0;
		font-size: 1.6em;
		color: #fff;
	}

	a.btn-nav, a.btn-nav-tiny {
		display:inline-block;
		float: right;
		margin: 10px 5px 11px 11px;
		background-color: rgba(255,255,255,.75);
		font-size: .9em;
		font-weight: 700;
		text-decoration: none;
		color: rgba(255,0,0,1);
		border: 1px solid rgba(255,0,0,1);
		padding: 1px 10px 1px;
		transition: background-color .3s;
		border-radius: 5px;
	}




	a.btn-nav:hover, a.btn-nav-tiny:hover{
		background-color: rgba(255,0,0,1); 
		color: rgba(255,255,255,1) !important;
	}

	a.btn-nav:visited, a.btn-nav-tiny:visited{
		color: rgba(255,0,0,1);
	}

	a.btn-nav-tiny { display: none; }
	header div.content a.facebook{
		display:inline-block;
		float: right;
		margin: 10px 5px 11px 11px;
		width: 24px;
		height: 24px;
		background: url(../images/facebook-icon.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	header div.content a.instagram{
		display:inline-block;
		float: right;
		margin: 10px 0px 11px 11px;
		width: 24px;
		height: 24px;
		background: url(../images/instagram-icon.png) no-repeat 0 0;
		background-size: 24px 24px;	
	}

	header div.content a.linkedin{
		display:inline-block;
		float: right;
		margin: 10px 5px 11px 11px;
		width: 24px;
		height: 24px;
		background: url(../images/linkedin-icon.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	header div.content a.twitter{
		display:inline-block;
		float: right;
		margin: 10px 5px 11px 11px;
		width: 24px;
		height: 24px;
		background: url(../images/twitter-icon.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	header div.content a.phone{
		display:inline-block;
		float: right;
		margin: 8px 0px 10px 30px;
		width: 26px;
		height: 26px;
		background: url(../images/phone3b.png) no-repeat 4px 2px;
		background-size: 21px 21px;
	}

/* End */


/* Navigation */
	nav {
		z-index: 2;
		position: absolute;
		top: 0px;	left: 0px;
		padding: 50px 0 0 50px;
		width: 100%;

	}

	.navbar-default {
	  padding-left: 170px;
	  border-radius:0;
	}

	.navbar-default ul.nav.navbar-nav li a {
		border-bottom: 5px solid rgba(0,0,0,0);
		color: #222;
		font-size:.95em; 
	/*	text-shadow: 0px 0px 0px rgba(255, 255, 255, .6); */
	}

	.navbar-default ul.nav.navbar-nav li a.dropdown { /* shows dropdown arrow for nav elements with sub-nav */
		background: url(../images/down-512.png) no-repeat 0 0%;
	}

	.navbar-default ul.nav.navbar-nav li a:hover {
		border-bottom: 5px solid rgba(255,255,255,.9);
	}

	nav::after {	content:'';	display: block;	clear:both; }

	nav ul {	list-style: none;	margin: 0;	padding: 0;}

	nav ul li:hover {	background-color: rgba(255,255,255,.5);} 

	nav ul li:hover > ul {	display: block;}

	nav ul li:hover > ul a {	display: block;}


	nav ul li a {
		display: inline-block;
		color: #fff;
		padding: 10px 20px;
		text-decoration: none;
		position: relative;
	}

	nav ul li a:visited {	color: #fff;}	

	nav ul ul {	position: absolute;	top: 100%; background-color: rgba(0,0,0,.75);	display: none; }

	nav ul ul li {	position: relative; }

	nav ul ul li a {	width: 200px;}

	nav ul ul li a:hover {	border-bottom: 5px solid rgba(0,0,0,0) !important; text-decoration: none;}

	nav ul ul ul {	left: 100%;	top: 0px; }


	/* Navigation > top-level */

	nav > ul {	padding-left: 200px}

	nav > ul > li {	float: left; }

	nav > ul > li > a {	width: auto;	padding: 10px 20px 10px 20px;}

	nav a[aria-haspopup="true"]::after {		/* Creates right pointing arrow to show submenu */
		content:'';
		display: block;	width: 0px;	height: 0px;
		position: absolute;
		top: 20px;	right: 5px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #fff;
	} 

	.nav.navbar-nav > li > a[aria-haspopup="true"]::after {		/* Creates bottom pointing arrow to show submenu */
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid #fff;
		left: 16px; 	right: auto;
		bottom: 2px;	top: auto;
	}

/* End */



/* Section - All */

	section { padding: 0 30px}
	section::after {content:''; display: block; clear: both;}

	section .wrapper{
		display: block;
		max-width: 1200px;
		margin: 0 auto;
	}

/* Section - Main */

	section.main {	border-top: 5px solid rgba(214,170,5,.7); border-bottom: 5px solid rgba(214,170,5,.7); padding: 0; padding-top: 20px; padding-bottom: 30px;}
	section.main h1 {text-decoration: underline;}
	
/* Section - quick-quote */

	section.quick-quote {
		background: url(../images/bkImgQuote.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
	 	-moz-background-size: cover;
	 	-o-background-size: cover;
	  	background-size: cover;
		padding-top: 30px;
		padding-bottom: 30px;
		color:#fff;
	}

	section.quick-quote .window {
		display: block;
		margin: 0 auto;
		max-width: 1200px;
	}

	section.quick-quote div.quote span .textbox::-webkit-input-placeholder { color: #484848; }
	section.quick-quote div.quote span .textbox:-moz-placeholder { /* Firefox 18- */ color: #484848;  }
	section.quick-quote div.quote span .textbox::-moz-placeholder {  /* Firefox 19+ */ color: #484848;  }
	section.quick-quote div.quote span .textbox:-ms-input-placeholder {     color: #484848;  }

	section.quick-quote ul {	list-style: disc; }

	section.quick-quote div.catch {
		display: block;
		float: left;
		padding: 0px 20px 30px 0px;
		min-height: 220px;
		width: 475px;
	}

	section.quick-quote div.catch h1 {
	  font-size: 2.2em;
	  font-weight: 600;
	}

	section.quick-quote div.catch h2 {
	  font-family: "mamalouh1";
	  font-style: normal;
	  font-weight: 400;
	  font-size: 4em;
	  color: #000;
	  margin-bottom: 0px;
	}

	section.quick-quote div.catch li {
	  font-weight: 500;
	  font-size: 1.1em;
	}


	section.quick-quote div.catch a.btn {
		float: left;
	}

	section.quick-quote div.catch a:hover {
		background: rgba(0,0,0,.1);
	}

	section.quick-quote div.quote {
		display: block;
		float: right;
		padding: 0px;
		min-height: 220px;
		width: 624px;
	}

	section.quick-quote div.quote a.btn {
		float: left;
		color: rgba(0,0,0,.5);
		border: 1px solid rgba(0,0,0,.5); 
	}

	section.quick-quote div.quote span .textbox {
		display: block;
		margin: 10px auto;
		padding-left: 7px;
		background-color: rgba(255,255,255,.8);
		color: black;
		border: 1px solid rgba(0,0,0,.5);
		border-radius: 5px;
		width: 100%;
		height: 36px;
	}

	section.quick-quote div.quote span .textbox.top {
		margin-top: 5px;
	}

	section.quick-quote div.quote .selectline {
		display: block;
		margin: 10px auto;
		width: 100%;
		min-height: 36px;
		padding: 0px;
	}

	section.quick-quote div.quote span .textbox.zip {
		display: inline-block;
		width: 48.5%;
		margin: 0px 16px 0px 0px;
	}

	section.quick-quote div.quote span .textbox.zip.to {
		display: inline-block;
		width: 	48.2%;
		margin: 0px;
	}

	section.quick-quote div.quote span .selectbox {
		margin: 0px 16px 0px 0px;
		padding-left: 3px;
		background-color: rgba(255,255,255,.8);
		color: #000;
		border: 1px solid rgba(0,0,0,.5);
		border-radius: 5px;
		width: 48.3%;
		height: 36px;
	}


	section.quick-quote div.quote .selectbox-r {
	display: inline-block;
	padding-left: 7px;
	background-color: rgba(255,255,255,.8);
	color: #000;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
	width: 48.3%;
	height: 36px;
	}

	section.quick-quote div.quote .date-holder {
	display: inline-block;
	padding-left: 7px;
	background-color: rgba(255,255,255,.8);
	color: #000;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
	width: 48.2%;
	height: 36px;

	}

	section.quick-quote div.quote div.selectline div.captchabox {
		display: block;
		float: left;
		margin: 0px;
		margin-right: 20px;
		width: 305px;
	}

	section.quick-quote div.quote .btn500 {
		display: block;
		float: left;
		width: 47%;
		height: 76px;
		margin: 0px;
		margin-left: 3px; 
		background-color: rgba(214,170,5,.7);
		font-size: 1.2em;
		font-weight: 700;
		text-decoration: none;
		color: #fff;
		border: 1px solid rgba(255,255,255,.7);
		padding: 10px 16px;
		transition: background-color .3s;
		border-radius: 5px;
	}

	section.quick-quote div.quote .btn500:hover {
		background-color: rgba(214,170,5,1);
		border: 1px solid rgba(51,51,51,1)
	}


/* Section - How To */

 
	section.how-to {	background-color: #eee9d9;	position: relative; padding-bottom: 10px}

	section.how-to aside {	width: 30%; float: left; margin-right: 10px;}

	section.how-to aside .content {	padding: 30px 30px 20px 0; } 

	section.how-to aside .content img {	display: block; margin-bottom: 15px; width: 70%;}

	section.how-to aside .content h4 {	margin-bottom: 0;}

	section.how-to aside .content p {	margin-bottom: .5em; }

	section.how-to aside .content a {	display: inline-block; color: #cc6634; font-weight: 700; }

	section.how-to blockquote {
		float: left;
		margin: 0;	width: 36%;
		color: #444;
		background-color: #fff;
		bottom: 0;
	}

	section.how-to blockquote p { margin: 10px 10px 10px 30px; margin-top: -40px;}

	section.how-to blockquote p.quote {	 font-style: italic; font-size: 1.2em;}

	section.how-to blockquote p.credit {
		color: #777;
		font-size: .9em;	margin-top: 0;	padding-left: 20px;	line-height: 1.3em;
		position: relative;
	}

	section.how-to blockquote::before {
		content:'\201c'; color: #d2bd65;
		position: relative;
		top: 0px; left: 0px;
		font-size: 3em;
		font-family: serif; 
	}

	section.how-to blockquote {	
		max-height: 90%;
		margin-top: 30px;
	}

	section.how-to blockquote p.quote::after {	content:'\201d';	font-family: serif; }

	section.how-to blockquote P.credit::before {	content:'\2014';	position: absolute;	top: -1px;	left: 0; }

/* End */


/* Pre-Footer */

	section.foot{
		background-color: rgba(0,0,0,.9) !important;
		margin: 0px;	padding: 20px;
		padding-bottom: 5px;
		color: rgba(214,170,5,.7);
		border-top: 5px solid rgba(214,170,5,.7);
	}

	section.foot h1 { font-size: 2em; color: rgba(214,170,5,.7); text-decoration: none;	}
	section.foot h2, section.foot h3 { font-family: "latolight"; }

	section.foot h3 { margin: 0px; }

	section.foot aside{	width: 33%;	float: left; text-align: center; margin-top: 10px;}

	section.foot aside .content.logo {	
		margin: 15px;	
		margin-top: 0px;
		text-align: center;
	}
	section.foot aside .content.logo img {width: 35%; }

	section.foot aside .content.text {	padding-top: 30px;}
	section.foot aside .content.text p {	margin-bottom: 0px; padding-left: 0px; padding-right: 0px; font-size: 1em; font-weight: 400; color: rgba(214,170,5,.7);}
	section.foot aside .content.social a {	color: rgba(214,170,5,.7); font-weight: 500;}
	section.foot aside .content.social a:hover { text-decoration: 	underline;	 color: rgba(214,170,5,.7); font-weight: 500;}
	section.foot aside .content.text h1 img {	margin-right: 6px;}

	section.foot aside .content.social { text-align: left; margin-left: 30%; }
	section.foot aside .content.social ul { list-style: none; padding-left: 0px;}
	section.foot aside .content.social ul li { margin-top:5px;}


	section.foot aside .content.social a.facebook{
		display:inline-block;
		margin: 0 auto;
		margin-left: -6px;
		margin-right: 5px;
		width: 26px;
		height: 26px;
		background: url(../images/facebook-icon.png) no-repeat 0 0;
		background-size: 26px 26px;
	}

	section.foot aside .content.social a.facebook:hover{
		background-image: url(../images/facebook-icon-gold.png);
	}

	section.foot aside .content.social a.twitter{
		display:inline-block;
		margin: 0 auto;
		margin-right: 10px;
		width: 26px;
		height: 26px;
		background: url(../images/twitter-icon.png) no-repeat 0 0;
		background-size: 26px 26px;
	}
	section.foot aside .content.social a.twitter:hover{
		background-image: url(../images/twitter-icon-gold.png);
	}

	section.foot aside .content.social a.instagram{
		display:inline-block;
		margin: 0 auto;
		width: 26px;
		height: 26px;
		background: url(../images/instagram-icon.png) no-repeat 0 0;
		background-size: 26px 26px;	
	}

	section.foot aside .content.social a.instagram:hover{
		background-image: url(../images/instagram-icon-gold.png);
	}

	section.foot aside .content.social a.linkedin{
		display:inline-block;
		margin: 0 auto;
		width: 26px;
		height: 26px;
		background: url(../images/linkedin-icon.png) no-repeat 0 0;
		background-size: 26px 26px;
	}


/* End */


/* Bottom Navigation */

	section.bottom-nav {
		position: relative; 
		display: block; 
		width: 100%; 
		margin: 0px;
		font-size: 0.8em; 
		text-align: center;
		background-color: rgba(0,0,0,.9);
		color: rgba(214,170,5,.5);
		padding-bottom: 10px;
	}

	section.bottom-nav .nav2 a { margin-right: 15px; margin-left: 15px;	color: inherit; padding-bottom: 10px;}

	section.bottom-nav .nav2 a:visited {	color: rgba(214,170,5,.5);}

	section.bottom-nav .nav2 a:hover {	text-decoration: 	underline;	}

/* End */


/* Footer */

	footer { font-size: .8em;	margin: 5px 60px;	color: #999; /*border-top: 1px ridge rgba(0,0,0,.1);*/ }

	footer .content {	float: right;  display:block; }

	footer a {	margin-right: 30px;	color: #777; padding-bottom: 10px;}

	footer a:visited {	color: #777}

	footer a:hover {	text-decoration: 	underline;	}

/* End */



/* CONTACT PAGE ====================================================================================*/

	body.cover {
			background: url(../images/contact-cover.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
		 	-moz-background-size: cover;
		 	-o-background-size: cover;
		  	background-size: cover;
	}

	body.cover #page {
		background-color: rgba(255,255,255,0);
	}

	body.menu-page #page {
		background-color: rgba(255,255,255,0.1);
	}

	section.contact-us {
		/*
		background: url(../images/bkImgQuote2.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
	 	-moz-background-size: cover;
	 	-o-background-size: cover;
	  	background-size: cover;
	  	*/
	  	padding-top: 20px;
	}

	section.services .serve h2 { 

	}


	section.contact-us h1 { 
	 	padding: 10px 20px 20px 20px; 
		color: rgba(51,51,51,1) !important; text-align: center; text-decoration: none; font-weight: 700 !important;
	}


	section.contact-us p {
		font-weight: 400;
		margin: 10px;
		text-align: center;
		color: #000;
	}

	section.contact-us h2 {
		text-align: center;
		margin: 10px;
		padding: 0 20px 0 20px; 
		font: 30pt 'mamalouh1'; color: rgba(51,51,51,1); font-weight: 700;

	}

	section.contact-us div.contact-window {
		display: block;
		position: relative;
		width: 522px;
		margin: 0px auto;
		margin-top: 100px;
		margin-bottom: 	30px;
	}

	section.contact-us div.contact-window h1 { color: rgba(0,154,0,1); padding-left: 10px; margin-bottom: 0px; font-weight: 500; }

	section.contact-us div.contact-window span .textbox::-webkit-input-placeholder, 
	section.contact-us div.contact-window span .textbox:-moz-placeholder, /* Firefox 18- */
	section.contact-us div.contact-window span .textbox::-moz-placeholder,   /* Firefox 19+ */
	section.contact-us div.contact-window .textbox:-ms-input-placeholder {
	   color: #484848;
	}

	section.contact-us div.contact-window span .textareabox::-webkit-input-placeholder, 
	section.contact-us div.contact-window span .textareabox:-moz-placeholder, /* Firefox 18- */
	section.contact-us div.contact-window span .textareabox::-moz-placeholder,   /* Firefox 19+ */
	section.contact-us div.contact-window .textareabox:-ms-input-placeholder {
	   color: #484848;
	}

	section.contact-us div.contact-window span .textbox {
		margin: 8px 10px;
		width: 500px;
		height: 50px;
		padding: 10px;
		background-color: rgba(255,255,255,.8);
		color: black;
		border: 1px solid rgba(0,0,0,.5);
		border-radius: 5px;
	}

	section.contact-us div.contact-window span .textareabox {
		margin: 8px 10px;
		width: 500px;
		padding: 10px;
		background-color: rgba(255,255,255,.8);
		color: black;
		border: 1px solid rgba(0,0,0,.5);
		border-radius: 5px;
	}

	.homebox {
		width: 100%;
		border-radius: 5px;
		color: black;
		border: 1px solid rgba(0,0,0,.5);
		box-shadow: none;
	}


	section.contact-us div.contact-window div.captchabox {
		display: inline-block;
		margin: 6px 10px 10px 10px;
		width: 500px;
	}

	section.contact-us div.contact-window .btn500 {
		float:right;
		width: 180px;
		height: 76px;
		margin-top: -78px;
		background-color: rgba(214,170,5,.7);
		font-size: 1.2em;
		font-weight: 700;
		text-decoration: none;
		color: rgba(0,154,0,1);
		border: 1px solid rgba(214,170,5,1);
		transition: background-color .3s;
		border-radius: 5px;
		color: #fff;
	}

	section.contact-us div.contact-window .btn500:hover {
		background-color: rgba(214,170,5,1);
		border: 1px solid rgba(51,51,51,1);
	}

/* End */


/* CONTENT PAGES: TESTIMONIAL - MENU - SERVICES  ====================================================================================*/

	.content-page {
		background-color: #fff;
	  	padding-top: 130px;
	  	padding-bottom: 30px;
	}

	body.menu-page #page .content-page {
		background-color: rgba(0,0,0,0) !important;
	}


	.content-page.lower {
		background-color: #fff;
	  	padding-top: 30px;
	  	padding-bottom: 30px;
	  	background-color: #eee9d9;
	  	border-top: 5px outset #777;
	}

	section.content-page h2 {
		font-weight: 600;
		font-size: 1.5em;
		color: rgba(0,154,0,.8);
		margin-top: 30px;
	}

	section.content-page h3 { 
		font-family: "latolight"; 
		color: rgba(255,204,0,1);
		text-shadow: 1px 1px 2px rgba(0,0,0,.2);
		text-decoration: underline;
		text-decoration-color: rgba(0,154,0,.65);
	}

	.window {
		position: relative;
		display: block;
		margin: 0 auto;
		width:90%;
		max-width: 1200px;
	}

	.window p.upper {
		padding: 10px 0px 0px 0px;
		width:90%;
		max-width: 1200px;
		margin: 0 auto; 
	}

	.window p.upper a {color: rgba(214,170,5,1); text-decoration: none;}
	.window p.upper a:visited {color: rgba(214,170,5,1); text-decoration: none;}
	.window p.upper a:hover {text-decoration: underline;}


	.window h1 { 
		color: rgba(0,154,0,1); 
		padding-left: 10px; 
		margin-bottom: 0px; 
		font-weight: 500;
		font-size: 2.5em;
	}

	.grand {font-size: 2.5em;}

	p.heavy { font-weight: 600 }
	p.bold { font-weight: 700 }
	p.black { font-weight: 900 }

/* End */


/* TESTIMONIAL PAGE ====================================================================================*/

	body.testimonials-page {
			background: url(../images/testimonial-page.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
		 	-moz-background-size: cover;
		 	-o-background-size: cover;
		  	background-size: cover;
	}

	.testimonials   {
		background-color: rgba(255,255,255,0.1);
	}
	

	section.testimonials .attest {
		width:90%;
		margin: 1em auto 0;
		padding: 5px 10px;
		background-color: rgba(255,255,255,.5);
		border-left: 4px solid rgba(214,170,5,1);
	}

	section.testimonials .attest::before {
		content:'\201c'; color: rgba(51,51,51,1);
		position: relative;
		top: -12px; left: -2px;
		font-size: 3em;
		font-family: serif; 
		padding-bottom: -10px;
		margin-bottom: -10px;
	}

	section.testimonials .attest p { text-align: left; }
	section.testimonials .attest img { margin-left: 20px; margin-bottom: 10px; width: 120px}

	section.testimonials .attest p.quote {	margin: -50px 10px 10px 20px;	}

	section.testimonials .attest p.quote::after {	content:'\201d';	font-family: serif; }

	section.testimonials .attest p.credit {
		margin-left: 20px;
		font-size: .9em;	margin-top: 0;	padding-left: 20px;	line-height: 1.3em;
		position: relative;
		color: rgba(214,170,5,1);
		text-align: left;
	}

	section.testimonials .attest p.credit::before {	content:'\2014';	position: absolute;	top: -1px;	left: 0;}

/* End */


/* SERVICES PAGE ====================================================================================*/

	body.menu-page {
			background: url(../images/menu-page.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
		 	-moz-background-size: cover;
		 	-o-background-size: cover;
		  	background-size: cover;
	}


	section.services .service {
		position: relative;
		display: block;
		margin: 0 auto;
		width:90%;
		padding: 5px 10px;
	}

	.seperates{ width: 100%; border-bottom: 1px solid rgba(0,0,0,.15); }

	section.services h1 { 	padding: 0 20px 0 20px; 
		color: rgba(51,51,51,1); text-align: center; text-decoration: none; font-weight: 700;
	}

	section.services .serve h2 { padding: 0 20px 0 20px; 
		font: 24pt 'mamalouh1'; color: rgba(51,51,51,1); text-align: center;
	}

	section.services .serve { 
		text-align: center;
	}

	section.services .serve ul { 
		position: relative;
		display: block;
		list-style: none;
		padding: 0px;
		padding-top: 5px;
		text-align: center;
	}

	section.services .serve ul li {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 10px;
		padding: 10px; 
		border-radius: 5px;
		font-weight: 600;
		text-align: center;
		font: 18pt 'mamalouh1';
	}

	section.services .green ul li {
		border: 1px solid rgba(0,154,0,.75);
		background-color: rgba(0,154,0,.2);
	}

	section.services .yellow ul li {
		border: 1px solid rgba(214,173,0,.75);
		background-color: rgba(214,173,0,.5);
	}

	section.services .tabs {	padding: 0px;	text-align: center; }
	section.services .offerings {	background: url(../images/offerings-h220.jpg) no-repeat 0 5px; }
	section.services .labor { 	background: url(../images/labor-h220.jpg) no-repeat 0 5px; }
	section.services .area {	background: url(../images/raleigh-snow-h220.jpg) no-repeat 0 5px; }
	section.services .payment {	background: url(../images/train-h220.jpg) no-repeat 0 5px;	min-height: 250px; }
	section.services .terms {	background: url(../images/terms-h220.png) no-repeat 0 5px;}

/* End */


/* ABOUT US PAGE ====================================================================================*/

	section.about-us .about {
		position: relative;
		display: block;
		margin: 0 auto;
		width:90%;
		max-width: 1200px;
		padding: 5px 10px;
	}

	section.about-us .about .content { padding: 0 20px 0 0px; }

	section.about-us .about .content p img { margin: 5px 40px 10px 0px ; float: left; padding: 0px;
	}

/* End */


/* TIPS PAGE ====================================================================================*/

	.cream {	background-color: #eee9d9;}

	p.tip {
		position: relative;
		display: inline-block;
		margin-right: 2.5%;
		margin-bottom: 10px;
		width: 100%;
		padding: 10px; 
		border-radius: 5px;
		color: #555;
	}

	p.tip.odd {
		border: 1px solid rgba(0,154,0,.75);
		background-color: rgba(0,154,0,.2);
	}

	p.tip.even {
		border: 1px solid rgba(255,204,0,.75);
		background-color: rgba(255,204,0,.25);
	}

/* End */


/* FAQ PAGE ====================================================================================*/

	.faq .points {
		margin-bottom: 10px;
		width: 100%;
		border: none;
		color: #555;
	}

	.faq .odd {
		border: 1px solid rgba(0,154,0,.75);
		background-color: rgba(0,154,0,.2);
	}

	.faq .even {
		border: 1px solid rgba(255,204,0,.75);
		background-color: rgba(255,204,0,.25);
	}

	.faq .points .content-odd {
		border: 1px solid rgba(0,154,0,.75);
		background-color: rgba(0,154,0,.1);	
		border-top: 1px solid rgba(0,154,0,.75);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.faq .points .content-even {
		border: 1px solid rgba(255,204,0,.75);
		background-color: rgba(255,204,0,.15);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.panel-title a { display: block; }

/* End */