/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {font-size: 1em;}
body {
  font-family: europa, sans-serif;
  line-height: 1.45;
}
img {
  max-width: 100%;
  height: auto;
}
h1,h2,h3,h4 {
  font-family: Jubilat, serif;
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}
p {margin-bottom: 1.3em;}
h1 {
  margin-top: 0;
  font-size: 3.157rem;
}
h2 {font-size: 2.369rem;}
h3 {font-size: 1.777rem;}
h4 {font-size: 1.333rem;}
small, .font_small {font-size: 0.75em;}
.button {
  padding: .5rem .9rem;
  background-color: blue;
  border: none;
  font-size: 1.1rem;
  color: white;
  text-align: center;
  font-family: Jubilat, serif;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}
.button:hover {
    background-color: white;
    color: blue; 
  }
.content-anchor {
  position: relative;
  top: -100px;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	/* background: url(../images/mainstages-loader.gif) center no-repeat $msGreen; */
  background-image: url(../images/loader.svg), url(../images/mainstages-logo-classic.png);
  background-position: 50% 30%, 50% 70%;
  background-color: #87CC2F;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
.se-pre-con {
		background-position: 50% 40%, 50% 55%
}
 }
@media (min-width: 1024px) {
.se-pre-con {
		background-position: 50% 40%, 50% 55%
}
 }
.header {
  background: url('../../assets/images/curtain-top.png') repeat-x bottom left ;
  background-size: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  
  z-index: 990;
}
.header__wrapper {
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(48,17,17,1)),color-stop(65%, rgba(255,255,255,0)));
    
    background: -webkit-linear-gradient(top, rgba(48,17,17,1) 65%,rgba(255,255,255,0) 65%);
    
    background: -o-linear-gradient(top, rgba(48,17,17,1) 65%,rgba(255,255,255,0) 65%);
    
    background: linear-gradient(to bottom, rgba(48,17,17,1) 65%,rgba(255,255,255,0) 65%);
    
    min-height: 100px;
    padding: 1rem 1rem 2rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

  }
.header__logo {
    display: block;
    margin: 0;
    width: 290px;
  }
@media (min-width: 768px) {
.header__logo {
      width: 300px
  }
 }
.header__menu-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 999;
    height: 100%;
  }
.header__menu-trigger .label {
      color: #fff;
      line-height: 2.5rem;
      margin-right: 0.7rem;
      text-transform: uppercase;
      font-size: 0.9rem;
      display: none;
    }
@media (min-width: 768px) {
.header__menu-trigger .label {
        display: block
    }
 }
.header__menu-icon {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }
.header__menu-icon::before {
      content: '';
      position: absolute; 
      top: 5px; 
      left: 3px;
      width: 34px;
      height: 3px;
      background-color: #fff;
      -webkit-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
              transform-origin: 0 0;
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      -o-transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }
.header__menu-icon__middle {
      content: '';
      position: absolute; 
      top: 18px; 
      left: 3px;
      width: 34px;
      height: 3px;
      background-color: #fff;
      -webkit-transition: all 0.1s ease-out;
      -o-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
    }
.header__menu-icon::after {
      content: '';
      position: absolute; 
      bottom: 6px; 
      left: 3px;
      width: 34px;
      height: 3px;
      background-color: #fff;
      -webkit-transform-origin: 0 100%;
          -ms-transform-origin: 0 100%;
              transform-origin: 0 100%;
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      -o-transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }
.header__menu-icon.open::before {
          background-color: white;
          -webkit-transform: translateX(4px) rotate(45deg) scaleX(1.1) translateY(1px);
              -ms-transform: translateX(4px) rotate(45deg) scaleX(1.1) translateY(1px);
                  transform: translateX(4px) rotate(45deg) scaleX(1.1) translateY(1px);
        }
.header__menu-icon.open .header__menu-icon__middle {
          background-color: white;
          -webkit-transform: scaleX(0);
              -ms-transform: scaleX(0);
                  transform: scaleX(0);
          opacity: 0;
        }
