@charset "utf-8";
/* CSS Document */

/* Main Structure */

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

body 	{line-height: 1.75;
	 	 font: 20px 'Quicksand';
	 	 margin: 0;
	 	 background:#fff;}
	  
header  {width:100%;
		display:block;
		margin: 0 auto 0 !important;
		border: 0 !important;
		position:fixed;
		top:0;
		background:#fff;
		text-align:center;
		z-index:99;}
		
#tagline  {width:100%;
		display:block;
		margin: 0 auto 0 !important;
		border: 0 !important;
		background:#333;
		text-align:center;
		z-index:99;
		padding-top:220px;}
		
.tagline_container{width:1200px;
		height:55px;
		padding-top:10px;
		color:#999;	position: relative;
		text-align:center;
		display: inline-block;
		font-size:28px;}


#hero, #services  {width:100%;
		display:block;
		margin: 0 auto 0 !important;
		border: 0 !important;
		background:#998542;
		text-align:center;}
		
#aboutus	 {position: relative;
		top: -10px;}
		
#aboutus, #reviews  {width:100%;
		display:block;
		margin: 0 auto 0 !important;
		border: 0 !important;
		background:#fff;
		text-align:center;}
		
table {width:1100px;}

img a:hover{ -webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;}
			
/* Nav */
.logo_container {width:100%;}	
#Logo {transition: width 0.3s ease;}

.largeLogo {padding:9px; width:580px;}
.smallLogo {padding:9px; width:360px;}

.header_contact {width: 1200px;
	position: relative;
	text-align:right;
	display: inline-block;
	height:46px;}
	
.header_contact a {color:#998542;}
.header_contact a:hover {color:#ccc;}

.header_icon {
display:inline-block;
width:40px;
height:40px;
margin-left:4px;
margin-right:4px;}

#header_phone_desktop {
background:url(../img/header_phone_over.jpg) no-repeat;}

#header_phone_mobile {
display:none;}

#header_email {
background:url(../img/header_email_over.jpg) no-repeat;}

#header_facebook {
background:url(../img/header_facebook_over.jpg) no-repeat;}

#header_twitter {
background:url(../img/header_twitter_over.jpg) no-repeat;}

#header_instagram {
background:url(../img/header_instagram_over.jpg) no-repeat;}

.header_icon a:hover img, .footer_icon a:hover img {opacity:.01;}

.header_icon a img, .footer_icon a img {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;}

nav {width: 100%;
	background: #998542;
	position: relative;
	text-align:center;
	display: inline-block;
	height:52px;}
