/*=============================================
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
 2.0.1) Font Face
 2.0.2) Global Headings
 2.0.3) General Text Formatting
 2.0.4) Global Link style
 2.0.5) Global Button Styles
 2.0.6) Global Sprite Icons and Clearfix style
 3.) Global Site Wide Content
 4.) Header Style
 5.) Footer Style
 ===============================================*/
/* 1.) Eric Meyer's Reset ---------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 2.) Global Typography ---------------------------------------------*/
*, :before, :after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}
body {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #000;
	background-color:#ffffff;
}
/* 2.0.1) Font Face ---------------------------------------------*/
/* Put Your font face Styles here---------------------------------------------*/

/* 2.0.2) Global Headings ---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #000000;
}
h1 {
	font-size: 32px;
	text-align:center;
	line-height:34px;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
	font-weight:700;
}
h2 {
	font-size: 26px;
	margin-bottom: 30px;
}

h3 {
	font-size: 24px;
	line-height:34px;
	letter-spacing: 0.01em;
	font-style:italic;
	color: #333333;
	margin-bottom: 5px;
}
h4 {
	font-size: 20px;
	line-height:28px;
	font-style:normal;
	margin-top: 15px;
	margin-bottom: -10px;
}

/* 2.0.3) General Text Formatting ---------------------------------------------*/
p {
	font-size: 18px;
	color: #000000;
	line-height: 1.9;
	 letter-spacing: 0.03em;
	margin-top: 18px;
}
p a {
	color: #000000;
	font-weight: 700;
}
p a:hover {
	color: #9CC38A;
}
blockquote, cite, q, var, dfn {
	font-style: italic;
}
small {
	font-size: 85.71429%;
	line-height: 1.75;
}
img {
	max-width: 100%;
	height: auto;
}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

.center {text-align:center;}

.bigblue {
	font-size: 20px;
	line-height:28px;
	font-style:italic;
	color: #5885C5;
}
.testimonial {
	text-align:center;
	font-size: 16px;
	color: #000000;
	line-height: 1.9;
	letter-spacing: 0.03em;
	margin-top: 5px;
}


/* 2.0.4) Global Link style ---------------------------------------------*/
a {

	text-decoration: none;
}
a:hover, a:focus {
	outline: none;
}
/* 2.0.5) Global Button Styles ---------------------------------------------*/
.button {
}

.button:hover, .button:focus {
	outline: none;
}
/* 2.0.6) Global Sprite Icons and Clearfix style ---------------------------------------------*/
[class^="icon-"], [class*="icon-"] {
	background-image: url(../images/sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	vertical-align: text-top;
	width: 15px;
}
/* Clear Floated Elements by use Clearfix class---------------------------------------------*/
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* 3.) Global Site Wide Content ---------------------------------------------*/
.content {
	padding-top: 30px; 
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.text-center {
	text-align: center;
}
/* ------------------  Code for UI Tools Removed this section from your project --------------------------- */
.container {
	max-width: 1184px;
	margin: 0 auto;
	width: 100%;
}
.container-secondry {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
}

/* 4.) Header Styles ---------------------------------------------*/
.top-bar {
	padding: 17px 0;
	background: #9CC38A;
}
.top-bar span {
	font-size: 15px;
	letter-spacing: 0.1em; 
	color: #000000;
	display: block;
	text-align: center;
}
.top-bar span span{
	display: inline-block;
}
.top-bar span a {
	color: #ffffff;
}
.top-bar span a:hover {
	color: #8A4900;
	font-weight:700;
}
.wee-bar {
	padding: 2px 0;
	margin-top:0px;
	background: #8A4900;
}
.header {
	position: relative;
	z-index: 9;
}
.logo {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 20px;
}
.navbar {
	text-align: center;
	padding: 10px 0;
	background: #1C5B6E;
}

.nav li {
	margin: 0 10.5px;
	position: relative;
	display: inline-block;
}
.nav li a {
	font-size: 17px;
	letter-spacing: 0.1em; 
	color: #ffffff;
	padding: 5px;
	display: block;
	font-style: normal;
}
.nav li a:hover, .nav li a:focus {
	color: #9CC38A;
}
.nav-button {
	display: block;
	width: 65px;
	height: 41px;
	background: url(../images/navicon.png) 0 0 no-repeat;
	border: none;
	position: absolute;
	right: 53px;
	top: 36%;
	display: none;
	cursor: pointer;
}

/* 5.) Footer Styles ---------------------------------------------*/
.footer {
	margin-top: 0px;
	padding-top: 31px;
	background: #9CC38A;
}
.footer-content {
	padding-bottom: 27px;
}
.contact-text {
	text-align: center;
	width: 100%;
}
.contact-text span {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.contact-text span a {
	display: inline-block;
	color: #fff;
}
.contact-text span a:hover {
	color: #8A4900;
}
.contact-text span.copyright {
	font-size: 14px;
	margin-top: 20px;
}
.bottom-logo {
	float: right;
	margin-top: 16px;
	margin-right: 10px;
}
.footer-logos {
	text-align: center;
	padding: 0px;
	position: relative;
	background: #fff;
}
.footer-logos:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1920px;
	width: 100%;
	height: 20px;
	background: #8A4900;
}
.footer-logos img {
	display: inline-block;
	margin: 0 0px;
}