.header__menu-icon.open::after {
          background-color: white;
          -webkit-transform: translateX(4px) rotate(-45deg) scaleX(1.1);
              -ms-transform: translateX(4px) rotate(-45deg) scaleX(1.1);
                  transform: translateX(4px) rotate(-45deg) scaleX(1.1);
        }
.header__menu-trigger:hover .header__menu-icon::before, .header__menu-trigger:hover .header__menu-icon__middle, .header__menu-trigger:hover .header__menu-icon::after {
        background-color: #87CC2F!important;
      }
.header__menu-trigger:hover .label {
        color: #87CC2F;
      }
nav.ul::before {
    content: '';
    display: table;
  }
nav.ul::after {
    content: '';
    display: table;
  }
.top-nav__header-menu {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    right: 0;
    top: 0;
    background-color: #301111;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    max-width: 840px;
    z-index: 1;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    width: 100%;
    min-height: 100vh;
    -webkit-box-shadow: -5px 0 3px rgba(0, 0, 0, 0.4);
            box-shadow: -5px 0 3px rgba(0, 0, 0, 0.4);
  }
@media (min-width: 1024px) {
.top-nav__header-menu {
      width: 78.8%;
      min-height: none
  }

      .top-nav__header-menu--noImageButtons {
        width: 40%;
      }
 }
.top-nav__header-menu.visible {
      top: 0;
      right: 0;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1);
      pointer-events: all;
      opacity: 1;
    }
.top-nav__main-menu-wrapper {

    position: relative;
    width: 100%;
    padding-top: 70px;
    overflow: auto;
  }
@media (min-width: 768px) {
.top-nav__main-menu-wrapper {
      width: 50%
  }
 }
.top-nav__main-menu-wrapper--noImageButtons {
      width: 100%;
    }
.top-nav__main-menu-wrapper .top-nav__menus {
      overflow: auto;
    }
.top-nav__main-menu-wrapper .top-nav__outer-list {
      padding: 0;
      margin: 0;
      list-style: none;
    }
.top-nav__main-menu-wrapper .top-nav__outer-list a {
        color: #fff;
        text-decoration: none;
        font-size: 1.2rem;
      }
.top-nav__main-menu-wrapper .top-nav__inner-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
.top-nav .svg-inline--fa {
    display: none;
  }
.top-nav.top-nav__visible {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
    width: 85%;
    max-width: 550px;

    
  }
.top-nav__mobile-title {
    color: #fff;
    margin: 0.7rem  1rem 1.3rem 1rem;
    font-size:  2em;
    position: absolute;
    top: 0;
    left: 0;
  }
@media (min-width: 768px) {
.top-nav__mobile-title {
      position: static;
      margin-top: 3rem
  }
 }
.top-nav__outer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(#fff, 0.3);
  }
