/*-------------------------------------
# Grid
-------------------------------------*/
/*-------------------------------------
# Breakpoints
-------------------------------------*/
/*-------------------------------------
# Breakpoints
-------------------------------------*/
#desktop-wide-indicator,
#desktop-medium-indicator,
#desktop-narrow-indicator,
#tablet-wide-indicator,
#tablet-indicator,
#mobile-wide-indicator,
#mobile-indicator,
#desktop-wide-down-indicator,
#desktop-medium-down-indicator,
#desktop-narrow-down-indicator,
#tablet-wide-down-indicator,
#tablet-down-indicator,
#mobile-wide-down-indicator {
  display: none; }

@media (min-width: 1254px) and (max-width: 200000px) {
  #desktop-wide-indicator {
    display: block; }
  .clearfix-desktop-wide:after {
    content: "";
    display: table;
    clear: both; } }

@media (min-width: 1010px) and (max-width: 1122px) {
  #desktop-narrow-indicator {
    display: block; }
  .clearfix-desktop-narrow:after {
    content: "";
    display: table;
    clear: both; } }

@media (min-width: 769px) and (max-width: 1010px) {
  #tablet-wide-indicator {
    display: block; }
  .clearfix-tablet-wide:after {
    content: "";
    display: table;
    clear: both; } }

@media (min-width: 481px) and (max-width: 768px) {
  #tablet-indicator {
    display: block; }
  .clearfix-tablet:after {
    content: "";
    display: table;
    clear: both; } }

@media (min-width: 321px) and (max-width: 480px) {
  #mobile-wide-indicator {
    display: block; }
  .clearfix-mobile-wide:after {
    content: "";
    display: table;
    clear: both; } }

@media (max-width: 320px) {
  #mobile-indicator {
    display: block; }
  .clearfix-mobile:after {
    content: "";
    display: table;
    clear: both; } }

@media (max-width: 1500px) {
  #desktop-wide-down-indicator {
    display: block; }
  .clearfix-desktop-wide-down:after {
    content: "";
    display: table;
    clear: both; } }

@media (max-width: 1122px) {
  #desktop-narrow-down-indicator {
    display: block; }
  .clearfix-desktop-narrow-down:after {
    content: "";
    display: table;
    clear: both; } }

@media (max-width: 1010px) {
  #tablet-wide-down-indicator {
    display: block; }
  .clearfix-tablet-wide-down:after {
    content: "";
    display: table;
    clear: both; } }

@media (max-width: 768px) {
  #tablet-down-indicator {
    display: block; }
  .clearfix-tablet-down:after {
    content: "";
    display: table;
    clear: both; } }

@media (max-width: 480px) {
  #mobile-wide-down-indicator {
    display: block; }
  .clearfix-mobile-wide-down:after {
    content: "";
    display: table;
    clear: both; } }

/*-------------------------------------
# Global rules
-------------------------------------*/
body.no-scroll {
  overflow-y: hidden;
  position: fixed; }

body {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important; }
  @media (max-width: 768px) {
    body {
      margin-top: 0; } }

div {
  box-sizing: border-box; }

