/*
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
 2.0.1) Font Face
 2.0.2) Global Headings
 2.0.3) Form Elements
 2.0.4) List styles
 2.0.5) General Text Formatting
 2.0.6) Link elements
 2.0.7) Table Elements
 2.0.8) Button Styles
 2.0.9) Sprite Icons

 3.) Site Wide Content
 4.) Header Style
 5.) Footer Style
 ===============================================*/
/*
 1.) Eric Meyer's Reset
 ----------------------------------------*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, li {
	color: #5a4f4c;
	font-size: 1.4rem;
	line-height: 1.63 !important;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
 1.) 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%;
	font-size: 10px;
}
body {
	font-size: 2.4rem;
	font-family: 'Candara';
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	color: #ead796;
}
/*
 2.0.1) Font Face
 -----------------------------*/
@font-face {
	font-family: 'Candara';
	src: url('../fonts/Candara-Bold.woff2') format('woff2'), url('../fonts/Candara-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Candara';
	src: url('../fonts/Candara.woff2') format('woff2'), url('../fonts/Candara.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*
 2.0.2) Global Headings
 -----------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #161e21;
}
h1, h2, h3 {
	font-weight: bold;
}
h1 {
	font-size: 2.2rem;
	color: #efcd84;
	text-transform: uppercase;
}
h2 {
	font-size: 1.7rem;
}
h2, h3 {
	color: #9c8872;
}
h3 {
	font-size: 1.6rem;
}
h4 {
	font-size: 1.3rem;
	color: #c6af93;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {

}
h6 {

}
img {
	height: auto;
	max-width: 100%;
	width: auto;
}
::-webkit-input-placeholder {
	color: #221d1b;
	opacity: 1;
}
:-moz-placeholder {/* Firefox 18- */
	color: #221d1b;
	opacity: 1;
}
::-moz-placeholder {/* Firefox 19+ */
	color: #221d1b;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #221d1b;
	opacity: 1;
}

/*
 2.0.3) Form Elements
 -----------------------------*/
select, textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	background: #fff;
	border: 1px solid #ccc;
}
label {
	font-size: 1.4rem;
	color: #534846;
	padding-left: 15px;
}
input {
	line-height: normal;
}
input[type="text"], input[type="email"], select, input[type="password"] {
	color: #60514e;
	border: 2px solid transparent;
	padding: 13px 20px 10px;
	width: 100%;
	font-weight: 400;
	font-family: 'Candara';
	border-radius: 0px;
	height: 46px;
	font-size: 1.4rem;
	background: url(../images/input-bg.png) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
input:focus {
	background: url(../images/input-act.png) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
input[type="password"]:focus {
	border: 2px solid #571409;
	background: url(../images/input-bg.png) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
select {
	padding-bottom: 10px;
	font-size: 1.4rem;
	color: #665c54;
	font-family: 'Candara';
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: 0;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	border: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] {
	-webkit-appearance: none;
	cursor: pointer;
	line-height: normal;
	overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
	color: #999;
	border-color: #ccc;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/*
 2.0.4) List Styles
 ---------------------------------*/
ul, ol, dl {
	font-size: 100%;
	line-height: 1;
}
li, dt {
	line-height: 1;
}
dl {
	margin: 0 0 1em 0;
}
dd {
	margin: 0 0 1em 0.8em;
}
ul {
	list-style-type: disc;
	margin: 0 0 0 0;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1em 0;
}
ul ul, ol ul {
	list-style-type: circle;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

/*
 2.0.5) General Text Formatting
 -----------------------------------*/
p {
	color: #5a4f4c;
	font-size: 1.4rem;
}
blockquote, cite, q, var, dfn {
	font-style: italic;
}
span {
	display: inline-block;
	font-size: 1.2rem;
	font-family: Arial, Helvetica, sans-serif;
}
blockquote {
	background: transparent;
	color: #666666;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code {
	color: #880000;
}
kbd, samp, var {
	color: #666666;
	font-weight: bold;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	cursor: help;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/*
 2.0.6) Link style
 -------------------------*/
a {
	text-decoration: none;
	display: inline-block;
	font-size: 1.4rem;
	color: #60574e;
}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
}
a:active {
	outline: none;
}
/* 2.0.7) Button Styles
 -------------------------*/
.btn {
	background: url(../images/btn-bg.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 28px 82px;
	text-transform: uppercase;
	color: #ead796;
	font-size: 3.0rem;
	display: block;
	text-align: center;
}
.btn:hover {
	background: url(../images/btn-hov.png) no-repeat;
}
/*
 2.0.8) Sprite Icons
 -------------------------*/
[class^="icon-"], [class*="icon-"] {
	background-image: url(../images/sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 48px;
	width: 48px;
	border: none;
}
/* Containers
 ----------------------------------------------------------------------------------------------------*/
.container {
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
}

/* `Clear Floated Elements
 ----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
 The following zoom:1 rule is specifically for IE6 + IE7.
 Move to separate stylesheet if invalid CSS is a problem.
 */
/*
 3.) Site Wide Content
 ------------------------------*/
.relative {
	position: relative;
}
.text-center {
	text-align: center;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.d-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*
 4.) Header Styles
 ------------------------------*/

.header .container {
	max-width: 1160px;
}
.navigation {
	display: inline-block;
}
.navigation li {
	padding: 28px 37px;
	display: inline-block;
	position: relative;
	background: url(../images/header.png) center top no-repeat;
	height: 101px;
	margin-left: -6px;
	cursor: pointer;
}
.navigation li:first-child {
	background-position: 0 0;
	width: 307px;
	height: 144px;
	margin-left: 0;
}
.navigation li:nth-child(2) {
	background-position: -309px 0;
	width: 128px;
}
.navigation li:nth-child(3) {
	background-position: -437px 0;
	width: 132px;
}
.navigation li:nth-child(4) {
	background-position: -568px 0;
	width: 145px;
}
.navigation li:nth-child(5) {
	background-position: -713px 0;
	width: 121px;
}
.navigation li:nth-child(6) {
	background-position: -835px 0;
	width: 325px;
	height: 144px;
	text-align: left;
}
.navigation li:first-child:hover {
	background-position: 0 -154px;
}
.navigation li:nth-child(2):hover {
	background-position: -309px -154px;
}
.navigation li:nth-child(3):hover {
	background-position: -437px -154px;
}
.navigation li:nth-child(4):hover {
	background-position: -568px -154px;
}
.navigation li:nth-child(5):hover {
	background-position: -713px -154px;
}
.navigation li:nth-child(6):hover {
	background-position: -835px -154px;
}
.navigation li:last-child:after {
	display: none;
}
.navigation li:first-child {
	padding: 28px 35px 28px 208px;
}
.navigation li:after {
	position: absolute;
	right: -4px;
	top: 0;
	content: "";
	background: url(../images/sprite.png);
	background-position: 0 -166px;
	width: 19px;
	height: 100%;
}
.navigation li:nth-child(2):after {
	background-position: -36px -166px;
}
.navigation li:nth-child(3):after {
	background-position: -72px -166px;
}
.navigation li:nth-child(4):after {
	background-position: -97px -166px;
}
.navigation li:nth-child(5):after {
	background-position: -133px -166px;
}
.navigation li a {
	font-size: 1.8rem;
	text-transform: uppercase;
	color: #ead796;
	vertical-align: inherit;
}
.navigation li:hover a {
	text-shadow: 2px 2px 6px rgba(244,232,191,0.8);
}

/*
 5.) Footer Styles
 ------------------------------*/
.footer {
	padding: 20px 0 50px;
}
.primary-footer {
	width: 34.5%;
	text-align: right;
	padding: 8px 0;
	margin-right: 11.4%;
}
.primary-footer p, .primary-footer span {
	color: #635a59;
	line-height: 1.3;
	margin-bottom: 10px;
}
.primary-footer span {
	font-size: 1.4rem;
	font-family: 'Candara';
}
.brown-name {
	color: #673c33;
}
.foot-list {
	margin-right: 8%;
}
.foot-list.purus {
	margin-right: 0%;
}
.foot-list a {
	font-size: 1.4rem;
	color: #383231;
}
.foot-list a:hover {
	color: #c53619;
}