.top-nav__item-level-2,.top-nav__item-level-1 {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
.top-nav__item-level-2:first-child, .top-nav__item-level-1:first-child {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
.top-nav__item-level-2 > a, .top-nav__item-level-1 > a {
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    padding: 1rem  0.5rem;
    display: block; 
    margin-left: 0.5rem;
    font-weight: 300;
  }
.top-nav__item-level-2 > a:hover, .top-nav__item-level-1 > a:hover {
      color: rgb(158, 206, 95);
      text-decoration: underline;
    }
.top-nav__item-level-2.p-1031, .top-nav__item-level-1.p-1031 {
    background-color: orange;
  }
.top-nav__inner-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
  }
.top-nav__item-level-3 {
    background-color: #301111;
    height: 0;
  }
.top-nav__item-level-3:first-child {
  }
.top-nav__item-level-3 > a {
    display: block;
  }
.top-nav__item-level-3:hover {
    background-color: rgb(95, 150, 23);
  }
.top-nav__current,
  .top-nav__active-parent {
    background-color: rgb(95, 150, 23);
  }
.top-nav__current a:hover, .top-nav__active-parent a:hover {
      color: #fff;
    }
.top-nav__submenu-button {
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
  }
.top-nav__submenu-button:hover {
      color: rgb(159, 216, 85);
    }
/* icons */
.top-nav__has-children > .top-nav__submenu-button {
      
      display: inline-block;
    }
.top-nav__has-children > .top-nav__submenu-button .top-nav__ico-plus,
      .top-nav__has-children > .top-nav__submenu-button .top-nav__ico-minus {
        position: absolute;
        top: 50%;
        left: 40%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        margin-left: 5px;
      }
.top-nav__has-children > .top-nav__submenu-button .top-nav__ico-plus {display: inline-block;}
.top-nav__has-children.submenu-open > .top-nav__inner-list {
        display: block;
      }
.top-nav__has-children.submenu-open > .top-nav__submenu-button {
          background-color: rgb(65, 37, 37);
      }
.top-nav__has-children.submenu-open > .top-nav__submenu-button .top-nav__ico-plus {display: none;}
.top-nav__has-children.submenu-open > .top-nav__submenu-button .top-nav__ico-minus {display: inline-block;}
.top-nav__has-children.submenu-open .top-nav__item-level-3 {
        height: auto;
        border-top: 1px dotted rgba(255, 255, 255, 0.2);
        background-color: rgb(65, 37, 37);
        
      }
.top-nav__has-children.submenu-open .top-nav__item-level-3 a {
          padding: 0.7rem  1rem ;
          font-size: 1rem;
        }
.top-nav__has-children.submenu-open .top-nav__item-level-3 a:hover {
            color: rgb(108, 162, 37);
          }
.top-nav__has-children.submenu-open .top-nav__item-level-3.top-nav__current {
          background-color: rgb(95, 150, 23);
        }
.top-nav__has-children.submenu-open .top-nav__item-level-3.top-nav__current a {
            color: #fff;
          }
.top-nav__image-buttons-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: none;

  }
@media (min-width: 768px) {
.top-nav__image-buttons-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex

  }
 }
.top-nav__image-buttons-wrapper a {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      color: #fff;
      text-decoration: none;
      font-size: 2rem;
      font-family: Jubilat, serif;
      background-image: url('http://placebear.com/300/200');
      background-size: cover;
      position: relative;
      border-bottom: 3px solid rgb(48, 17, 17);
      border-right: 3px solid rgb(48, 17, 17);
    }
.top-nav__image-buttons-wrapper a::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
        -webkit-transition: background-color 0.2s;
        -o-transition: background-color 0.2s;
        transition: background-color 0.2s;
      }
.top-nav__image-buttons-wrapper a:hover::after{
        background-color: rgba(0, 0, 0, 0);
      }
.top-nav__image-buttons-wrapper a span {
        position: relative;
        display: block;
        padding: 0.1rem 0.8rem;
        text-align: center;
        background-color: rgb(94, 141, 32);
        
        z-index: 2;
      }
.top-nav__image-buttons-wrapper a span:hover{
          text-decoration: underline;
        }
.noscroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#overlay {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
#overlay.visible {
    opacity: 1;
  }
.menu-cross-links {
  font-family: Jubilat, serif;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
}
@media (min-width: 768px) {
.menu-cross-links {
    height: 4rem
}
 }
.menu-cross-links__title {
    background-color: #fff;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 300;
    display: block;
    text-align: center;
  }
.menu-cross-links__title a {
      color: #301111;
      text-decoration: none;
      font-weight: 400;
      display: block;
      padding: 1.2rem;
      font-size: 1.5rem;
    }
.menu-cross-links__title a:hover {
        text-decoration: underline;
      }
.menu-cross-links a.crosslink {
    display: block;
    text-align: center;
    color: #fff;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 0.05rem;
  }
@media (min-width: 768px) {
.menu-cross-links a.crosslink {
      display: none;
      font-size: 1.5rem;
      padding: 1.5rem
  }
 }
.menu-cross-links a.crosslink.performances {
      background-color: #ED753D;
    }
