@charset "UTF-8";
html {
  box-sizing: border-box; }

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

/* Most of this crap is left over from Bootstrap */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 15px;
  margin-top: 1.07143rem; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-top: 0.71429rem; }

h1, .h1 {
  font-weight: 100;
  color: #F87C56;
  font-size: 2.857em;
  line-height: 1;
  text-transform: uppercase;
  padding-top: 30px;
  padding-top: 2.14286rem; }
  .intro h1, .intro .h1 {
    padding-top: 0; }

h2, .h2 {
  background: #7e6e76;
  color: #fff;
  font-size: 1.286em;
  line-height: 2.2;
  padding-left: 1em;
  padding-right: 1em;
  border-top-left-radius: 1.286em;
  border-top-right-radius: 1.286em; }
  @media screen and (min-width: 750px) {
    h2, .h2 {
      border-top-right-radius: 0; } }

h2[class] {
  background: none transparent;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0; }

h3, .h3 {
  font-size: 24px;
  background: none; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 20px; }

.select-button {
  display: inline-block;
  font-size: 1.286em;
  padding: 0.55em 0.8em;
  cursor: pointer;
  border-radius: 0;
  border-bottom-right-radius: 1.286em;
  border-top-left-radius: 1.286em;
  background: #55574C;
  color: #fff;
  text-transform: uppercase; }
  .select-button:after {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.7em;
    margin-left: 0.5em;
    font-family: SSStandard;
    content: "\27A1"; }
  .select-button.no-arrow:after {
    display: none; }
  .select-button:after {
    color: #f87c56; }
  .select-button + .select-button {
    margin-left: 0.25em; }

.action-button {
  display: inline-block;
  font-size: 1.286em;
  padding: 0.55em 0.8em;
  cursor: pointer;
  border-radius: 0;
  border-bottom-right-radius: 1.286em;
  border-top-left-radius: 1.286em;
  background: #f87c56;
  color: #fff;
  border: solid 0.2em #cdf1f6; }
  .action-button:after {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.7em;
    margin-left: 0.5em;
    font-family: SSStandard;
    content: "\27A1"; }
  .action-button.no-arrow:after {
    display: none; }
  .action-button:after {
    color: #f5f8fa; }

.edit-button {
  background: #55574C; }

.copy-button {
  background: #163d5c; }

.delete-button {
  background: #7e6e76; }

@media screen and (max-width: 750px) {
  .mainpage-button-2, .mainpage-button-1 {
    display: inline;}
  }
}

.is_disabled {
  background: #ccc;
  color: #fff;
  border-color: #eee;
  cursor: default; }

.btn {
  display: inline-block;
  border-radius: 0.286em;
  padding: 0.429em 0.857em;
  background: #163d5c;
  color: #fff; }
  .btn + .btn {
    margin-left: 0.5em; }

.form-group {
  margin-bottom: 10px;
  margin-bottom: 0.71429rem; }

label {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 5px;
  margin-bottom: 0.35714rem;
  max-width: 100%; }

input, select, textarea {
  background-color: white;
  border-style: solid;
  border-color: #7e6e76;
  font-size: 1em;
  border-width: 0.143em;
  border-radius: 0.5em;
  padding-left: 0.889em;
  max-width: 100%; }

@media screen and (min-width: 450px) {
  input, textarea {
    font-size: 1.286em; } }

.cms_textfield,
.cms_password {
  max-width: 100%;
  width: 100%;
  height: 2.5em;
  line-height: 2.5; }

.alert-warning {
  color: yellow; }

.alert-danger {
  color: red; }

.confirm {
  display: inline-block;
  font-size: 1.286em;
  padding: 0.55em 0.8em;
  cursor: pointer;
  border-radius: 0;
  border-bottom-right-radius: 1.286em;
  border-top-left-radius: 1.286em;
  border-radius: 0.643em;
  background: #f87c56;
  color: #fff;
  border: solid 0.2em #cdf1f6;
  text-align: center;
  font-size: 1em; }
  .confirm:after {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.7em;
    margin-left: 0.5em;
    font-family: SSStandard;
    content: "\27A1"; }
  .confirm.no-arrow:after {
    display: none; }
  @media screen and (min-width: 450px) {
    .confirm {
      font-size: 1.286em; } }
  .confirm:after {
    display: none; }
  .confirm > * {
    margin-bottom: 0.5em; }
  .confirm .prompt {
    display: block;
    margin-bottom: 0.75em; }
  .confirm .btn {
    font-size: 1em; }
    @media screen and (min-width: 450px) {
      .confirm .btn {
        font-size: 0.778em; } }

html {
  background-color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; }

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

* {
  margin: 0;
  border: 0;
  padding: 0; }

.viewport {
  max-width: 68.57143rem;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  position: relative;
  text-align: left;
  box-sizing: content-box;
  padding: 0 1.42857rem; }
  .viewport::after {
    clear: both;
    content: "";
    display: table; }
  .viewport.nopad {
    padding: 0; }
    @media screen and (min-width: 650px) {
      .viewport.nopad {
        padding: 0 1.42857rem; } }
  .viewport *, .viewport *:before, .viewport *:after {
    box-sizing: border-box; }

.section,
.row {
  float: left;
  width: 100%;
  clear: both; }

.row + .row {
  margin-top: 0.75em; }

.col {
  max-width: 68.57143rem;
  margin-left: auto;
  margin-right: auto; }
  .col::after {
    clear: both;
    content: "";
    display: table; }

.col-offset-left .content-block + .col-offset-left .content-block {
  margin-top: 10px;
  margin-top: 0.71429rem; }

.col-offset-right.intro {
  margin-bottom: 1em; }

@media screen and (min-width: 750px) {
  .col-50 {
    float: left;
    display: block;
    margin-right: 5%;
    width: 47.5%; }
    .col-50:last-child {
      margin-right: 0; }

  .col-offset-left {
    float: left;
    display: block;
    margin-right: 5%;
    width: 60.625%; }
    .col-offset-left:last-child {
      margin-right: 0; }

  .col-offset-right {
    float: left;
    display: block;
    margin-right: 5%;
    width: 34.375%;
    float: right;
    margin-right: 0; }
    .col-offset-right:last-child {
      margin-right: 0; } }
.clearfix::after {
  clear: both;
  content: "";
  display: table; }

[class^="show"] {
  display: none; }

.show-sm {
  display: initial; }

@media screen and (min-width: 650px) {
  .show-shoot {
    display: initial; }

  .hide-shoot {
    display: none; } }
@media screen and (min-width: 450px) {
  .show-midi {
    display: initial; }

  .hide-midi {
    display: none; } }
@media screen and (min-width: 750px) {
  .show-wide {
    display: inline; }

  .hide-wide {
    display: none; } }
a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

@media screen and (min-width: 650px) {
  .splitter::after {
    clear: both;
    content: "";
    display: table; }
  .splitter > * {
    float: right; }
    .splitter > *:first-child {
      float: left; } }

.page-header {
  margin-top: 45px;
  margin-top: 3.21429rem; }
  .page-header h1 {
    margin-top: 0;
    padding-top: 0; }

.col-offset-right .actions {
  margin-top: 0.5em;
  display: none; }

img {
  vertical-align: middle;
  border: 0 none;
  max-width: 100%; }
  .col-offset-left img, .col-50 img {
    width: 100%; }
    @media screen and (min-width: 750px) {
      .col-offset-left img, .col-50 img {
        width: auto; } }

ul {
  margin: 0 0 1em 1em; }

.no-bullets {
  list-style: none; }

.no-margin {
  margin: 0; }

.ss-left,
.ss-right {
  font-size: 0.75em; }

@media screen and (min-width: 750px) {
  .rock-left {
    border-radius: 0;
    border-bottom-left-radius: 1.286em;
    border-top-right-radius: 1.286em; }
    .rock-left.rock-medium {
      border-radius: 0;
      border-bottom-left-radius: 2.572em;
      border-top-right-radius: 2.572em; }
    .rock-left.rock-large {
      border-radius: 0;
      border-bottom-left-radius: 5.144em;
      border-top-right-radius: 5.144em; }

  .rock-right {
    border-radius: 0;
    border-bottom-right-radius: 1.286em;
    border-top-left-radius: 1.286em; }
    .rock-right.rock-medium {
      border-radius: 0;
      border-bottom-right-radius: 2.572em;
      border-top-left-radius: 2.572em; }
    .rock-right.rock-large {
      border-radius: 0;
      border-bottom-right-radius: 5.144em;
      border-top-left-radius: 5.144em; } }
.top-bar {
  padding: 0.75em 0;
  background-color: #508E96;
  color: #fff; }
  .top-bar .viewport > * {
    font-size: 0.75em; }
    @media screen and (min-width: 450px) {
      .top-bar .viewport > * {
        font-size: 1em; } }
  .top-bar a {
    text-align: center;
    color: #fff; }
  .top-bar .back {
    float: left;
    text-align: left;
    margin-right: 0.5em; }
  .top-bar .online-support {
    float: right;
    margin-left: 1.5em; }
    @media screen and (min-width: 450px) {
      .top-bar .online-support {
        float: left; } }
  .top-bar .phone {
    float: right;
    margin-left: 1em; }
    @media screen and (min-width: 450px) {
      .top-bar .phone {
        margin-left: 1.5em; } }
  .top-bar nav {
    float: right; }
    .top-bar nav a {
      float: left;
      margin-left: 1em; }
  .top-bar .ss-left,
  .top-bar .ss-right {
    display: none;
    color: #f87c56; }
    @media screen and (min-width: 750px) {
      .top-bar .ss-left,
      .top-bar .ss-right {
        display: inline-block; } }

.header {
  padding: 1em 0 0.75em; }
  .header .logo {
    display: block;
    text-align: center; }
    @media screen and (min-width: 650px) {
      .header .logo {
        float: left; } }
    .header .logo img {
      display: block;
      margin: auto; }

.account-related .linkholder {
  float: right;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  margin-left: 3.25em; }
  .account-related .linkholder strong {
    font-weight: normal;
    color: #f87c56; }
  .account-related .linkholder i {
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #163d5c;
    color: #fff;
    border-radius: 50%;
    margin-right: 0.5em;
    width: 1.8em;
    height: 1.8em;
    line-height: 1; }
    .account-related .linkholder i:before {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -40%);
      -moz-transform: translate(-50%, -40%);
      -ms-transform: translate(-50%, -40%);
      -o-transform: translate(-50%, -40%);
      transform: translate(-50%, -40%);
      font-size: 0.9em; }

.mob-header {
  padding: 1em;
  background: #163d5c;
  color: #fff;
  font-size: 0.8em; }
  @media screen and (min-width: 375px) {
    .mob-header {
      font-size: 1em; } }
  @media screen and (min-width: 650px) {
    .mob-header {
      display: none; } }
  .mob-header .nav-trigger {
    float: left;
    cursor: pointer; }
    .mob-header .nav-trigger > * {
      float: left; }
    .mob-header .nav-trigger > span {
      margin-left: 0.5em;
      line-height: 20px; }
      @media screen and (min-width: 375px) {
        .mob-header .nav-trigger > span {
          line-height: 25px; } }
  .mob-header .account-related {
    float: right; }
    .mob-header .account-related .linkholder {
      margin: 0 0 0 0.75em;
      color: #fff; }
      .mob-header .account-related .linkholder .linkliner {
        display: block;
        position: relative;
        margin-left: 2.5em; }
      .mob-header .account-related .linkholder a {
        display: block;
        color: #fff;
        line-height: 1.75; }
      .mob-header .account-related .linkholder i {
        background: #fff;
        color: #7e6e76; }

/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT

  More info: http://callmenick.com/_development/css-hamburger-menu-icons/https://github.com/callmenick/Animating-Hamburger-Icons/

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s; }
  @media screen and (min-width: 375px) {
    .c-hamburger {
      width: 25px;
      height: 25px; } }

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  background: white;
  top: 8.5px;
  left: 0;
  right: 0;
  height: 3px; }
  @media screen and (min-width: 375px) {
    .c-hamburger span {
      top: 10.625px;
      left: 0;
      right: 0;
      height: 3.75px; } }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  background-color: #fff;
  content: "";
  height: 3px; }
  @media screen and (min-width: 375px) {
    .c-hamburger span::before,
    .c-hamburger span::after {
      height: 3.75px; } }

.c-hamburger span::before {
  top: -6px; }
  @media screen and (min-width: 375px) {
    .c-hamburger span::before {
      top: -7.5px; } }

.c-hamburger span::after {
  bottom: -6px; }
  @media screen and (min-width: 375px) {
    .c-hamburger span::after {
      bottom: -7.5px; } }

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
.c-hamburger--rot {
  background-color: #28aadc; }

.c-hamburger--rot span {
  transition: transform 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--rot.is-active {
  background-color: #166888; }

.c-hamburger--rot.is-active span {
  transform: rotate(90deg); }

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
  background-color: #ff3264;
  background-color: transparent; }

.c-hamburger--htx span {
  transition: background 0s 0.3s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before {
  transition-property: top, transform; }

.c-hamburger--htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #cb0032;
  background-color: transparent; }

.c-hamburger--htx.is-active span {
  background: none; }

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg); }

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s; }

/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.c-hamburger--htla {
  background-color: #32dc64; }

.c-hamburger--htla span {
  transition: transform 0.3s; }

.c-hamburger--htla span::before {
  transform-origin: top right;
  transition: transform 0.3s, width 0.3s, top 0.3s; }

.c-hamburger--htla span::after {
  transform-origin: bottom right;
  transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--htla.is-active {
  background-color: #19903c; }

.c-hamburger--htla.is-active span {
  transform: rotate(180deg); }

.c-hamburger--htla.is-active span::before,
.c-hamburger--htla.is-active span::after {
  width: 50%; }

.c-hamburger--htla.is-active span::before {
  top: 0;
  transform: translateX(13px) translateY(1.5px) rotate(45deg); }

.c-hamburger--htla.is-active span::after {
  bottom: 0;
  transform: translateX(13px) translateY(-1.5px) rotate(-45deg); }

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from
 * right that will be close on re-click of the icon.
 */
.c-hamburger--htra {
  background-color: #ff9650; }

.c-hamburger--htra span {
  transition: transform 0.3s; }

.c-hamburger--htra span::before {
  transform-origin: top left;
  transition: transform 0.3s, width 0.3s, top 0.3s; }

.c-hamburger--htra span::after {
  transform-origin: bottom left;
  transition: transform 0.3s, width 0.3s, bottom 0.3s; }

/* active state, i.e. menu open */
.c-hamburger--htra.is-active {
  background-color: #e95d00; }

.c-hamburger--htra.is-active span {
  transform: rotate(180deg); }

.c-hamburger--htra.is-active span::before,
.c-hamburger--htra.is-active span::after {
  width: 50%; }

.c-hamburger--htra.is-active span::before {
  top: 0;
  transform: translateX(-3px) translateY(1.5px) rotate(-45deg); }

.c-hamburger--htra.is-active span::after {
  bottom: 0;
  transform: translateX(-3px) translateY(-1.5px) rotate(45deg); }

.header .account-related {
  display: none; }
  @media screen and (min-width: 650px) {
    .header .account-related {
      display: block; } }
  .header .account-related .linkholder {
    margin-top: 2em;
    margin-bottom: 0.714em;
    color: #7e6e76;
    line-height: 1.143; }
    @media screen and (min-width: 750px) {
      .header .account-related .linkholder {
        margin-top: 1em;
        margin-left: 0;
        padding: 0.5em; }
        .header .account-related .linkholder.show-form {
          background: #55574C; }
          .header .account-related .linkholder.show-form,
          .header .account-related .linkholder.show-form a,
          .header .account-related .linkholder.show-form i,
          .header .account-related .linkholder.show-form strong {
            color: #fff; }
          .header .account-related .linkholder.show-form i {
            background: #f87c56; }
        .header .account-related .linkholder .linkliner {
          display: block;
          position: relative;
          margin-left: 2.5em; }
          .header .account-related .linkholder .linkliner a {
            display: block; } }
    .header .account-related .linkholder a {
      color: #7e6e76; }
    .header .account-related .linkholder i {
      background: #7e6e76;
      color: #fff; }

#login_box {
  display: none;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 100%;
  width: 34em;
  padding: 1em;
  background-color: #55574C;
  color: #fff; }
  @media screen and (min-width: 750px) {
    .show-form > #login_box {
      display: block; } }
  #login_box .row::after {
    clear: both;
    content: "";
    display: table; }
  #login_box .col {
    float: left;
    display: block;
    margin-right: 5%;
    width: 47.5%; }
    #login_box .col:last-child {
      margin-right: 0; }
    #login_box .col:nth-child(even) {
      margin-right: 0;
      float: right; }
  #login_box a {
    display: inline-block;
    line-height: 1.5;
    padding: 0.643em 0;
    text-decoration: underline;
    color: #fff; }
    #login_box a:hover {
      text-decoration: none; }
  #login_box button {
    float: right;
    margin-left: 0.5em; }
  #login_box .select-button {
    background: #508E96;
    text-transform: none; }
  #login_box .action-button {
    border: none; }

.main-nav {
  background: #163d5c;
  position: relative;
  width: 100%;
  -webkit-transition: max-height 0.333s ease-in 0s;
  -moz-transition: max-height 0.333s ease-in 0s;
  transition: max-height 0.333s ease-in 0s; }
  .main-nav.collapsed {
    max-height: 0;
    -webkit-transition: max-height 0.333s;
    -moz-transition: max-height 0.333s;
    transition: max-height 0.333s; }
  .main-nav.expanded {
    max-height: 500px; }


  @media screen and (min-width: 650px) {
        .menu ul.active {
    visibility: hidden;
    float: left;
    position: absolute;
}

    .main-nav.collapsed span { display: block }
    .main-nav.collapsed {
      position: relative;
      width: 100%;
      max-height: 999px; } }
  @media screen and (min-width: 750px) {
    .main-nav {
      border-radius: 0;
      border-bottom-right-radius: 1.286em;
      border-top-left-radius: 1.286em; } }
  .main-nav span a,
  .main-nav .menu {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    position: relative;
    padding: 0.75em 0;
    white-space: nowrap;
}
    .main-nav .menu { padding: 0 }

    .main-nav span a.menu-selected, 
.main-nav .menu.menu-selected,
.main-nav span a:active, 
.main-nav .menu:active,
.main-nav span a:hover,
.main-nav .menu:hover,
.main-nav .menu a.menu-selected, 
.main-nav .menu a:active, 
.main-nav .menu a:hover {
      background: #f87c56; }

    .main-nav span > a,
    .main-nav .menu {
      border-top: dashed 1px rgba(248, 124, 86, 0.5);
       border-bottom: dashed 1px rgba(248, 124, 86, 0.5);
    }
  @media screen and (min-width: 450px) {  
    
    .main-nav span > a,
    .main-nav .menu {
      border: dashed 1px rgba(248, 124, 86, 0.5);
    }
        .main-nav span > a:nth-child(-n+4),
    .main-nav .menu:nth-child(-n+4)  {
border-bottom: none;
    }
    .menu ul {
    visibility: block;
    float: left;
    position: relative;
}
    .main-nav span {
      display: block; }
      .main-nav span::after {
        clear: both;
        content: "";
        display: table; }
      .main-nav span a,
.main-nav .menu {
        width: 25%;
        padding: 0.5em 0;
        }
.main-nav .menu {
    padding: 0;
}
        .main-nav span a:first-child,
.main-nav .menu:first-child {
          border-left: none; } }
  @media screen and (min-width: 750px) {
    .main-nav span > a,
    .main-nav .menu {
      border-color: rgba(248, 124, 86, 0.75);
    }
    .main-nav.collapsed span { display: block }
    .main-nav span {
      float: left;
      width: 50%; }
      .main-nav span a,
      .main-nav .menu {
        padding: 0;
        border-top: none;
        border-left: none;
        font-size: 1.143em;
        line-height: 2.5; } }
.main-nav .menu a { font-size: 1em }
  @media screen and (min-width: 1050px) {
   .main-nav.collapsed span { display: block }
    .main-nav span a:before,
.main-nav .menu:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.5em;
      bottom: 0.5em;
      width: 1px;
       }
    .main-nav span:first-child a:first-child:before {
      display: none; } }

/********* MAIN NAV ADDITIONS 11162015 ************/
.menu ul {
    background: #163D5C;
    visibility: hidden;
    float: left;
    position: absolute;
    left: 0;
    z-index: 999;
   width:200%;
   text-align: left;
}
.menu ul.active {
visibility:visible;
}
.menu ul li.menu-option {
    display:block;float:none
}
.menu ul li.menu-option a {
 padding: 8px 25px;
font-size: .9em;
}
.menu ul li.menu-option, .menu ul li.menu-option a {
    width: auto;float:left;width:100%;text-align:left;line-height:1.5em
}
.menu li.menu-option {
border-left:none;
}
.main-nav .menu > a { width:100%; background-color: #163d5c; }

@media screen and (max-width: 449px) {
      .menu ul.active, .menu ul {
    visibility: visible;
    float: none;
    position: relative;
width:auto;margin:0;
}
.menu ul {
display:none;
}
.menu ul.active {
display:block
}
.menu ul li.menu-option a {
text-align:center;
}

}

@media screen and (max-width: 649px) {  
   .main-nav.collapsed span { display: none }
.menu ul li {
background: #163D5C
}

}
@media screen and (max-width: 749px) { 
.menu ul.active {
    margin: 35px 0 0 0;
}
}
@media screen and (min-width: 750px) {  
.menu ul.active {
    margin: 40px 0 0 0;
}

}

/********* MAIN NAV ADDITIONS 11162015 ************/
.bottom-bar {
  padding: 1em 0;
  background: #508E96;
  color: #fff; }
  .bottom-bar .main-content {
    float: left;
    display: block;
    margin-right: 5%;
    width: 73.75%;
    font-size: 0.857em; }
    .bottom-bar .main-content:last-child {
      margin-right: 0; }
  .bottom-bar .icons {
    float: left;
    display: block;
    margin-right: 5%;
    width: 21.25%;
    margin-right: 0;
    text-align: right; }
    .bottom-bar .icons:last-child {
      margin-right: 0; }
  .bottom-bar a {
    color: #fff; }
  .bottom-bar nav {
    display: block;
    margin-top: 10px; }

.main-body {
  margin-top: 0.5em; }
  @media screen and (min-width: 750px) {
    .main-body {
      margin-top: 0.75em; } }

.content {
  margin-bottom: 5em; }

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

.content-inset {
  max-width: 61em;
  margin-left: auto;
  margin-right: auto; }

#content .gallery,
#content .side_gallery {
  margin-bottom: 1em; }
  #content .gallery::after,
  #content .side_gallery::after {
    clear: both;
    content: "";
    display: table; }
  #content .gallery > *,
  #content .side_gallery > * {
    float: left;
    width: 33.333%;
    height: auto;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 450px) {
      #content .gallery > *,
      #content .side_gallery > * {
        width: 25%; } }
    #content .gallery > * a,
    #content .side_gallery > * a {
      display: block;
      margin: 0.25em; }
    #content .gallery > * figcaption,
    #content .side_gallery > * figcaption {
      display: none; }
  #content .gallery img,
  #content .side_gallery img {
    width: 100%;
    height: auto; }
#content .gallery img {
  border-radius: 0; }
@media screen and (min-width: 450px) {
  #content .gallery img {
    border-radius: 0;
    border-bottom-left-radius: 1.286em;
    border-top-right-radius: 1.286em; }
  #content .gallery > *:nth-child(odd) img {
    border-radius: 0;
    border-bottom-right-radius: 1.286em;
    border-top-left-radius: 1.286em; } }

.landing-form label {
  display: block; }

.paths {
  display: inline-block;
  max-width: 100%;
  margin: auto; }

.path {
  max-width: 100%; }
  .path + .path {
    margin: 2em 0 0; }
  @media screen and (min-width: 650px) {
    .path {
      display: inline-block;
      margin: 0.75em; }
      .path + .path {
        margin: 0.75em; } }
  .path h3 {
    margin: 0;
    border-top-left-radius: 1.286em;
    border-top-right-radius: 1.286em; }
    @media screen and (min-width: 750px) {
      .path h3 {
        border-top-left-radius: 1.286em;
        border-top-right-radius: 1.286em; } }
  .path a {
    display: block; }
  .path .landing-image {
    display: block;
    margin-bottom: 1em; }
  .path .topview-container {
    margin: 0 auto 1em; }
    @media screen and (min-width: 650px) {
      .path .topview-container {
        min-height: 4.8em;
        position: relative; }
        .path .topview-container img {
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); } }