.l-page {
  background: url(../../../images/sample-fram-art2.png) no-repeat; }
  @media (max-width: 768px) {
    .l-page {
      background: white !important; } }
  .l-page .layout-main {
    background: url(../../../images/sample-fram-art.png) no-repeat right top; }
    @media (max-width: 768px) {
      .l-page .layout-main {
        background: white; } }
    .l-page .layout-main .l-header-mobile {
      background-color: #a11f36;
      overflow: hidden;
      padding: 5px 15px;
      display: none; }
      @media (max-width: 768px) {
        .l-page .layout-main .l-header-mobile {
          display: block; } }
      .l-page .layout-main .l-header-mobile .l-navigation-mobile {
        width: 87.5%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none; }
      .l-page .layout-main .l-header-mobile .l-search-button-mobile {
        width: 12.5%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none; }
        .l-page .layout-main .l-header-mobile .l-search-button-mobile img {
          float: right; }
    .l-page .layout-main .l-page-wrapper {
      max-width: 1092px;
      margin: 0 auto;
      padding: 25px 25px 0 25px;
      background-color: #fff; }
      @media (max-width: 768px) {
        .l-page .layout-main .l-page-wrapper {
          padding: 0 15px; } }
      @media (max-width: 320px) {
        .l-page .layout-main .l-page-wrapper {
          padding: 0 10px; } }
    .l-page .layout-main .l-logo-mobile {
      display: none;
      margin-top: 15px; }
      @media (max-width: 768px) {
        .l-page .layout-main .l-logo-mobile {
          display: block; } }
      .l-page .layout-main .l-logo-mobile .site-logo {
        display: block;
        text-align: center; }
        .l-page .layout-main .l-logo-mobile .site-logo img {
          display: inline; }
    .l-page .layout-main .l-header {
      clear: both; }
      @media (max-width: 768px) {
        .l-page .layout-main .l-header {
          display: none; } }
      .l-page .layout-main .l-header .l-header-inner {
        border-bottom: 13px solid #4f7489;
        height: 89px; }
      .l-page .layout-main .l-header .l-branding {
        width: 25%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        padding-top: 5px; }
      .l-page .layout-main .l-header .l-logo {
        width: 50%;
        float: left;
        margin-right: -100%;
        margin-left: 25%;
        clear: none;
        text-align: center;
        z-index: 2;
        position: relative; }
        .l-page .layout-main .l-header .l-logo .site-logo img {
          display: inline; }
        @media (max-width: 768px) {
          .l-page .layout-main .l-header .l-logo .site-logo {
            display: none; } }
        .l-page .layout-main .l-header .l-logo .site-logo-mobile {
          display: none;
          padding-left: 10px;
          padding-top: 12px; }
          @media (max-width: 768px) {
            .l-page .layout-main .l-header .l-logo .site-logo-mobile {
              display: block; } }
      .l-page .layout-main .l-header .l-search-bar {
        width: 25%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-top: 38px; }
        .l-page .layout-main .l-header .l-search-bar .search-block-form {
          text-align: right; }
      .l-page .layout-main .l-header .l-navigation {
        height: 50px;
        background-color: #a11f36;
        margin-top: -16px; }
    .l-page .layout-main .l-hero {
      overflow: hidden;
      max-height: 300px;
      max-width: 1500px;
      margin: 0 auto;
      background: #EBEBEB; }
    .l-page .layout-main .l-main {
      width: 100%;
      padding-bottom: 25px;
      border-bottom: 10px solid #e1e8eb; }
      @media (max-width: 768px) {
        .l-page .layout-main .l-main {
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 20px;
          border-bottom: none; } }
    .l-page .layout-main .l-content {
      padding-bottom: 0;
      padding-top: 15px;
      max-width: 1200px;
      margin: 0 auto; }
      .l-page .layout-main .l-content .pane-page-content {
        clear: both; }
      @media (max-width: 768px) {
        .l-page .layout-main .l-content .p-sidebar {
          width: 100%;
          float: right;
          margin-left: 0;
          margin-right: 0;
          clear: none;
          padding-right: 0;
          margin-top: 25px; }
          .l-page .layout-main .l-content .p-sidebar .pane-main-menu {
            display: none; } }
      .l-page .layout-main .l-content .p-sidebar-mobile {
        display: none; }
        @media (max-width: 768px) {
          .l-page .layout-main .l-content .p-sidebar-mobile {
            display: block; }
            .l-page .layout-main .l-content .p-sidebar-mobile .pane-main-menu {
              display: none; } }
      @media (max-width: 768px) {
        .l-page .layout-main .l-content .p-main {
          width: 100%;
          float: right;
          margin-left: 0;
          margin-right: 0;
          clear: none;
          padding-right: 0; } }
    .l-page .layout-main .l-footer {
      background: #4f7489;
      overflow: hidden; }
      .l-page .layout-main .l-footer .l-footer-inner {
        max-width: 1092px;
        margin: 0 auto;
        background-color: #4f7489;
        overflow: hidden;
        padding: 0 25px; }
        @media (max-width: 768px) {
          .l-page .layout-main .l-footer .l-footer-inner {
            padding: 0; } }
        .l-page .layout-main .l-footer .l-footer-inner .l-footer-content {
          background-color: #000;
          overflow: hidden;
          padding-bottom: 40px; }
        @media (max-width: 768px) {
          .l-page .layout-main .l-footer .l-footer-inner .l-footer-upper {
            display: none; } }
        .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower {
          width: 100%;
          float: right;
          margin-left: 0;
          margin-right: 0;
          clear: none; }
          @media (max-width: 768px) {
            .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower {
              padding-top: 15px; } }
          .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-logo {
            width: 36.84211%;
            float: left;
            margin-right: -100%;
            margin-left: 0;
            clear: none;
            padding: 5px 0 0 20px; }
            @media (max-width: 768px) {
              .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-logo {
                padding-right: 20px;
                width: 49.47368%;
                float: left;
                margin-right: -100%;
                margin-left: 0;
                clear: none; } }
            @media (max-width: 480px) {
              .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-logo {
                width: 100%;
                float: right;
                margin-left: 0;
                margin-right: 0;
                clear: none;
                float: none; } }
          .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-social-text {
            width: 49.47368%;
            float: right;
            margin-left: 0;
            margin-right: 0;
            clear: none;
            display: block;
            padding: 17px 50px 0 0;
            text-align: right; }
            @media (max-width: 768px) {
              .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-social-text {
                padding-right: 15px; } }
            @media (max-width: 480px) {
              .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-social-text {
                width: 100%;
                float: right;
                margin-left: 0;
                margin-right: 0;
                clear: none;
                clear: both;
                padding: 0 20px;
                margin: 20px 0 30px;
                text-align: left; } }
            .l-page .layout-main .l-footer .l-footer-inner .l-footer-lower .l-footer-social-text a {
              color: #fff;
              font-size: 0.85em; }

div#admin-menu, div#admin-menu .dropdown {
  z-index: 1002; }

.panels-flexible-region-6-center {
  width: 100%; }

/*# sourceMappingURL=main.layout.css.map */