.menu-cross-links a.crosslink.programming {
      background-color: #49884a;
    }
.menu-cross-links a.crosslink.families {
      background-color: #8c70ab;
    }
.hero {
  
  position: relative;
  padding-top: 1rem;
  margin-top: 70px;
  background-color: #87CC2F;
}
/* background-color: #301111; */
.hero__bg-wrapper{
    /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIW2NkYGD4z8DAwMjIAAUADikBA/ggJToAAAAASUVORK5CYII='), url('../../assets/images/hero/group-outside.jpg');
    background-position:bottom center, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, 600px; */

     /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2MQ3m+6GQADqwG7/WrUNAAAAABJRU5ErkJggg=='), url('../../assets/images/hero/group-outside.jpg');
    background-position:bottom center, bottom center;
    background-repeat: repeat, no-repeat;
    background-size: auto, 600px;  */
  }
.hero__heading {
    font-size: 3.157rem;
    padding: 3.5rem 1.5rem 4rem 1.5rem;
    color: #fff;
    font-weight: 400;
    line-height: 0.8;
    margin: 0;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
  }
@media (min-width: 530px) {
.hero__heading {
      margin: 0 auto;
      max-width: 500px
  }
 }
@media (min-width: 1200px) {
.hero__heading {
      padding-bottom: 0rem
  }
 }
.hero__heading span {
      font-weight: 300;
      font-size: 1.777rem;
      display: block;
      line-height: 1.7;
      padding-left: 0.5rem;
      text-shadow: none;
    }
.hero__heading span.second {
        padding-left: 2rem;
      }
.hero__cards{
    
    padding-bottom:30px;
    max-width: 1300px;
    margin: 0 auto;

  }
@media (min-width: 1024px) {
.hero__cards{
      margin-top: 5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
      padding-bottom: 30px

  }
 }
@media (min-width: 1200px) {
.hero__cards{
      padding-bottom: 150px

  }
 }
@media (min-width: 768px) {
.hero__cards-wrapper{
      background: -webkit-gradient(
        linear,
        left top, left bottom,
        color-stop(67%, rgba(135,204,47,1)),color-stop(68%, rgba(255,255,255,1))
        );
      background: -webkit-linear-gradient(
        top,
        rgba(135,204,47,1) 67%,rgba(255,255,255,1) 68%
        );
      background: -o-linear-gradient(
        top,
        rgba(135,204,47,1) 67%,rgba(255,255,255,1) 68%
        );
      background: linear-gradient(
        to bottom,
        rgba(135,204,47,1) 67%,rgba(255,255,255,1) 68%
        )
  }
 }
.hero__card {
    /* clip-path: polygon(0 20%, 1600px 0, 1600px 80%, 0 100%);   */
    -webkit-transform: skewY(-3deg);
        -ms-transform: skewY(-3deg);
            transform: skewY(-3deg);
    padding: 180px 0 130px 30%;
    display: block;
    text-decoration: none!important;
  }
@media (min-width: 768px) {
.hero__card {
      padding-left: 60%
  }
 }
@media (min-width: 1024px) {
.hero__card {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33%;
              flex: 0 0 33.33%;
      padding-left: 120px;
      /* clip-path: none; */
      -webkit-transform: skewY(-3deg);
          -ms-transform: skewY(-3deg);
              transform: skewY(-3deg);
      -webkit-box-shadow: -10px 5px 5px rgba(0, 0, 0, 0.3);
              box-shadow: -10px 5px 5px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s
  }

      .hero__card:hover {
        -webkit-transform: translateY(-50px) skewY(-3deg);
            -ms-transform: translateY(-50px) skewY(-3deg);
                transform: translateY(-50px) skewY(-3deg);
        /* box-shadow: -10px 5px 50px color($black a(30%)); */
      }
 }
@media (min-width: 1200px) {
.hero__card {
      margin-right: 20px;
      padding: 70px 0 70px 200px
  }
 }
