@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin-ext");
.align-left {
  text-align: left; }

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

.align-right {
  text-align: right; }

.hide, .hidden {
  display: none; }

/*
* Skeleton V2.0.2
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/15/2014
*/
/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid */
.container {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }

  .column,
  .columns {
    margin-left: 4%; }

  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns {
    width: 4.66666666667%; }

  .two.columns {
    width: 13.3333333333%; }

  .three.columns {
    width: 22%; }

  .four.columns {
    width: 30.6666666667%; }

  .five.columns {
    width: 39.3333333333%; }

  .six.columns {
    width: 48%; }

  .seven.columns {
    width: 56.6666666667%; }

  .eight.columns {
    width: 65.3333333333%; }

  .nine.columns {
    width: 74.0%; }

  .ten.columns {
    width: 82.6666666667%; }

  .eleven.columns {
    width: 91.3333333333%; }

  .twelve.columns {
    width: 100%;
    margin-left: 0; }

  .one-third.column {
    width: 30.6666666667%; }

  .two-thirds.column {
    width: 65.3333333333%; }

  .one-half.column {
    width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%; }

  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%; }

  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%; }

  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%; }

  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%; }

  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%; }

  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%; }

  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%; }

  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78.0%; }

  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%; }

  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%; }

  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%; } }
/* Base Styles */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }

body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }

/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem; }

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem; }

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem; }

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem; }

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem; }

  h2 {
    font-size: 4.2rem; }

  h3 {
    font-size: 3.6rem; }

  h4 {
    font-size: 3.0rem; }

  h5 {
    font-size: 2.4rem; }

  h6 {
    font-size: 1.5rem; } }
p {
  margin-top: 0; }

/* Links */
a {
  color: #1EAEDB; }

a:hover {
  color: #0FA0CE; }

/* Buttons */
/* Forms */
/* Lists */
ul {
  list-style: square inside; }

ol {
  list-style: decimal inside; }

ol, ul {
  padding-left: 0;
  margin-top: 0;
  margin-left: 2em; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }

/* Code */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

/* Tables */
th,
td {
  padding: 12px 15px;
  text-align: left; }

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

/* Spacing */
button,
.button {
  margin-bottom: 1rem; }

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }

pre,
blockquote,
form,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }

p {
  margin-top: 0; }

/* Utilities */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left; }

/* Misc */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

/* Clearing */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Media Queries */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
html {
  height: 100%;
  font-size: 14px;
  box-sizing: border-box; }

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

body {
  font: 14px "Helvetica Neue", helvetica, arial; }