.designs .design {
  margin-top: 30px;
  margin-top: 2.14286rem; }
  .designs .design::after {
    clear: both;
    content: "";
    display: table; }
.designs .design-image,
.designs .design-specs,
.designs .design-actions {
  float: left;
  width: 100%;
  margin-bottom: 1em; }
  .designs .design-image img,
  .designs .design-specs img,
  .designs .design-actions img {
    width: 100%; }
.designs .design-actions {
  position: relative; }
.designs .total {
  display: none;
  background: #cdf1f6; }
.designs h2 {
  margin-top: 0;
  display: block; }
  @media screen and (min-width: 375px) {
    .designs h2 {
      display: none; } }
  .designs h2 a {
    color: #7e6e76; }
    .designs h2 a:hover {
      color: #508E96; }
.designs .design-specs h2 {
  display: none; }
  @media screen and (min-width: 375px) {
    .designs .design-specs h2 {
      display: block; } }
.designs dt, .designs .dt,
.designs dd, .designs .dd {
  float: left;
  line-height: 1.9; }
.designs dt, .designs .dt {
  clear: left;
  width: 6.5em;
  margin-right: 0.5em;
  text-transform: uppercase;
  color: #163d5c; }
  .designs dt:after, .designs .dt:after {
    content: ":"; }
.designs dd, .designs .dd {
  min-width: 9em;
  color: #f87c56; }
.designs .action-button {
  width: 100%;
  margin-bottom: 0.25em;
  border: 0; }
  @media screen and (max-width: 375px) {
    .designs .action-button {
      border-radius: 0; } }
  @media screen and (min-width: 375px) {
    .designs .action-button {
      float: left;
      display: block;
      margin-right: 5%;
      width: 47.5%;
      text-align: center; }
      .designs .action-button:last-child {
        margin-right: 0; }
      .designs .action-button:nth-child(even) {
        margin-right: 0; }
      .designs .action-button:after {
        display: none; } }
  @media screen and (min-width: 450px) {
    .designs .action-button {
      margin-bottom: 0.5em; }
      .designs .action-button:after {
        display: inline-block; } }
  @media screen and (min-width: 750px) {
    .designs .action-button {
      float: right;
      min-width: 12em;
      text-align: left;
      padding-left: 1.5em;
      margin-bottom: 0.75em; }
      .designs .action-button, .designs .action-button:nth-child(even), .designs .action-button:last-child {
        margin-right: 0.5em; }
      .designs .action-button:after {
        display: inline-block; } }
.designs .confirm {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 10; }
  @media screen and (min-width: 750px) {
    .designs .confirm {
      right: 0.5em;
      bottom: 0.75em;
      width: 12em; } }
.designs .get-confirmation .confirm {
  display: block; }
.designs .get-confirmation .action-button {
  position: relative;
  opacity: 0;
  z-index: 0; }
@media screen and (min-width: 375px) {
  .designs .design-image {
    float: left;
    display: block;
    margin-right: 5%;
    width: 47.5%; }
    .designs .design-image:last-child {
      margin-right: 0; }
  .designs .design-specs {
    float: left;
    display: block;
    margin-right: 5%;
    width: 47.5%;
    margin-right: 0; }
    .designs .design-specs:last-child {
      margin-right: 0; } }
@media screen and (min-width: 650px) {
  .designs .design-image {
    float: left;
    display: block;
    margin-right: 5%;
    width: 34.375%; }
    .designs .design-image:last-child {
      margin-right: 0; }
  .designs .design-specs {
    float: left;
    display: block;
    margin-right: 5%;
    width: 60.625%;
    margin-right: 0; }
    .designs .design-specs:last-child {
      margin-right: 0; } }
@media screen and (min-width: 750px) {
  .designs .design-image,
  .designs .design-specs {
    margin-bottom: 0.5em; }
  .designs .design-image {
    float: left;
    display: block;
    margin-right: 5%;
    width: 21.25%; }
    .designs .design-image:last-child {
      margin-right: 0; }
  .designs .design-specs {
    float: left;
    display: block;
    margin-right: 5%;
    width: 34.375%; }
    .designs .design-specs:last-child {
      margin-right: 0; }
  .designs .design-actions {
    float: left;
    display: block;
    margin-right: 5%;
    width: 34.375%;
    margin-right: 0;
    margin-bottom: 0; }
    .designs .design-actions:last-child {
      margin-right: 0; }
  .designs .total {
    display: block;
    float: left;
    display: block;
    margin-right: 5%;
    width: 73.75%;
    float: right;
    padding: 0.5em 0; }
    .designs .total:last-child {
      margin-right: 0; }
    .designs .total dt, .designs .total .dt {
      text-indent: 0.75em; }
    .designs .total .design-specs,
    .designs .total .design-actions {
      float: left;
      display: block;
      margin-right: 0;
      width: 49.61017%;
      margin-bottom: 0; }
      .designs .total .design-specs:last-child,
      .designs .total .design-actions:last-child {
        margin-right: 0; }
    .designs .total .design-specs {
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    .designs .total .design-actions {
      margin-right: 0; }
      .designs .total .design-actions .action-button {
        margin-bottom: 0; } }

.faq-list .section + .faq-list .section {
  margin-top: 1em; }
.faq-list .section p {
  margin-bottom: 0; }
  .faq-list .section p + p {
    margin-top: 0.714em; }
.faq-list dl {
  margin: 0 0.5em 1em 0.5em; }
.faq-list dt {
  font-size: 1.286em;
  font-weight: bold;
  padding: 0.5em 0.5em 0.25em; }
.faq-list dd {
  padding: 0.5em;
  margin-bottom: 1.25em; }
  .faq-list dd:last-child {
    margin-bottom: 0; }
@media screen and (min-width: 650px) {
  .faq-list dd {
    display: none;
    background: #f5f8fa; }
  .faq-list h2,
  .faq-list dt {
    cursor: pointer; }
    .faq-list h2:after,
    .faq-list dt:after {
      content: "+";
      display: inline-block;
      margin-left: 0.5em;
      width: 1.25em;
      height: 1.25em;
      line-height: 1.25;
      border-radius: 50%;
      background: #7e6e76;
      color: #fff;
      text-align: center;
      vertical-align: middle;
      -webkit-transform: translateY(-10%);
      -moz-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
      -o-transform: translateY(-10%);
      transform: translateY(-10%);
      font-size: 0.75em; }
  .faq-list h2:after {
    display: none;
    background: #fff;
    color: #7e6e76; }
  .faq-list h2[data-asked-all]:after {
    content: "-"; }
  .faq-list dt {
    font-size: 1.143em;
    padding: 0.5em; }
    .faq-list dt:hover {
      background: #cdf1f6; }
    .faq-list dt.asked {
      background: #f5f8fa; }
    .faq-list dt.asked {
      padding-bottom: 0.25em; }
      .faq-list dt.asked:after {
        content: "-"; }
      .faq-list dt.asked + dd {
        display: block; } }

.page-home .col-50 {
  margin: 0; }
  .page-home .col-50:first-child {
    text-align: right; }
  .page-home .col-50 img {
    margin-bottom: 0.5em; }
  @media screen and (min-width: 450px) {
    .page-home .col-50 {
      float: left;
      width: 50%;
      padding-right: 1em; } }

.page-landing .paths {
  padding-top: 1em; }
@media screen and (min-width: 750px) {
  .page-landing .path {
    float: left;
    width: 20%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 0; }
    .page-landing .path + .page-landing .path {
      margin: 0; } }

@media screen and (min-width: 750px) {
  .page-my-designs .page-header .action-button {
    min-width: 12em;
    margin-right: 0.5em;
    padding-left: 1.5em; } }

.page-my-designs .content > *::after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 850px) {
  .page-my-designs .content > * {
    max-width: 61em;
    margin-left: auto;
    margin-right: auto; } }

.page-my-cart .content > *::after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 850px) {
  .page-my-cart .content > * {
    max-width: 61em;
    margin-left: auto;
    margin-right: auto; } }

.page-my-cart .alt-delete {
  display: none; }
.page-my-cart .delete-button {
  float: left;
  clear: both;
  width: auto; }
  @media screen and (max-width: 520px) {
    .page-my-cart .delete-button {
      width: 100%;
      border-radius: 0; } }
.page-my-cart .designs,
.page-my-cart .cart-total,
.page-my-cart .actions {
  margin-bottom: 1em; }
.page-my-cart .design dt, .page-my-cart .design .dt,
.page-my-cart .design dd, .page-my-cart .design .dd {
  width: auto; }
  @media screen and (min-width: 960px) {
    .page-my-cart .design dt:after, .page-my-cart .design .dt:after,
    .page-my-cart .design dd:after, .page-my-cart .design .dd:after {
      display: none; } }
@media screen and (min-width: 375px) {
  .page-my-cart .design dd, .page-my-cart .design .dd {
    clear: left; } }
@media screen and (min-width: 650px) {
  .page-my-cart .design dd, .page-my-cart .design .dd {
    clear: none; } }
@media screen and (min-width: 520px) {
  .page-my-cart .design > .delete-button {
    display: none; } }
.page-my-cart .design-specs .delete-button {
  display: none; }
  @media screen and (min-width: 520px) {
    .page-my-cart .design-specs .delete-button {
      display: inline-block; } }
@media screen and (min-width: 960px) {
  .page-my-cart .design-image {
    float: left;
    display: block;
    margin-right: 5%;
    width: 8.125%; }
    .page-my-cart .design-image:last-child {
      margin-right: 0; }
  .page-my-cart .design-specs {
    float: left;
    display: block;
    margin-right: 5%;
    width: 86.875%;
    margin-right: 0; }
    .page-my-cart .design-specs:last-child {
      margin-right: 0; }
    .page-my-cart .design-specs dl,
    .page-my-cart .design-specs .quantity,
    .page-my-cart .design-specs .price {
      float: left;
      display: block;
      margin-right: 5.7554%;
      width: 24.46043%; }
      .page-my-cart .design-specs dl:last-child,
      .page-my-cart .design-specs .quantity:last-child,
      .page-my-cart .design-specs .price:last-child {
        margin-right: 0; }
    .page-my-cart .design-specs .price {
      float: right;
      margin-right: 0;
      text-align: right; }
      .page-my-cart .design-specs .price > * {
        min-width: auto;
        width: 100%;
        margin-right: 0; }
    .page-my-cart .design-specs .delete-button {
      display: none; }
    .page-my-cart .design-specs .alt-delete {
      display: block;
      float: left;
      display: block;
      margin-right: 5.7554%;
      width: 9.35252%;
      min-width: auto;
      clear: none;
      text-align: center; }
      .page-my-cart .design-specs .alt-delete:last-child {
        margin-right: 0; }
      .page-my-cart .design-specs .alt-delete * {
        display: block;
        min-width: auto;
        width: 100%;
        margin-right: 0; }
      .page-my-cart .design-specs .alt-delete a {
        color: #f87c56; } }
.page-my-cart .cart-total {
  font-size: 1.286em;
  font-weight: bold; }
  .page-my-cart .cart-total::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 520px) {
    .page-my-cart .cart-total {
      float: left;
      display: block;
      margin-right: 5%;
      width: 47.5%;
      margin-right: 0;
      float: right;
      clear: both; }
      .page-my-cart .cart-total:last-child {
        margin-right: 0; } }
  .page-my-cart .cart-total dt, .page-my-cart .cart-total dd {
    float: left;
    display: block;
    margin-right: 5%;
    width: 47.5%;
    text-align: right; }
    .page-my-cart .cart-total dt:last-child, .page-my-cart .cart-total dd:last-child {
      margin-right: 0; }
  .page-my-cart .cart-total dt {
    clear: both; }
    .page-my-cart .cart-total dt:after {
      content: ":"; }
  .page-my-cart .cart-total dd {
    margin-right: 0; }
.page-my-cart .actions {
  float: left;
  width: 100%;
  clear: both; }
  @media screen and (min-width: 960px) {
    .page-my-cart .actions {
      float: left;
      display: block;
      margin-right: 5%;
      width: 34.375%;
      margin-right: 0;
      float: right;
      padding-top: 3em; }
      .page-my-cart .actions:last-child {
        margin-right: 0; } }
  .page-my-cart .actions .wrapper {
    float: right; }
    .page-my-cart .actions .wrapper > * {
      float: left;
      font-size: 1em;
      padding: 0.5em 0.75em;
      text-transform: uppercase;
      text-align: center; }
    .page-my-cart .actions .wrapper span {
      display: inline-block;
      line-height: 2.4; }
    .page-my-cart .actions .wrapper a {
      line-height: 1.2; }
    .page-my-cart .actions .wrapper .action-button {
      padding: 0.5em 1.5em; }
      .page-my-cart .actions .wrapper .action-button:after {
        display: none; }
.page-my-cart .important {
  float: left;
  width: 100%;
  position: relative;
  border: solid 1px #333333;
  padding: 0 1em;
  margin-top: 1.5em; }
  .page-my-cart .important::after {
    clear: both;
    content: "";
    display: table; }
  .page-my-cart .important:after {
    position: absolute;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: transparent;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom-color: #333333;
    border-width: 2em 3em; }
  @media screen and (min-width: 650px) {
    .page-my-cart .important:after {
      left: 90%; } }
  @media screen and (min-width: 960px) {
    .page-my-cart .important {
      float: left;
      display: block;
      margin-right: 5%;
      width: 60.625%;
      margin-top: 0; }
      .page-my-cart .important:last-child {
        margin-right: 0; }
      .page-my-cart .important:after {
        left: 100%;
        top: 3em;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        border-color: transparent;
        border-left-color: #333333;
        border-width: 2em 3em; } }

.page-checkout-confirmation .preamble {
  text-align: center;
  margin-bottom: 1em; }
  .page-checkout-confirmation .preamble .action-button {
    margin-bottom: 0.25em; }
    @media screen and (min-width: 450px) {
      .page-checkout-confirmation .preamble .action-button {
        margin-bottom: 0; } }
  .page-checkout-confirmation .preamble .special-note {
    padding-top: 1em; }
    .page-checkout-confirmation .preamble .special-note strong {
      display: block;
      text-transform: uppercase;
      margin-bottom: 0.25em; }
.page-checkout-confirmation .terms-and-ship {
  border: solid 1px #333333;
  padding: 1em;
  margin-bottom: 1.5em; }
  .page-checkout-confirmation .terms-and-ship::after {
    clear: both;
    content: "";
    display: table; }
  .page-checkout-confirmation .terms-and-ship .diagram {
    margin-bottom: 1.5em; }
  .page-checkout-confirmation .terms-and-ship .diagram-portrait {
    max-width: 20em; }
  .page-checkout-confirmation .terms-and-ship .diagram-landscape {
    display: none; }
  @media screen and (min-width: 650px) {
    .page-checkout-confirmation .terms-and-ship .diagram-portrait {
      float: left;
      width: 50%; }
    .page-checkout-confirmation .terms-and-ship .row {
      float: right;
      width: 50%;
      clear: none; }
      .page-checkout-confirmation .terms-and-ship .row .col-50 {
        width: 100%;
        margin-right: 0; } }
  @media screen and (min-width: 960px) {
    .page-checkout-confirmation .terms-and-ship .diagram-portrait {
      display: none; }
    .page-checkout-confirmation .terms-and-ship .diagram-landscape {
      display: block; }
    .page-checkout-confirmation .terms-and-ship .row {
      clear: both;
      width: 100%; }
      .page-checkout-confirmation .terms-and-ship .row .col-50 {
        float: left;
        display: block;
        margin-right: 5%;
        width: 47.5%; }
        .page-checkout-confirmation .terms-and-ship .row .col-50:last-child {
          margin-right: 0; }
        .page-checkout-confirmation .terms-and-ship .row .col-50 + .col-50 {
          margin-right: 0;
          text-align: right; } }

/************* MODAL *****************/
.modal {
text-align:center;
z-index:1000;
position:fixed;
top:-1500px;left:0;bottom:0;right:0;
margin:0;padding:0;
background: #fff;
width:100%;height:100%;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}
.modal.active {
top:0;
}
.modal-content { position:relative; height: 200px; width: 350px; top:50%; margin-top: -100px;left:50%;margin-left:-175px }
/*# sourceMappingURL=application.css.map */

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/******************* BOOTSTRAP ALERT **************/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

/******************* BOOTSTRAP CLOSE **************/
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

@media (min-width: 768px) {
    .mainpage-button-1 { display:block; }
    .mainpage-button-1-mobile { display:none; }
    .mainpage-button-2 { display:block; }
}
@media (max-width: 767px) {
    .mainpage-button-1 { display:none; }
    .mainpage-button-1-mobile { display:block; }
    .mainpage-button-2 { display:none; }
}

/***** Osano Icon Removal *****/
.osano-cm-widget {
    display: none;
}

/* Stylesheet: Application Modified On 2023-08-18 09:58:31 */