.hero__card.n-1 {
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(5%, rgba(237,117,61,0.37)),color-stop(90%, rgba(237,117,61,0.6))), url('../../assets/images/hero/performances.jpg');
      background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(237,117,61,0.37) 5%,rgba(237,117,61,0.6) 90%), url('../../assets/images/hero/performances.jpg');
      background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(237,117,61,0.37) 5%,rgba(237,117,61,0.6) 90%), url('../../assets/images/hero/performances.jpg');
      background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(237,117,61,0.37) 5%,rgba(237,117,61,0.6) 90%), url('../../assets/images/hero/performances.jpg');
      background-position: 30% 0%;
    }
@media (min-width: 1024px) {
.hero__card.n-1 {
        border: 5px solid #ED753D
    }
 }
@media (min-width: 1024px) {
.hero__card.n-1:hover {
          -webkit-transform: translateY(-50px) skewY(-3deg);
              -ms-transform: translateY(-50px) skewY(-3deg);
                  transform: translateY(-50px) skewY(-3deg);
          z-index: 900
      }
 }
.hero__card.n-2 {
      
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(5%, rgba(122,183,74,0.25)),to(rgba(122,183,74,0.6))), url('../../assets/images/hero/group-outside.jpg');
      
      background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(122,183,74,0.25) 5%,rgba(122,183,74,0.6) 100%), url('../../assets/images/hero/group-outside.jpg');
      
      background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(122,183,74,0.25) 5%,rgba(122,183,74,0.6) 100%), url('../../assets/images/hero/group-outside.jpg');
      
      background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(122,183,74,0.25) 5%,rgba(122,183,74,0.6) 100%), url('../../assets/images/hero/group-outside.jpg');
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,7ab74a+25&0+0,1+100 */
      background-position: left center;
    }
/* margin-top: -90px; */
@media (min-width: 1024px) {
.hero__card.n-2 {
        margin-top: 0;
        border: 5px solid #49884a
    }
 }
.hero__card.n-3 {
      background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(5%, rgba(118,123,163,0.25)),to(rgba(140,112,171,0.6))), url('../../assets/images/hero/family.jpg');
      background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(118,123,163,0.25) 5%,rgba(140,112,171,0.6) 100%), url('../../assets/images/hero/family.jpg');
      background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(118,123,163,0.25) 5%,rgba(140,112,171,0.6) 100%), url('../../assets/images/hero/family.jpg');
      background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(118,123,163,0.25) 5%,rgba(140,112,171,0.6) 100%), url('../../assets/images/hero/family.jpg');
      background-size: cover;
    }
/* margin-top: -90px; */
@media (min-width: 1024px) {
.hero__card.n-3 {
        margin-top: 0;
        border: 5px solid #8c70ab
    }
 }
.hero__card-title{
    color: #fff;
    font-weight: 300;
    font-size: 1.6rem;
    margin: 0;
  }
.hero__card-text {
    color: #fff;
    padding: 0.8rem 1rem 1rem 1rem;
    line-height: 1.3;
    border: 3px solid rgba(255, 255, 255, 0.6);
    border-right: none;
    -webkit-transform: skewY(3deg);
        -ms-transform: skewY(3deg);
            transform: skewY(3deg);
  }
@media (min-width: 1024px) {
.hero__card-text {
      /* transform: skewY(3deg);
      transition: all 0.5s; */
  }
 }
.hero__card-text.n-1 {
      background-color: #ED753D;
    }
.hero__card-text.n-2 {
      background-color: #7ab74a;
    }
.hero__card-text.n-3 {
      background-color: #8c70ab;
    }
.hero__card-description {
    color: rgba(255, 255, 255, 0.8);
  }
.hero__card-button {
    background-color: #fff;
    display: block;
    margin: 5px 10% 0 10%;
    text-decoration: none;
  }
@media (min-width: 768px) {
.hero__card-button {
      display: inline-block;
      margin: 5px 5px
  }
 }
.hero__card-button.n-1{
      color: #ED753D;  
    }