a {
  color: #74942c;
  text-decoration: none;
  border-bottom: solid 1px #e9e6de; }
  a:hover, a:focus {
    outline: none;
    border-bottom-color: #eee; }

h1 {
  font: 300 3.429rem "Open Sans", "Helvetica Neue", helvetica, arial;
  color: #494a45;
  letter-spacing: -2px; }

h2 {
  font: 600 2.143rem "Open Sans", "Helvetica Neue", helvetica, arial;
  letter-spacing: -1px;
  color: #74942c; }

h3 {
  font: 700 26px "Open Sans", "Helvetica Neue", helvetica, arial;
  letter-spacing: 0;
  color: #222320; }

h4 {
  font: 500 1.4rem "Open Sans", "Helvetica Neue", helvetica, arial;
  letter-spacing: 0;
  color: #eee; }

p {
  margin-bottom: 2rem;
  line-height: 1.5; }

.perex {
  font-size: 1.3rem;
  color: #222; }

hr {
  border-color: #e9e6de; }

.blue {
  color: #2b9494; }

body {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding-bottom: 175px;
  line-height: normal;
  color: #3c3d39;
  background-color: #fff; }

#page {
  margin-top: 3rem;
  margin-bottom: 3rem; }

#head {
  position: relative;
  padding: 25px 0 27px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 10; }

#logo {
  display: inline-block;
  padding-left: 62px;
  font: 700 35px/52px "Open Sans", "Helvetica Neue", helvetica, arial;
  text-decoration: none;
  letter-spacing: -1px;
  color: #333;
  border: 0;
  background: url("_img/logo.png") no-repeat 0 0 transparent; }
  #logo i {
    margin-left: 4px;
    /*font-size: 37px;*/
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    color: #99968e; }

#footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 175px;
  padding-top: 30px;
  background-color: #222;
  border-top: solid 1px #3c3c3c; }
  #footer #logo {
    display: inline-block;
    padding-left: 34px;
    font: 700 18px/26px "Open Sans", "Helvetica Neue", helvetica, arial;
    text-decoration: none;
    letter-spacing: -1px;
    color: #eee;
    border: 0;
    background: url("_img/logo-footer.png") no-repeat 0 0 transparent; }
    #footer #logo i {
      margin-left: 4px;
      /*font-size: 37px;*/
      font-style: normal;
      font-weight: 300;
      text-transform: none;
      color: #79766e; }
  #footer h3 {
    margin-bottom: 13px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #eee; }
  #footer ul, #footer p {
    margin-left: 0;
    list-style-type: none;
    font-size: .85rem;
    color: #6a6a6a; }
  #footer li {
    margin-bottom: 2px; }
  #footer a {
    text-decoration: none;
    color: #777;
    border: 0; }
    #footer a:hover {
      color: #74942c; }

.menu_horizontal {
  margin: 0;
  padding: 0;
  list-style: none; }
  .menu_horizontal li {
    float: left; }

#menu_main {
  float: right;
  margin: 16px 0 0;
  list-style-type: none; }
  #menu_main li {
    float: left;
    margin: 0 15px; }
  #menu_main a {
    padding: 4px 0;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #222;
    border-bottom: 0; }
    #menu_main a:hover {
      color: #74942c;
      border-bottom: solid 1px #8db335; }

#menu-sections-container {
  background-color: #eee; }
  #menu-sections-container .container {
    width: 100%;
    padding: 0; }

#menu_sections li {
  width: 50%;
  margin: 0;
  text-align: center; }
  @media (min-width: 600px) {
    #menu_sections li {
      width: 25%; } }
#menu_sections a {
  display: block;
  padding: 15px 0;
  font-size: 1.1rem;
  border: 0;
  background-color: #326661;
  color: #eee; }
  #menu_sections a:hover {
    color: #fff;
    background-color: #2b5854; }
#menu_sections li:first-child a {
  background-color: #74942c; }
  #menu_sections li:first-child a:hover {
    color: #fff;
    background-color: #688427; }
#menu_sections li:nth-child(3) a {
  background-color: #b34c2b; }
  #menu_sections li:nth-child(3) a:hover {
    color: #fff;
    background-color: #a34527; }
#menu_sections li:last-child a {
  background-color: #665a50; }
  #menu_sections li:last-child a:hover {
    color: #fff;
    background-color: #5b5047; }