nav ul 				{padding:0; margin:0 auto; height:43px; display:inline-block;}
nav li 				{display:inline; float:left; height:43px; background: #998542; padding-left:40px; padding-right:40px; font-size: 24px;}
nav li a 			{color:#fff; text-decoration:none !important;}
nav a:hover, nav a:active {color:#aaa;
 -webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;}	
	
.break {display:none;}	
		
		
/* Containers */
.header_container {width:100%;
padding: 0;
text-align:center;
display: inline-block;}	

.hero_container {width:100%;
padding: 0;
color: #fff;
text-align:justify;
display: inline-block;
padding-top:228px;}

.aboutus_container {width:1200px;
padding: 50px;
color: #333;
text-align:justify;
display: inline-block;
position:relative;z-index:1;}

.services_container,.footer_container {width:1200px;
padding: 0px 50px 30px 50px;
color:#fff;
text-align:center;
display: inline-block;}

.reviews_container {width:1200px;
padding: 0px 50px 50px 50px;
color: #333;
text-align:center;
display: inline-block;}


/* Links & Text */

a {text-decoration:underline !important;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	font-weight:normal;}
	
a:hover {color:;}
	 
a img {border: none;}
img {max-width: 100%; vertical-align: middle;}

h1 {color:#998542; font-size:22px; display:inline;}
h2, h4 {color:#fff; font-size:36px; font-weight:normal;}
h3 {color:#998542; font-size:36px; font-weight:normal;}

h5, h6 {color:#998542; font-size:30px; font-weight:bold; text-align:center;}
h5 a {color:#998542; font-weight:bold;}
h5 a:hover, h6 a:hover {color:#ccc}
h6 a {color:#fff; font-weight:bold;}

ul {display: inline-block;
  text-align: left;
  line-height: 2.4;}
  
li {padding-left:1.25em}

.anchor:target {
  display: block;
  position: relative;
  top: -197px; 
  visibility: hidden;}

	 
/* Clearfix */

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/* Footer */

footer {position: relative;
		width:100%;
		background:#998542;
		text-align:center;
		font-size: 19px;}
		
.footer_box {float:left;
		position: relative;
		width:20%;
		display:block;
		padding-bottom:30px;}
		
.footer_social_box {float:left;
		position: relative;
		width:20%;
		display:block;
		padding-bottom:30px;}
		
.footer_text {font-size: 14px;}
		
.footer_box a {color: #fff; font-weight:normal; text-decoration:underline;}
.footer_box a:hover {color: #ccc; text-decoration:underline;}

.footer_icon {
display:inline-block;
width:48px;
height:48px;}

#footer_facebook {
background:url(../img/facebook_logo_over.jpg) no-repeat;}

#footer_twitter {
background:url(../img/twitter_logo_over.jpg) no-repeat;}

#footer_instagram {
background:url(../img/instagram_logo_over.jpg) no-repeat;}

hr {position: relative;
		width:100%;}

/* Button Transition Effect */

#cf {position:relative;
  height:100px;
  width:300px;
  margin:0 auto;}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}

#cf img.top:hover {opacity:0;}
	
		
@media screen and (max-width: 1200px) {
.header_contact, nav, .header_container, .hero_container, .aboutus_container, .services_container, .reviews_container, .footer_container, table, .tagline_container {width:100%;}
.header_contact{padding-right:15px;}
}

@media screen and (max-width: 1080px) {
.footer_box {width:50%; padding-bottom:24px;}
.footer_social_box {width:33%; padding-bottom:24px;}
.largeLogo {width:480px;}
.smallLogo {width:350px;}
#tagline	{padding-top:200px;}
.tagline_container { font-size:24px;}
.hero_container {padding-top:203px;}
nav li {font-size: 22px; height:41px;}}

@media screen and (max-width: 800px) {
.largeLogo {width:450px;}
.smallLogo {width:320px;}
header  {padding-bottom:7px; top:-59px;}
.logo_container {position:relative; top: 58px;}	
.hero_container {background: #fff; padding-top:151px;}
.header_contact{padding-right:40px;  top: 59px;}
nav {height:1px;}
.social_text {display:none;}

#tagline		{padding-top:155px;}

.anchor:target {top: -145px; }}

@media screen and (max-width: 600px) {
body 	{font: 17px 'Quicksand';}

.anchor:target {top: -192px; }

.largeLogo, .smallLogo {padding:8px; width:300px;}
#tagline		{padding-top:193px;}
.tagline_container {font-size:19px; height:44px;}
.hero_container {background: #fff; padding-top:171px;}

.logo_container {top: 0px;}	

header  {padding-bottom:7px; top:-0px;}

.header_contact{font-size:14px; text-align:center; padding-right:0px; height:42px; top: 0px;}

#header_phone_desktop {
display:none;}

#header_phone_mobile {
display:inline-block;
background:url(../img/header_phone_over.jpg) no-repeat;}
	
.aboutus_container {padding: 30px;}

.services_container,.footer_container {padding: 0px 30px 30px 30px;}

.reviews_container {padding: 0px 30px 50px 30px;}
	
h1 {font-size:20px;}
h2, h3, h4 {font-size:27px;}
h5 {font-size:27px;}

.footer {		font-size: 16px;}

.footer_box {width:100%;
		padding-bottom:10px;
		line-height: 1.1;
		font-size: 16px;}
		
.footer_social_box {
		padding-bottom:10px;
		line-height: 1.2;
		font-size: 16px;}
		
ul {padding-left:1.25em}	
li {padding-left:0.5em}}

@media print {

body 	{line-height: 1.75;
	 	 font: 15px 'Quicksand';
	 	 margin: 0;
	 	 background:#fff;
		 text-align:center;}
	  
header, #hero, #services, #aboutus, #reviews  
{		width:98%;	
		display:block;
		text-align:center;
		position:inherit;
		padding: 0;}
		
.header_contact {width: 90%;
	position: relative;
	text-align:centre;
	float:left;}
		
.footer_container {width: 100%;
	position: relative;
	text-align:centre;}
	
.hero_container {width:100%;
display: block;
padding-top:12px;}

.aboutus_container {width: 100%;
padding-top: 20px;
display: block;}

.services_container {width:100%;
padding: 0px;
color:#333;
display: block;
font-size:15px;
position:relative;
top:-55px;}

.reviews_container {width:100%;
text-align:center;
display: block;
position:relative;
top:-275px;}

h2, h3, h4 {color:#998542; font-size:24px; font-weight:bold; padding:none;}
h5, h6 {display:none;}

table {width:100%;}

.largeLogo {padding:0px 9px 9px 9px; width:390px;}

nav-bar, nav, #header_phone_mobile {
display:none;}
		
ul {display: inline-block;
	text-align: left;
	line-height: 2.1;
	position:relative;
	top:-275px;}

/* Footer */

footer {pwidth:100%;
		text-align:center;
		font-size: 16px;
		position:relative;
		top:-535px;
		color:#998542;}
		
.footer_box {position: relative;
		width:50%;
		display:block;
		padding-bottom:20px;
		color:#998542;
		top:-15px;}
		
.footer_social_box {display:none;}
		
.footer_text {font-size: 12px;
color:#998542;}

.footer_box a {color:#998542;}
		
hr {position: relative;
		width:100%;
		color:#998542;}
}