.hero__card-button.n-2{
      color: #7ab74a;  
    }
.hero__card-button.n-3{
      color: #8c70ab;  
    }
.footer {
  background-color: #450d0d;
  -webkit-clip-path: polygon(0 20%, 1600px 0, 1600px 80%, 0 100%);
          clip-path: polygon(0 20%, 1600px 0, 1600px 80%, 0 100%);
  padding: 130px 1rem 40px 1rem;
  margin-top: -100px;
  text-align: center;
}
@media (min-width: 768px) {
.footer {
    padding-top: 10rem;
    padding-bottom: 50px
}
 }
@media (min-width: 1024px) {
.footer {
    margin-top: 0;
    padding-top: 11rem
}
 }
@media (min-width: 1200px) {
.footer {
    -webkit-clip-path: none;
            clip-path: none;
     padding-top: 110px;
    -webkit-transform: skewY(-2deg);
        -ms-transform: skewY(-2deg);
            transform: skewY(-2deg)
}
 }
.footer__wrapper {
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(255,255,255,1)),color-stop(49%, rgba(135,204,47,1)));
    
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 49%,rgba(135,204,47,1) 49%);
    
    background: -o-linear-gradient(top, rgba(255,255,255,1) 49%,rgba(135,204,47,1) 49%);
    
    background: linear-gradient(to bottom, rgba(255,255,255,1) 49%,rgba(135,204,47,1) 49%);
    
  }
@media (min-width: 1200px) {
.footer__wrapper {
      padding-top: 100px
    
  }
 }
@media (min-width: 1200px) {
.footer__inner-wrapper {
      -webkit-transform: skewY(2deg);
          -ms-transform: skewY(2deg);
              transform: skewY(2deg);
      max-width: 1200px;
      margin: 0 auto
  }
 }
@media (min-width: 768px) {
.footer__logos {
      float:left;
      width: 30%;
      padding-bottom: 1.5rem
  }
 }
.footer a {
    color: #fff;
  }
.footer__logo-link {
    display: block;
    margin-bottom: 1rem;
  }
.footer__logo-link img {
      max-width: 250px;
    }
.footer__row {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
  }
@media (min-width: 768px) {
.footer__row {
      float:right;
      width: 70%;
      font-size: 1.1rem;
      padding-bottom: 2rem;
      padding-top: 3rem
  }
 }
@media (min-width: 1200px) {
.footer__row {
      font-size: 1rem
  }
 }
@media (min-width: 768px) {
.footer__column {
      width: 50%;
      padding: 1rem
  }
 }
@media (min-width: 768px) {
.footer__column--1 {
      float:left;
      text-align: right
  }
 }
.footer__column--2 {
    margin-top: 1rem;   
  }
@media (min-width: 768px) {
.footer__column--2 {
      float: right;
      margin-top: 0;
      text-align-last: left;
      border-left: 1px solid rgba(255, 255, 255, 0.7)   
  }
 }
.footer__copyright {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    padding-top: 1rem;
    line-height: 1.4;
    clear:both;
  }
@media (min-width: 768px) {
.footer__copyright {
      font-size: 1rem;
      padding-top: 1.5rem
  }
 }
@media (min-width: 1200px) {
.footer__copyright {
      font-size: 0.9rem
  }
 }
.footer .country-name {
    display: none;
  }
.footer__social-media {

    margin-bottom: 2rem;
  }
@media (min-width: 1024px) {
.footer__social-media {
      margin-bottom: 0;
      margin-top: -3rem
  }
 }
.footer__social-media a {
      font-size: 2rem;
      margin: 0 1rem;
    }
@media (min-width: 768px) {
.footer__social-media a {
        font-size: 3rem;
        margin: 0 1rem
    }
 }
.footer__social-media a:hover {
        color: #87CC2F;
      }
body  {
  background-color: #87CC2F;
  font-weight: 300;
}
p strong {
    font-weight: 700;
  }
/*# sourceMappingURL=maps/styles-landing.css.map */