button {
  height: auto;
  font: 700 1rem "Helvetica Neue", helvetica, arial;
  letter-spacing: 0;
  text-transform: none;
  color: #eee;
  background: #65635c;
  border: solid 1px #65635c;
  border-radius: 0; }
  button:hover {
    color: #fff;
    background: #58564f; }

.primary {
  background: #1a5959;
  border: solid 1px #1a5959; }
  .primary:hover {
    background: #206c6c;
    border: solid 1px #206c6c; }

button.big {
  font-size: 1.1rem;
  padding: 15px 30px; }

table.form {
  width: 100%;
  margin-bottom: 0; }
  table.form td, table.form th {
    padding: 0; }
  table.form .buttons td {
    padding-top: 10px; }

input, textarea, select, fieldset {
  width: 100%;
  height: auto;
  margin-bottom: 4px;
  padding: 7px;
  border: solid 1px #ccc;
  border-radius: 2px; }

th, td {
  padding: 4px; }

.cb-slideshow,
.cb-slideshow:after {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  list-style-type: none;
  z-index: 0; }

.cb-slideshow:after {
  content: '';
  background: transparent url(_img/slides/bg-pattern.png) repeat 0 0; }

.cb-slideshow li span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: transparent;
  background-size: cover;
  background-position: 50% 70%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 72s linear infinite 0s;
  -moz-animation: imageAnimation 72s linear infinite 0s;
  -o-animation: imageAnimation 72s linear infinite 0s;
  -ms-animation: imageAnimation 72s linear infinite 0s;
  animation: imageAnimation 72s linear infinite 0s; }

.cb-slideshow li div {
  z-index: 1000;
  position: absolute;
  bottom: 0;
  width: 500px;
  right: 0;
  padding: 2.5rem 2.5rem 4rem;
  opacity: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  /*border-bottom: solid 1px #000;*/
  -webkit-animation: titleAnimation 72s linear infinite 0s;
  -moz-animation: titleAnimation 72s linear infinite 0s;
  -o-animation: titleAnimation 72s linear infinite 0s;
  -ms-animation: titleAnimation 72s linear infinite 0s;
  animation: titleAnimation 72s linear infinite 0s; }

.cb-slideshow li p {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 300;
  color: #d5d4d1; }

.cb-slideshow li div h3 {
  font: 300 3rem/100% "Open Sans", "Helvetica Neue", helvetica, arial;
  padding: 0;
  color: #fff; }

.cb-slideshow li:nth-child(1) span {
  background-image: url(_img/slides/slide1.jpg); }

.cb-slideshow li:nth-child(2) span {
  background-image: url(_img/slides/slide2.jpg);
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s; }

.cb-slideshow li:nth-child(3) span {
  background-image: url(_img/slides/slide3.jpg);
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s; }

.cb-slideshow li:nth-child(4) span {
  background-image: url(_img/slides/slide4.jpg);
  -webkit-animation-delay: 36s;
  -moz-animation-delay: 36s;
  -o-animation-delay: 36s;
  -ms-animation-delay: 36s;
  animation-delay: 36s; }

.cb-slideshow li:nth-child(5) span {
  background-image: url(_img/slides/vsp0005.jpg);
  -webkit-animation-delay: 48s;
  -moz-animation-delay: 48s;
  -o-animation-delay: 48s;
  -ms-animation-delay: 48s;
  animation-delay: 48s; }

.cb-slideshow li:nth-child(6) span {
  background-image: url(_img/slides/vsp0006.jpg);
  -webkit-animation-delay: 60s;
  -moz-animation-delay: 60s;
  -o-animation-delay: 60s;
  -ms-animation-delay: 60s;
  animation-delay: 60s; }

.cb-slideshow li:nth-child(2) div {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s; }

.cb-slideshow li:nth-child(3) div {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s; }

.cb-slideshow li:nth-child(4) div {
  -webkit-animation-delay: 36s;
  -moz-animation-delay: 36s;
  -o-animation-delay: 36s;
  -ms-animation-delay: 36s;
  animation-delay: 36s; }

.cb-slideshow li:nth-child(5) div {
  -webkit-animation-delay: 48s;
  -moz-animation-delay: 48s;
  -o-animation-delay: 48s;
  -ms-animation-delay: 48s;
  animation-delay: 48s; }

.cb-slideshow li:nth-child(6) div {
  -webkit-animation-delay: 60s;
  -moz-animation-delay: 60s;
  -o-animation-delay: 60s;
  -ms-animation-delay: 60s;
  animation-delay: 60s; }

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in; }
  8% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -webkit-animation-timing-function: ease-out; }
  17% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  22% {
    opacity: 0;
    -webkit-transform: scale(1.2) translateY(-20%); }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.2) translateY(-100%); }
  100% {
    opacity: 0; } }
