@charset "UTF-8";
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/**
*  responsive font
*/
/* VARIABLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* DEFAULT STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'verdana', serif;
}

h1 {
  margin: 12px 0;
}

h1 span {
  font-style: italic;
  font-size: inherit;
}

ul {
  color: #A49161;
  text-indent: -1em;
  padding-left: 1em;
}

li {
  margin: 3px 0;
  list-style-position: inside;
}

li span {
  color: black;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

/* WRAPPER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	background: #e06b12;
}
.wrapper {
  font-size: 14px;
  width: 950px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  border: 6px solid #A49161;
}

/* MAIN STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section {
  *zoom: 1;
  border-bottom: 5px solid #A49161;
  background-color: #E7DFD2;
}

section:before, section:after {
  content: '';
  display: table;
}

section:after {
  clear: both;
}

section:last-child {
  margin-bottom: 0;
  border: none;
}

#top {
  height: 401px;
  background-color: #E7DFD2;
}

article {
  height: 100%;
}

#top article:nth-child(1) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 66%;
  margin-left: 0%;
  margin-right: 0%;
}

#top article:nth-child(1):before, #top article:nth-child(1):after {
  content: '';
  display: table;
}

#top article:nth-child(1):after {
  clear: both;
}

img.button {
  width: 90px;
  height: auto;
}

.life {
  background: url("../images/bg-life.jpg") no-repeat;
  background-color: white;
  background-size: 73% auto;
  background-position-y: top;
}

.life .content {
  width: 45%;
  float: right;
  margin: 25px 10px 0 0;
}

.life .content img.button {
  float: right;
}

.life .content p {
  line-height: 1.5;
}

.life h1 {
  display: block;
  color: #E56B00;
  font-size: 1.1em;
}

#top article:nth-child(2) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.189%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 0 9px;
}

#top article:nth-child(2):before, #top article:nth-child(2):after {
  content: '';
  display: table;
}

#top article:nth-child(2):after {
  clear: both;
}

#top article:nth-child(2) h1 {
  color: #b7a881;
}

#top article:nth-child(3) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 11.8125%;
  margin-left: 0%;
  margin-right: 0%;
}

#top article:nth-child(3):before, #top article:nth-child(3):after {
  content: '';
  display: table;
}

#top article:nth-child(3):after {
  clear: both;
}

#top article:nth-child(3) img {
  max-width: 100%;
  display: block;
  border-bottom: 5px solid #A49161;
}

#top article:nth-child(3) img:last-child {
  border: none;
}

#top article:nth-child(3):before, section#top article:nth-child(3):after {
  content: '';
  display: table;
}

#bottom {
  height: 129px;
  background-color: #b7a881;
}

#bottom article {
  float: left;
  clear: none;
  margin: 0;
  color: white;
}

#bottom article img {
  display: block;
}

#bottom p {
  margin: 5px 0;
}

#bottom article {
  height: 100%;
}

#bottom article:nth-child(1) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 19.3%;
  margin-left: 0%;
  margin-right: 0%;
}

#bottom article:nth-child(1):before, #bottom article:nth-child(1):after {
  content: '';
  display: table;
}

#bottom article:nth-child(1):after {
  clear: both;
}

#bottom article:nth-child(2) {
  padding: 12px;
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 14.7%;
  margin-left: 0%;
  margin-right: 0%;
  text-shadow: 4px 4px 6px #333;
  text-align: center;
}

#bottom article:nth-child(2):before, #bottom article:nth-child(2):after {
  content: '';
  display: table;
}

#bottom article:nth-child(2):after {
  clear: both;
}

#bottom article:nth-child(3) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 17%;
  margin-left: 0%;
  margin-right: 0%;
}

#bottom article:nth-child(3):before, #bottom article:nth-child(3):after {
  content: '';
  display: table;
}

#bottom article:nth-child(3):after {
  clear: both;
}

#bottom article:nth-child(4) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 15%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 8px;
}

#bottom article:nth-child(4):before, #bottom article:nth-child(4):after {
  content: '';
  display: table;
}

#bottom article:nth-child(4):after {
  clear: both;
}

#bottom article:nth-child(4) img {
  float: left;
  margin: 8px 4px;
  width: 55px;
}

#bottom article:nth-child(5) {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 34%;
  margin-left: 0%;
  margin-right: 0%;
  background: url("../images/bg-contact.png");
  background-repeat: no-repeat;
  background-color: #E56B00;
  text-align: center;
  background-position: right;
  padding: 10px;
  background-size: 150px auto;
}

#bottom article:nth-child(5):before, #bottom article:nth-child(5):after {
  content: '';
  display: table;
}

#bottom article:nth-child(5):after {
  clear: both;
}

#bottom article:nth-child(5) .button2 {
  background-image: -webkit-linear-gradient(top, #958356, #b7a881);
  background-image: linear-gradient(to bottom, #958356, #b7a881);
  border-radius: 12px;
  box-shadow: 5px 5px 6px #874900;
  color: #ffffff;
  font-size: 1em;
  padding: 5px;
  margin: 5%;
  display: block;
  border: solid #A49161 2px;
  text-decoration: none;
}

#bottom article:nth-child(5) .button2:hover {
  background-image: -webkit-linear-gradient(top, #b7a881, #958356);
  background-image: linear-gradient(to bottom, #b7a881, #958356);
  cursor: hand;
}

/* SECTION.LIFE STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* SECTION.SUPPORT STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.support, .images {
  background-color: #E7DFD2;
}

/* } MQ-SM STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 1140px) {
  .wrapper {
    font-size: 14px;
    margin-top: 40px;
    *zoom: 1;
    width: auto;
    max-width: 1100px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    border: 8px solid #A49161;
  }
  .wrapper:before, .wrapper:after {
    content: '';
    display: table;
  }
  .wrapper:after {
    clear: both;
  }
  #top {
    height: 463px;
  }
  #bottom {
    height: 150px;
  }
  #bottom p {
    margin: 12px 0;
  }
  h1 {
    margin: 20px 0;
  }
  li {
    margin: 6px 0;
  }
  #top article:nth-child(2) {
    padding: 10px;
  }
  img.button {
    width: 136px;
    height: auto;
  }
  .life .content {
    margin: 35px 12px 0 0;
  }
  .life h1 {
    font-size: 1.2em;
  }
  #bottom article:nth-child(2) {
    padding: 15px;
  }
  #bottom article:nth-child(4) {
    padding: 10px;
  }
  #bottom article:nth-child(4) img {
    margin: 9px 5px 0 0;
    width: 60px;
  }
  #bottom article:nth-child(5) {
    padding: 15px;
    background-size: 165px auto;
  }
}

/* MQ-MD STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 1300px) {
  .wrapper {
    font-size: 16px;
    margin-top: 40px;
    *zoom: 1;
    width: auto;
    max-width: 1250px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .wrapper:before, .wrapper:after {
    content: '';
    display: table;
  }
  .wrapper:after {
    clear: both;
  }
  #top {
    height: 525px;
  }
  #bottom {
    height: 170px;
  }
  #bottom p {
    margin: 15px 0;
  }
  li {
    margin: 6px 0;
  }
  #top article:nth-child(2) {
    padding: 15px;
  }
  img.button {
    width: 140px;
    height: auto;
  }
  .life .content {
    margin: 46px 15px 0 0;
  }
  .life h1 {
    font-size: 1.5em;
  }
  #bottom article:nth-child(2) {
    padding: 20px;
  }
  #bottom article:nth-child(4) {
    padding: 15px;
  }
  #bottom article:nth-child(4) img {
    margin: 15px 10px 0 0;
    width: 74px;
  }
  #bottom article:nth-child(5) {
    padding: 20px;
    background-size: 200px auto;
  }
}

/* MQ-LG STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */