@import url("font-awesome.min.css");

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-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  font: inherit;  
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  
  display: block;
}

body {  
  line-height: 1;
}

ol, ul {  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;
}

blockquote, q {  
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {  
  content: none;
}

table {  
  border-collapse: collapse;  
  border-spacing: 0px;
}

body {
}

*, *:before, *:after {  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container {  
  margin-left: auto;  
  margin-right: auto;
}

.container {  
  width: 960px;
}

@media screen and (min-width: 737px) {
  .container { width: 1200px; }
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
  .container { width: 960px; }
}

@media screen and (max-width: 736px) {
  .container { width: 100% ! important; }
}

.row {  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: transparent;  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row > * {  
  float: left;  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row:after, .row:before {  
  content: "";  
  display: block;  
  clear: both;  
  height: 0px;
}

.row.uniform > * > :first-child {  
  margin-top: 0px;
}

.row.uniform > * > :last-child {  
  margin-bottom: 0px;
}

.row > * {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 40px;
}

.row {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: -1px;  
  margin-left: -40px;
}

.row.uniform > * {  
  padding-top: 40px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 40px;
}

.row.uniform {  
  margin-top: -40px;  
  margin-right: 0px;  
  margin-bottom: -1px;  
  margin-left: -40px;
}

@media screen and (min-width: 737px) {
  .row > * { padding: 50px 0px 0px 50px; }
  .row { margin: -50px 0px -1px -50px; }
  .row.uniform > * { padding: 50px 0px 0px 50px; }
  .row.uniform { margin: -50px 0px -1px -50px; }
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
  .row > * { padding: 25px 0px 0px 25px; }
  .row { margin: -25px 0px -1px -25px; }
  .row.uniform > * { padding: 25px 0px 0px 25px; }
  .row.uniform { margin: -25px 0px -1px -25px; }
}

@media screen and (max-width: 736px) {
  .row > * { padding: 20px 0px 0px 20px; }
  .row { margin: -20px 0px -1px -20px; }
  .row.uniform > * { padding: 20px 0px 0px 20px; }
  .row.uniform { margin: -20px 0px -1px -20px; }
}

body {  
  background-color: #f2f5f3;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 400;  
  color: #6b7770;  
  font-size: 11.5pt;  
  line-height: 2em;
}

body.is-loading * {  -o-transition: none 0s ease 0s !important;
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;  -webkit-animation: 0s ease 0s normal none 1 none !important;
  animation: 0s ease 0s normal none 1 none !important;
}

input, textarea, select {  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 400;  
  color: #6b7770;  
  font-size: 11.5pt;  
  line-height: 2em;
}

h1, h2, h3, h4, h5, h6 {  
  font-family: 'Open Sans Condensed', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: #6b7770;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  
  text-decoration: none;
}

h2.major {  
  position: relative;  
  border-top-width: 5px;  
  border-top-style: solid;  
  border-top-color: #e7eae8;
}

h2.major span {  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  position: relative;  
  display: inline-block;
}

a {  
  color: #006376;  
  text-decoration: underline;
}

a:hover {  
  text-decoration: none;
}

b, strong {  
  font-weight: 700;  
  color: #6b7770;
}

i, em {  
  font-style: italic;
}

br.clear {  
  clear: both;
}

sub {  
  position: relative;  
  top: 0.5em;  
  font-size: 0.8em;
}

sup {  
  position: relative;  
  top: -0.5em;  
  font-size: 0.8em;
}

hr {  
  border-right-color: initial;  
  border-top-width: 2px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 3em;  
  margin-left: 0px;
}

blockquote {  
  border-left-width: 5px;  
  border-left-style: solid;  
  border-left-color: #e7eae8;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 1em;  
  padding-left: 1.5em;  
  font-style: italic;
}

p, ul, ol, dl, table {  
  margin-bottom: 3em;
}

section, article {  
  margin-bottom: 6em;
}

section > :last-child, section:last-child, article > :last-child, article:last-child {  
  margin-bottom: 0px;
}

header > p {  
  display: block;  
  font-family: 'Open Sans Condensed', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: #ffffff;
}

.image {  
  position: relative;  
  display: inline-block;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}

.image img {  
  display: block;  
  width: 100%;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}

.image:before {  
  content: "";  
  position: absolute;  
  left: 0px;  
  top: 0px;  
  width: 100%;  
  height: 100%;  
  background-color: transparent;  
  background-image: url("images/overlay.png");  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}

.image.fit {  
  display: block;  
  width: 100%;
}

.image.featured {  
  display: block;  
  width: 100%;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 2em;  
  margin-left: 0px;
}

.image.left {  
  float: left;  
  margin-top: 0px;  
  margin-right: 2em;  
  margin-bottom: 2em;  
  margin-left: 0px;
}

.image.centered {  
  display: block;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 2em;  
  margin-left: 0px;
}

.image.centered img {  
  margin-top: 0px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  
  width: auto;
}

input[type="button"], input[type="submit"], input[type="reset"], button, .button {  
  display: inline-block;  
  font-family: 'Open Sans Condensed', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  text-decoration: none;  
  background-color: #b1ddab;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  line-height: 1em;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;  
  outline-width: 0px;  
  outline-style: none;  
  outline-color: initial;  
  cursor: pointer;  -o-transition: background-color 0.2s ease-in-out 0s;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover {  
  background-color: #c1edbb;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active, .button:active {  
  background-color: #a1cd9b;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

input.alt[type="button"], input.alt[type="submit"], input.alt[type="reset"], button.alt, .button.alt {  
  background-color: #c1cac5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

input.alt[type="button"]:hover, input.alt[type="submit"]:hover, input.alt[type="reset"]:hover, button.alt:hover, .button.alt:hover {  
  background-color: #ccd5d0;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

input.alt[type="button"]:active, input.alt[type="submit"]:active, input.alt[type="reset"]:active, button.alt:active, .button.alt:active {  
  background-color: #b1bab5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

ul.default {  
  list-style-type: disc;  
  list-style-position: outside;  
  list-style-image: none;  
  padding-left: 1em;
}

ul.default li {  
  padding-left: 0.5em;
}

ul.divided > li {  
  border-top-width: 2px;  
  border-top-style: solid;  
  border-top-color: #e7eae8;  
  padding-top: 2.35em;  
  margin-top: 2.35em;
}

ul.divided > li:first-child {  
  border-top-width: 0px;  
  border-top-style: none;  
  border-top-color: initial;  
  padding-top: 0px;  
  margin-top: 0px;
}

ul.actions li {  
  display: inline-block;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 1em;
}

ul.actions li:first-child {  
  margin-left: 0px;
}

ul.contact {  
  cursor: default;
}

ul.contact li {  -o-transition: top 0.15s ease-in-out 0s;
  -webkit-transition: top 0.15s ease-in-out 0s;
  transition: top 0.15s ease-in-out 0s;  
  position: relative;  
  display: inline-block;  
  margin-top: 0px;  
  margin-right: 0.25em;  
  margin-bottom: 0px;  
  margin-left: 0.25em;  
  top: 0px;
}

ul.contact li a {  -o-transition: background-color 0.2s ease-in-out 0s;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;  
  display: block;  
  position: relative;  
  width: 48px;  
  height: 48px;  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;  
  outline-width: 0px;  
  outline-style: none;  
  outline-color: initial;  
  background-color: #c1cac5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  text-align: center;
}

ul.contact li a:before {  
  color: #f2f5f3;  
  font-size: 32px;  
  line-height: 48px;
}

ul.contact li:hover {  
  top: -5px;
}

ul.contact li:hover a.fa-facebook {  
  background-color: #3c5a98;
}

ul.contact li:hover a.fa-twitter {  
  background-color: #2daae4;
}

ul.contact li:hover a.fa-dribbble {  
  background-color: #c4376b;
}

ul.contact li:hover a.fa-linkedin {  
  background-color: #006599;
}

ul.contact li:hover a.fa-instagram {  
  background-color: #2e5e86;
}

ul.contact li:hover a.fa-google-plus {  
  background-color: #da2713;
}

ul.contact li:active {  
  top: 0px;
}

ul.special {  
  cursor: default;
}

ul.special li {  -o-transition: top 0.15s ease-in-out 0s;
  -webkit-transition: top 0.15s ease-in-out 0s;
  transition: top 0.15s ease-in-out 0s;  
  position: relative;  
  display: inline-block;  
  margin-top: 0px;  
  margin-right: 1.5em;  
  margin-bottom: 0px;  
  margin-left: 1.5em;  
  top: 0px;
}

ul.special li:hover {  
  top: -10px;
}

ul.special li:hover a {  
  background-color: #b9d2ce;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

ul.special a {  -o-transition: background-color 0.2s ease-in-out 0s;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;  
  display: block;  
  position: relative;  
  background-color: #c1cac5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  width: 12em;  
  height: 12em;  -webkit-border-radius: 6em 6em 6em 6em;
  border-radius: 6em 6em 6em 6em;  
  outline-width: 0px;  
  outline-style: none;  
  outline-color: initial;
}

ul.special a:before {  
  position: absolute;  
  width: 128px;  
  height: 128px;  
  font-size: 96px;  
  line-height: 128px;  
  left: 50%;  
  top: 50%;  
  margin-top: -64px;  
  margin-left: -64px;  
  color: white;  
  text-align: center;
}

ul.meta {  
  font-size: 0.85em;  
  color: #a1aaa5;
}

ul.meta li {  
  position: relative;  
  display: inline-block;  
  margin-left: 1em;
}

ul.meta li a {  
  outline-width: 0px;  
  outline-style: none;  
  outline-color: initial;
}

ul.meta li:first-child {  
  margin-left: 0px;
}

ul.meta li:before {  -webkit-opacity: 0.5;
  opacity: 0.5;  
  cursor: default;  
  margin-right: 0.5em;
}

ul.menu li {  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #e7eae8;  
  display: inline-block;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0.75em;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0.75em;
}

ul.menu li:first-child {  
  border-left-width: 0px;  
  border-left-style: none;  
  border-left-color: initial;  
  margin-left: 0px;  
  padding-left: 0px;
}

ol.default {  
  list-style-type: decimal;  
  list-style-position: outside;  
  list-style-image: none;  
  padding-left: 1.25em;
}

ol.default li {  
  padding-left: 0.25em;
}

form label {  
  display: block;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 1em;  
  margin-left: 0px;  
  font-family: 'Open Sans Condensed', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: #6b7770;
}

form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {  
  display: block;  
  width: 100%;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;  
  border-top-width: 2px;  
  border-right-width: 2px;  
  border-bottom-width: 2px;  
  border-left-width: 2px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #e7eae8;  
  border-right-color: #e7eae8;  
  border-bottom-color: #e7eae8;  
  border-left-color: #e7eae8;
}

form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {  
  border-top-color: #a1cd9b;  
  border-right-color: #a1cd9b;  
  border-bottom-color: #a1cd9b;  
  border-left-color: #a1cd9b;
}

form input[type="text"], form input[type="email"], form input[type="password"], form select {  
  line-height: 3em;  
  padding-top: 0px;  
  padding-right: 1em;  
  padding-bottom: 0px;  
  padding-left: 1em;
}

form textarea {  
  min-height: 9em;  
  padding-top: 1em;  
  padding-right: 1em;  
  padding-bottom: 1em;  
  padding-left: 1em;
}

form .formerize-placeholder {  
  color: #555555 !important;
}

form :-moz-placeholder {  
  color: #555555 !important;
}

form *::-moz-placeholder {  
  color: #555555 !important;
}

form *::-moz-focus-inner {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

table {  
  width: 100%;
}

table.default {  
  width: 100%;
}

table.default tr {  
  border-top-width: 2px;  
  border-top-style: solid;  
  border-top-color: #e7eae8;
}

table.default tr:first-child {  
  border-top-width: 0px;  
  border-top-style: none;  
  border-top-color: initial;
}

table.default td {  
  padding-top: 0.5em;  
  padding-right: 1em;  
  padding-bottom: 0.5em;  
  padding-left: 1em;
}

table.default th {  
  text-align: left;  
  padding-top: 0.5em;  
  padding-right: 1em;  
  padding-bottom: 0.5em;  
  padding-left: 1em;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 1em;  
  margin-left: 0px;  
  font-family: 'Open Sans Condensed', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: #6b7770;
}

table.default thead {  
  background-color: #e7eae8;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;
}

.box.highlight {  
  text-align: center;
}

.icon {  
  position: relative;  
  text-decoration: none;
}

.icon:before {  
  font-family: FontAwesome;  
  font-style: normal;  
  font-weight: normal;  -epub-text-transform: none !important;
  text-transform: none !important;
}

.icon > .label {  
  display: none;
}

#banner-wrapper {  
  position: relative;  
  background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/banner.jpg");  
  z-index: 1;
}

#main-wrapper {  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 5px;  
  border-top-style: solid;  
  border-top-color: #ffffff;  
  border-bottom-width: 5px;  
  border-bottom-style: solid;  
  border-bottom-color: #c1cac5;
}

#banner {  
  position: relative;  
  background-color: rgba(21, 28, 23, 0.85);  
  background-image: url("images/overlay.png"), url("images/highlight.png");  
  background-repeat: repeat no-repeat;  
  text-align: center;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#banner h2 {  
  color: white;
}

#banner p {  
  display: block;  
  font-family: 'Open Sans Condensed', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  color: #575d59;
}

#banner .button {  
  color: #b4b7b5;  
  background-color: transparent !important;  
  background-image: none !important;  
  background-repeat: repeat !important;  
  background-attachment: scroll !important;  
  background-position: 0% 0% !important;  
  border-top-width: 4px;  
  border-right-width: 4px;  
  border-bottom-width: 4px;  
  border-left-width: 4px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: rgba(87, 93, 89, 0.35);  
  border-right-color: rgba(87, 93, 89, 0.35);  
  border-bottom-color: rgba(87, 93, 89, 0.35);  
  border-left-color: rgba(87, 93, 89, 0.35);  -webkit-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
}

#banner .button:hover {  
  color: #e4e7e5;  
  border-top-color: rgba(87, 93, 89, 0.75);  
  border-right-color: rgba(87, 93, 89, 0.75);  
  border-bottom-color: rgba(87, 93, 89, 0.75);  
  border-left-color: rgba(87, 93, 89, 0.75);
}

#banner .button:active {  
  color: white;  
  border-top-color: #616763;  
  border-right-color: #616763;  
  border-bottom-color: #616763;  
  border-left-color: #616763;
}

#footer a {
}

#footer h2.major span {  
  background-color: #f2f5f3;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

#copyright {  
  display: inline-block;  
  background-color: #e7eae8;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 0.75em;  
  padding-right: 2em;  
  padding-bottom: 0.75em;  
  padding-left: 2em;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;  
  color: #8b9790;
}

#copyright a {
}

#copyright .menu {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#copyright .menu li {  
  border-top-color: #c1cac5;  
  border-right-color: #c1cac5;  
  border-bottom-color: #c1cac5;  
  border-left-color: #c1cac5;  
  border-top-width: 2px;  
  border-right-width: 2px;  
  border-bottom-width: 2px;  
  border-left-width: 2px;  
  line-height: 1em;
}