@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in; }
  8% {
    opacity: 1;
    -moz-transform: scale(1.1);
    -moz-animation-timing-function: ease-out; }
  17% {
    opacity: 1;
    -moz-transform: scale(1.2); }
  22% {
    opacity: 0;
    -webkit-transform: scale(1.2) translateY(-20%); }
  25% {
    opacity: 0;
    -moz-transform: scale(1.2) translateY(-100%); }
  100% {
    opacity: 0; } }
@-o-keyframes imageAnimation {
  0% {
    opacity: 0;
    -o-animation-timing-function: ease-in; }
  8% {
    opacity: 1;
    -o-transform: scale(1.05);
    -o-animation-timing-function: ease-out; }
  17% {
    opacity: 1;
    -o-transform: scale(1.1); }
  22% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-20%); }
  25% {
    opacity: 0;
    -o-transform: scale(1.1) translateY(-100%); }
  100% {
    opacity: 0; } }
@-ms-keyframes imageAnimation {
  0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in; }
  8% {
    opacity: 1;
    -ms-transform: scale(1.05);
    -ms-animation-timing-function: ease-out; }
  17% {
    opacity: 1;
    -ms-transform: scale(1.1); }
  22% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-20%); }
  25% {
    opacity: 0;
    -ms-transform: scale(1.1) translateY(-100%); }
  100% {
    opacity: 0; } }
@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in; }
  4% {
    opacity: 1;
    transform: scale(1.05);
    animation-timing-function: ease-out; }
  19% {
    opacity: 1;
    transform: scale(1.1); }
  22% {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-20%); }
  25% {
    opacity: 0;
    transform: scale(1.1) translateY(-100%); }
  100% {
    opacity: 0; } }
@-webkit-keyframes titleAnimation {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  19% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-moz-keyframes titleAnimation {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  19% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-o-keyframes titleAnimation {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  19% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-ms-keyframes titleAnimation {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  19% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes titleAnimation {
  0% {
    opacity: 0; }
  8% {
    opacity: 1; }
  17% {
    opacity: 1; }
  19% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
  opacity: 1; }

@media screen and (max-width: 1920px) {
  .cb-slideshow li div h3 {
    font-size: 3.6rem; } }
@media screen and (max-width: 600px) {
  .cb-slideshow li div {
    width: 100%;
    padding: 1.5rem; }

  .cb-slideshow li div h3 {
    font-size: 2rem;
    font-weight: 700; } }
#newslist {
  margin-bottom: 3rem; }
  #newslist h2 {
    color: #222320; }
  #newslist h4 {
    margin: 0 0 8px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -1px; }
    #newslist h4 a {
      color: #74942c; }
      #newslist h4 a:hover {
        border-bottom-color: #74942c; }
  #newslist b {
    color: #000; }

.news_gallery ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
.news_gallery li {
  float: left;
  margin: 0 2px 2px; }
.news_gallery img {
  max-width: 200px;
  height: auto; }
.news_gallery a {
  border: 0; }

#events-list {
  margin-bottom: 3rem; }
  #events-list h2 {
    color: #222320; }
  #events-list .event {
    padding: 10px 0;
    border-bottom: solid 1px #e9e6de;
    color: #888; }
    #events-list .event div {
      float: left; }
    #events-list .event .date {
      min-width: 165px;
      padding-right: 5%; }
    #events-list .event strong {
      padding: 0 2px 0 6px;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 25px;
      color: #444; }
  #events-list a h4 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -1px;
    color: #2b9494; }
  #events-list a:hover div {
    background-color: #f2f2f2; }
  #events-list a:hover strong {
    color: #000; }
  #events-list .type1 h4 {
    color: #74942c; }
  #events-list .type2 h4 {
    color: #326661; }
  #events-list .type3 h4 {
    color: #b34c2b; }
  #events-list .type4 h4 {
    color: #665a50; }

.reference {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #e9e6de;
  overflow: auto; }
  .reference img {
    max-width: 100%; }
  .reference a {
    font-weight: 700;
    font-size: 1.5rem;
    border: 0; }
  .reference:last-child {
    border: 0; }

.gallery ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style-type: none;
  overflow: auto; }
.gallery li {
  float: left;
  margin: 0 2px 2px 0;
  padding: 0; }
.gallery a {
  border: 0; }
.gallery img {
  display: block;
  max-width: 100%;
  height: auto; }

#homepage #menu-sections-container {
  display: none; }

#hero {
  position: relative;
  width: 100%;
  height: 250px;
  background-color: #eee;
  overflow: hidden; }
  @media (min-width: 550px) {
    #hero {
      height: 350px; } }
  @media (min-width: 750px) {
    #hero {
      height: 500px; } }

.eshop-link {
  position: absolute;
  margin-top: -150px;
  padding: 20px;
  text-align: right;
  color: #555;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100; }
  .eshop-link:hover {
    color: #444;
    background-color: rgba(255, 255, 255, 0.9); }

#closest-events {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 500px;
  min-width: 300px;
  padding: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50; }
  #closest-events h1 {
    margin: 15px 20px;
    padding: 0;
    font: 400 1.1rem "Helvetica Neue", helvetica, arial;
    letter-spacing: 0;
    color: #ddd; }
  #closest-events h2 {
    margin: 4px 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 120%;
    color: #eee; }
  #closest-events a {
    display: block;
    margin: 0 20px;
    padding: 20px;
    color: #aaa;
    text-decoration: none;
    border-top: dotted 1px rgba(255, 255, 255, 0.2);
    border-bottom: 0; }
    #closest-events a:hover {
      background-color: rgba(0, 0, 0, 0.6); }
      #closest-events a:hover h2 {
        color: #fff; }
  #closest-events strong {
    font-weight: 500;
    font-size: 1.2rem;
    color: #93bb38; }
  #closest-events p {
    margin: 10px 0 0;
    padding: 0;
    font-size: 1rem;
    color: #aaa; }

@media (min-width: 750px) {
  #closest-events {
    display: block; } }
#sections {
  position: relative;
  padding: 0;
  background-color: #eee;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
  z-index: 100; }
  #sections .container {
    width: 100%;
    padding: 0; }
  #sections .type-col {
    position: relative;
    float: none;
    width: 100%;
    margin-top: -1px; }
    @media (min-width: 400px) {
      #sections .type-col {
        float: left;
        width: 50%;
        margin-top: -1px; } }
    @media (min-width: 750px) {
      #sections .type-col {
        float: left;
        width: 25%;
        margin-top: -1.8rem; } }
  #sections .type1 {
    background-color: #627c25; }
  #sections .type2 {
    background-color: #28514d; }
  #sections .type3 {
    background-color: #9a4225; }
  #sections .type4 {
    background-color: #554b43; }
  #sections .type1:hover {
    background-color: #556d20; }
  #sections .type2:hover {
    background-color: #214440; }
  #sections .type3:hover {
    background-color: #8a3b21; }
  #sections .type4:hover {
    background-color: #49413a; }
  #sections a {
    display: block;
    padding: 15px 24px 20px; }
  #sections h2 {
    margin-bottom: .8rem;
    font-size: 1.7rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: -1px; }
  #sections ul {
    list-style-type: square;
    margin: 0 0 0 20px;
    padding: 0;
    font-size: .886rem;
    color: #eee; }
    @media (min-width: 750px) {
      #sections ul {
        margin-left: 10px; } }
    @media (min-width: 1000px) {
      #sections ul {
        margin-left: 20px; } }
    #sections ul li {
      margin-bottom: 2px; }

#contact-form,
.form {
  margin-bottom: 0; }

#gmaps {
  width: 100%;
  height: 320px;
  border-top: solid 1px #eee; }

/*# sourceMappingURL=common.css.map */