/* VARIABLES */
/* BASE STYLES */
.clear {
  display: block;
  clear: both;
  float: none; }

.resetmp, html, body, h1#logo, nav.main-nav ul, nav.footer-nav ul, .sub-menu {
  padding: 0;
  margin: 0; }

html, body {
  min-height: 100%; }

html {
  box-sizing: border-box; }

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

.btn {
  background: #7f8181;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.7rem;
  line-height: 4rem;
  padding: 0 1.5rem;
  display: inline-block;
  text-decoration: none;
  transition: background 0.2s;
  margin-top: 2rem;
  /* SITE STYES */ }
  .btn:hover, .btn:focus, .btn:active {
    background: #4c4e4e; }

html {
  font-size: 10px;
  height: 100%; }

body {
  min-height: 100%;
  font-size: 1.6rem;
  font-family: 'Cabin Condensed', sans-serif; }

header, footer {
  position: fixed;
  width: 100%;
  left: 0;
  background: #232121;
  padding: 0 2rem;
  z-index: 1001; }

header {
  top: 0;
  height: 9rem; }

footer {
  bottom: 0;
  height: 4rem;
  font-size: 1.2rem; }

h1#logo {
  /*	width:27.7rem;
	background:url('/static/images/logo.png') center center no-repeat;
	height:9rem;*/
  float: left;
  /*	text-indent:-9001rem;*/
  line-height: 8.15rem; }
  h1#logo a {
    display: block;
    width: 100%;
    height: 100%; }

h2, h3 {
  font-family: 'Buenard', serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: normal; }

p {
  font-size: 1.7rem;
  line-height: 2.2rem; }

a {
  transition: color 0.2s; }

