/*
* BUTTONS
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #007cf3;
  --color-green: #0d8600;
  --color-primary: #222222;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #0088ff;
  --color-gray1: #efefef;
  --color-gray2: #e0e0e0;
  --color-gray3: #aaa;
  --color-gray4: #999;
  --color-gray5: #858585;
  --color-gray6: #424242;
  --color-gray7: #333;
  --color-gray8: #191919;
  --color-gray-transparent-1: rgba(0, 0, 0, 0.65);
  --color-gray-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: #ccc;
  --color-slightly-darker-gray: #666;
  --color-dark-gray: #333;
  --color-darker-gray: #181818;
  --color-horizontal-rule-gray: var(--color-gray3);
  --color-product-number-gray: var(--color-gray3);
  --color-horizontal-border-gray: var(--color-gray4);
  --color-menu-link: var(--color-gray6);
  --color-close-menu-bg: var(--color-gray2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-gray3);
  --skin-background-color-1: #fff;
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #f1f1f1;
  --skin-banner-background-color-2: #f1f1f1;
  --skin-banner-text-color-1: #333;
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-primary);
  --skin-price-1: var(--color-gray7);
  --skin-body-font: $primary-font; }

.info-page {
  background: #f1f1f1; }

.info-page-container {
  max-width: 1410px;
  margin-left: auto;
  margin-right: auto; }
  .info-page-container > .row {
    margin-left: 0;
    margin-right: 0; }

.info-page-header {
  height: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative; }
  .info-page-header div {
    position: relative;
    z-index: 1; }
    .info-page-header div img {
      max-width: 60vw; }
  .info-page-header h1 {
    color: #fff;
    font-size: 30px;
    margin-left: 30px;
    margin-right: 30px; }
    .info-page-header h1.has-image {
      margin: 0; }
  @media (min-width: 1200px) {
    .info-page-header {
      height: 300px; } }
  .info-page-header.info-page-header-md {
    height: 300px; }
    @media (min-width: 1200px) {
      .info-page-header.info-page-header-md {
        height: 400px; } }
  .info-page-header.info-page-header-lg {
    height: 400px; }
    @media (min-width: 1200px) {
      .info-page-header.info-page-header-lg {
        height: 700px; } }
  .info-page-header.info-page-header-with-overlay::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .5; }

.info-page-main {
  background: #fff;
  border-top: solid 1px #f1f1f1;
  padding: 30px 30px 60px; }
  @media (min-width: 1200px) {
    .info-page-main {
      padding: 20px 40px 60px;
      margin-top: -30px;
      border-top: none; } }
  .info-page-main a {
    color: #000; }
    .info-page-main a:visited {
      color: #666; }
    .info-page-main a:hover {
      text-decoration: none; }
    .info-page-main a:active {
      color: #666; }
  .info-page-main .content-asset p, .info-page-main .content-asset p + ul, .info-page-main .content-asset p + ol {
    max-width: 700px; }

.info-page-sidebar {
  display: none; }
  @media (min-width: 1200px) {
    .info-page-sidebar {
      display: block; } }
  .info-page-sidebar ul {
    padding: 30px 0;
    list-style: none;
    margin: 0; }
  .info-page-sidebar li {
    padding: 8px 30px; }
    .info-page-sidebar li a {
      color: #000;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 1px;
      line-height: 1.0625rem;
      text-transform: uppercase;
      text-decoration: none; }
      .info-page-sidebar li a:hover {
        text-decoration: none;
        color: #000; }
      .info-page-sidebar li a:active {
        color: #666; }
      .info-page-sidebar li a:visited {
        color: #666; }
      .info-page-sidebar li a:hover {
        text-decoration: underline; }

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