@media screen and (min-width: 737px) {
  h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0.5em; }
  h2 { font-size: 1.65em; }
  h2.major { font-size: 1.65em; text-align: center; margin: 0px 0px 3em; }
  h2.major span { top: -0.775em; padding: 0px 1.5em; }
  h3, h4 { font-size: 1.65em; }
  input[type="button"], input[type="submit"], input[type="reset"], button, .button { font-size: 1.25em; padding: 0.85em 1.85em; }
  input.big[type="button"], input.big[type="submit"], input.big[type="reset"], button.big, .button.big { font-size: 1.65em; padding: 0.85em 1.85em; }
  ul.actions { text-align: center; margin: 2em 0px 0px; }
  .box.highlight .special { margin: 0px 0px 4em; }
  .box.highlight h2 { font-size: 3em; margin: 0px 0px 0.75em; }
  .box.highlight header > p { font-size: 1.65em; margin: 0px 0px 1.5em; }
  .box.feature { text-align: center; }
  .box.post header { margin: 0px 0px 2.5em; }
  .box.post h3 { font-size: 3em; margin: 0px 0px 0.5em; }
  .box.post header > p { font-size: 1.65em; margin: 0px 0px 0.5em; }
  .box.post ul.meta { margin: 0px 0px 0.5em; }
  .box.post-summary h3 { line-height: 1em; margin: 0px 0px 0.75em; }
  .box.post-summary .meta { margin: 0px; line-height: 1em; }
  .box.page-content header { margin: 0px 0px 2.5em; }
  .box.page-content h2 { font-size: 3em; margin: 0px 0px 0.5em; }
  .box.page-content header > p { font-size: 1.65em; margin: 0px 0px 0.5em; }
  .box.page-content ul.meta { margin: 0px 0px 0.5em; }
  .sidebar { padding-top: 0.5em; }
  .homepage .sidebar { padding-top: 0px; }
  .sidebar h2.major { text-align: left; margin: 0px 0px 1em; }
  .sidebar h2.major span { padding-left: 0px; }
  .content-left { padding-right: 2em; }
  .content-right { padding-left: 2em; }
  #banner-wrapper { padding: 6em 0px; }
  #main-wrapper { border-top-width: 20px; border-bottom-width: 10px; }
  #header { text-align: center; font-size: 2em; font-family: 'Open Sans Condensed',sans-serif; font-weight: 700; text-transform: uppercase; padding: 1em 0px 1em; background: none repeat scroll 0% 0% white; margin: 0px auto; }
  #header .logo { position: relative; text-align: center;  }
  #header .logo div { background: none repeat scroll 0% 0% white; position: relative; display: inline-block; padding: 0px 1.5em; top: -0.65em; }
  #header .logo h1 { display: inline; }
  #header .logo p { display: inline; color: #c1cac5; }
  #banner { padding: 0.8em 10px; margin: 0px ! important; }
  #banner h2 { font-size: 2.25em; line-height: 1.25em; margin: 0px 0px 0.5em; }
  #banner p { margin: 0px 0px 0.5em; }
  #banner .button { font-size: 1.5em; }
  #main { padding: 6em 0px; position: relative; clear: both; float: none; overflow: hidden; visibility: visible; display: inline; }
  #footer { text-align: center; padding: 8em 0px; }
  #footer h2.major { margin: 0px 0px 1em; }
  #copyright { margin: 4em 0px 0px; }
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
  body { min-width: 960px; font-size: 10.25pt; line-height: 1.75em; }
  input, textarea, select { font-size: 10.25pt; line-height: 1.75em; }
  h2.major { margin: 0px 0px 2em; }
  h2.major span { top: -0.75em; padding: 0px 1em; }
  #banner-wrapper { padding: 6em 0px; }
  #main-wrapper { border-top-width: 20px; border-bottom-width: 10px; }
  #header { text-align: center; background: none repeat scroll 0% 0% white; padding: 1em 0px 1em; }
  #banner { padding: 2em 10px; margin: 0px ! important; }
  #banner h2 { font-size: 2.25em; line-height: 1.25em; margin: 0px 0px 0.5em; }
  #banner p { margin: 0px 0px 0.5em; }
  #main { padding: 3em 0px 2em; }
  #main > .row { padding: 2em 0px; }
  #footer { text-align: center; padding: 4em 0px; }
  #footer > .row { padding: 2em 0px; }
  #footer-wrapper h2.major { margin: 0px 0px 1em; }
  #copyright { margin: 0px; }
}