.container {
  width: 100%;
  min-height: 100%;
  padding: 9rem 0 4rem 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .container:after {
    clear: both;
    float: none; }

nav.main-nav, nav.footer-nav {
  color: #b8b8b8; }
  nav.main-nav ul, nav.footer-nav ul {
    text-align: right;
    float: right;
    display: inline-block;
    height: 9rem; }
    nav.main-nav ul li, nav.footer-nav ul li {
      list-style: none;
      display: inline-block;
      line-height: 9rem;
      padding: 0 1rem; }
      nav.main-nav ul li a, nav.footer-nav ul li a {
        color: #b8b8b8;
        text-decoration: none; }
        nav.main-nav ul li a:hover, nav.footer-nav ul li a:hover, nav.main-nav ul li a:focus, nav.footer-nav ul li a:focus, nav.main-nav ul li a:active, nav.footer-nav ul li a:active, nav.main-nav ul li a.active, nav.footer-nav ul li a.active {
          color: #fff;
          text-decoration: none; }

nav.footer-nav ul {
  float: left;
  text-align: left;
  height: 4rem; }
  nav.footer-nav ul li {
    line-height: 4rem; }

.footer-link {
  float: right;
  line-height: 4rem;
  color: #b8b8b8; }
  .footer-link a {
    text-decoration: none;
    color: #b8b8b8; }
  .footer-link a:hover, .footer-link a:focus, .footer-link a:active, .footer-link a.active {
    color: #fff;
    text-decoration: none; }

.cycle-slideshow.bg-images {
  position: fixed;
  top: 9rem;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .cycle-slideshow.bg-images .slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; }

.separator {
  display: block;
  margin: 2rem 0 6rem 0;
  position: relative; }
  .separator:after {
    display: block;
    width: 3rem;
    height: 1px;
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0; }
  .separator.small:after {
    width: 1.8rem; }

.side-panel {
  background: rgba(0, 0, 0, 0.6);
  padding: 5rem;
  width: 30rem;
  color: #fff;
  position: fixed;
  overflow: auto;
  top: 9rem;
  bottom: 4rem;
  z-index: 1000; }
  .side-panel.content {
    width: 50rem; }
  .side-panel a {
    color: #d2d2d2; }
  .side-panel a:hover, .side-panel a:active {
    color: #fff; }
  .side-panel h2, .side-panel h3 {
    position: relative;
    margin: 0; }
  .side-panel .subheading {
    color: #d2d2d2;
    font-size: 1.7rem; }
  .side-panel .detail {
    color: #d2d2d2;
    padding-bottom: 1rem; }
  .side-panel .detail strong {
    color: #fff; }
  .side-panel p {
    color: #b8b8b8; }
  .side-panel.step-2 {
    padding-left: 12rem;
    width: 45rem;
    left: 0;
    transition: left 0.3s; }
  .side-panel.step-2 a.go-back {
    background: url('/static/images/arrow-left.png') center 3rem no-repeat rgba(0, 0, 0, 0.6);
    display: block;
    position: fixed;
    width: 6rem;
    top: 9rem;
    left: 0;
    bottom: 4rem;
    transition: left 0.3s; }
  .side-panel.step-2.slideout {
    left: -44rem;
    overflow: hidden; }
    .side-panel.step-2.slideout a.go-back {
      left: -6rem; }
  .side-panel.dropcap p:first-of-type::first-letter {
    font-size: 4.5rem;
    display: inline-block;
    margin-bottom: 0.4rem;
    padding-right: 1rem;
    float: left;
    font-family: 'Buenard', serif;
    font-weight: bold;
    color: #fff;
    line-height: 3.5rem; }
  .side-panel.contact p {
    margin: 0; }
  .side-panel.contact h3 {
    font-size: 2rem; }

.arrow {
  display: inline-block;
  background: url('/static/images/arrow.png') center center no-repeat;
  width: 6px;
  height: 13px;
  margin-left: 1rem; }

.arrow-sml {
  display: inline-block;
  background: url('/static/images/arrow-sml.png') center center no-repeat;
  width: 3px;
  height: 7px; }

.sub-menu li {
  list-style: none;
  margin-bottom: 1.5rem; }
  .sub-menu a {
    color: #fff;
    text-decoration: none;
    padding-left: 1rem;
    position: relative;
    display: block; }
  .sub-menu a:hover, .sub-menu a:active {
    text-decoration: underline; }
  .sub-menu a .arrow-sml {
    position: absolute;
    left: 0;
    top: 0.6rem; }

#next, #prev {
  width: 1.6rem;
  height: 3.4rem;
  position: fixed;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -1.7rem;
  z-index: 1007; }

#next {
  background: url('/static/images/next.png') center center no-repeat;
  right: 2rem; }

#prev {
  background: url('/static/images/prev.png') center center no-repeat;
  left: 47rem;
  transition: left 0.3s;
  /******************************
/*******************************/
  /*******************************/
  /*******************************/
  /* Responsive - Media Queries */
  /*******************************/
  /*******************************/
  /*******************************/
  /*******************************/
  /*Added before the media queries but applies to mobile menu which shows only on mobile devices*/ }
  #prev.slideover {
    left: 3rem; }

nav.main-nav ul.mm-listview {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  text-align: left; }
  nav.main-nav ul.mm-listview li {
    display: block;
    line-height: 2rem;
    letter-spacing: 2px; }
    nav.main-nav ul.mm-listview li a {
      letter-spacing: 2px; }
      nav.main-nav ul.mm-listview li a:hover {
        color: black; }

.mobile-nav {
  display: none; }

@media all and (max-width: 1024px) {
  #mm-main-nav {
    z-index: 999;
    text-transform: uppercase; }

  .side-panel {
    width: 100%;
    max-width: 100%;
    height: 100%; }
    .side-panel.content, .side-panel.step-2 {
      max-width: 100%;
      width: 100%; }

  header .main-nav {
    display: none; }

  .mobile-nav {
    position: fixed;
    top: 30px;
    right: 30px;
    font-size: 1.5em;
    color: white;
    z-index: 10005;
    display: block;
    text-align: right;
    text-transform: uppercase; }
    .mobile-nav a {
      color: white; }

  .side-panel.step-2.slideout {
    left: 100%; }

  #prev {
    left: 5em; }

  .container .sub-menu {
    padding-bottom: 80px;
    overflow-y: scroll; } }

@media all and (max-width: 640px) {
  h1#logo a img {
    max-width: 80%; } }