#navPanel, #titleBar {  
  display: none;
}

@media screen and (max-width: 736px) {
  html, body { overflow-x: hidden; }
  body, input, textarea, select { line-height: 1.75em; font-size: 10.25pt; letter-spacing: 0px; }
  h2, h3, h4, h5, h6 { font-size: 1.65em; margin: 0px 0px 1em; }
  h2.major { text-align: left; margin: 0.775em 0px 2em; }
  h2.major span { top: -0.75em; padding: 0px 1em 0px 0px; }
  h3 { font-size: 1.25em; }
  section, article { clear: both; margin: 0px 0px 2.5em ! important; }
  header p { font-size: 1.5em; line-height: 1.5em; }
  input[type="button"], input[type="submit"], input[type="reset"], button, .button { font-size: 1.5em; width: 100%; padding: 0.75em 0px; margin-top: 0.5em; text-align: center; }
  ul.special li { margin: 0.5em; }
  ul.special li:hover { top: 0px; }
  ul.special a { width: 8em; height: 8em; border-radius: 4.75em 4.75em 4.75em 4.75em; }
  ul.special a:before { font-size: 48px; }
  ul.contact li { margin: 0px 0.25em 0.35em 0px; top: 0px ! important; }
  ul.actions li { display: block; padding: 0px; margin: 0.75em 0px 0px; }
  ul.actions li:first-child { margin-top: 0px; }
  ul.menu li { display: block; border: 0px none ! important; padding: 0px ! important; margin: 0px ! important; }
  .box.highlight h2 { font-size: 2.25em; line-height: 1.25em; margin: 0px 0px 0.5em; }
  .box.highlight header > p { margin: 0px 0px 0.75em; }
  .box.highlight br { display: none; }
  .box.post-summary { margin: 0px ! important; }
  .box.post-summary h3 { font-size: 1.25em; }
  .box.post h3 { font-size: 2.25em; line-height: 1.25em; margin: 0px 0px 0.5em; }
  .box.post header > p { margin: 0px 0px 0.75em; }
  .box.post ul.meta { margin: 0px 0px 0.5em; }
  .box.post header { margin: 0px 0px 3em; }
  .box.page-content h2 { font-size: 2.25em; line-height: 1.25em; margin: 0px 0px 0.5em; }
  .box.page-content header > p { margin: 0px 0px 0.75em; }
  .box.page-content ul.meta { margin: 0px 0px 0.5em; }
  .box.page-content header { margin: 0px 0px 3em; }
  .sidebar { border-top: 2px solid #e7eae8; padding-top: 5em; margin-top: 5em; border-bottom: 2px solid #e7eae8; padding-bottom: 5em; }
  .sidebar > section { margin: 0px 0px 5em ! important; }
  .sidebar > section:last-child { margin: 0px ! important; }
  .content { padding-top: 3em; }
  .homepage .content { padding-top: 0px; }
  #banner-wrapper { padding: 9em 0px 5em; }
  #main-wrapper { border-top-width: 0px; border-bottom-width: 5px; }
  .homepage #main-wrapper { border-top-width: 15px; }
  #header { text-align: center; background: none repeat scroll 0% 0% white; padding: 1em 0px 1em; }
  #nav { display: none; }
  #banner { padding: 2.5em 20px; margin: 0px ! important; }
  #banner h2 { font-size: 2.25em; line-height: 1.25em; margin: 0px 0px 0.5em; }
  #banner p { margin: 0px 0px 0.5em; }
  #main { padding: 1em 20px; }
  #main > .row { padding: 2em 0px; }
  #footer { padding: 4em 20px 2em; }
  #footer > .row { padding: 1em 0px; }
  #copyright { width: 100%; display: block; }
  #copyright .menu li { line-height: inherit; }
  #page-wrapper { backface-visibility: hidden; transition: transform 0.5s ease 0s; padding-bottom: 1px; }
  #titleBar { backface-visibility: hidden; transition: transform 0.5s ease 0s; display: block; height: 44px; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 10001; background-color: rgba(21, 38, 23, 0.8); background-image: url("images/overlay.png"); }
  #titleBar .title { display: block; position: relative; font-family: 'Open Sans Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.25em; line-height: 44px; color: white; z-index: 1000; text-align: center; }
  #titleBar .toggle { position: absolute; left: 0px; top: 0px; width: 80px; height: 60px; z-index: 1001; }
  #titleBar .toggle:before { display: inline-block; font-family: FontAwesome; text-decoration: none; font-style: normal; font-weight: normal; position: absolute; left: 0px; top: 0px; background: none repeat scroll 0% 0% #b1ddab; width: 44px; height: 44px; content: ""; color: white; text-align: center; line-height: 44px; font-size: 20px; }
  #titleBar .toggle:active:before { background-color: #a1cd9b; }
  #navPanel { backface-visibility: hidden; transform: translateX(-275px); transition: transform 0.5s ease 0s; display: block; height: 100%; left: 0px; overflow-y: auto; position: fixed; top: 0px; width: 275px; z-index: 10002; background-color: #353c37; background-image: url("images/overlay.png"), -moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.5)); background-repeat: repeat, no-repeat; background-size: auto auto, 100% 100%; font-family: 'Open Sans Condensed',sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.25em; box-shadow: -3px 0px 10px 0px rgba(0, 0, 0, 0.25) inset; }
  #navPanel nav { position: relative; z-index: 1000; }
  #navPanel .link { display: block; text-decoration: none; height: 44px; line-height: 44px; padding: 0px 1em; color: rgba(255, 255, 255, 0.5); border-top: 2px solid rgba(87, 93, 89, 0.15); }
  #navPanel .link:first-child { border-top: 0px none; }
  #navPanel .indent-1 { display: inline-block; width: 1em; }
  #navPanel .indent-2 { display: inline-block; width: 2em; }
  #navPanel .indent-3 { display: inline-block; width: 3em; }
  #navPanel .indent-4 { display: inline-block; width: 4em; }
  #navPanel .indent-5 { display: inline-block; width: 5em; }
  #navPanel .depth-0 { color: white; }
  body.navPanel-visible #page-wrapper { transform: translateX(275px); }
  body.navPanel-visible #titleBar { transform: translateX(275px); }
  body.navPanel-visible #navPanel { transform: translateX(0px); }
}

#fond1 {  
  background-color: #ffcc00;
}

