.home header.header {
  background: transparent; }
  .home header.header.fixed {
    background: #fff; }

body.menu-open .home header.header {
  background: #fff; }
  body.menu-open .home header.header.fixed {
    background: #fff; }

header.header {
  position: relative;
  background: #fff;
  z-index: 899;
  width: 100%;
  top: 0;
  -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out; }
  header.header.fixed {
    position: fixed;
    -webkit-box-shadow: 0 0 15px 0 #D9D9D9;
    box-shadow: 0 0 15px 0 #D9D9D9;
    -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out; }
  @media (min-width: 992px) {
    header.header {
      height: 90px; } }
  header.header > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    header.header > .container .logo-wrapper {
      top: 0;
      z-index: 2;
      width: 55%;
      display: inline-block; }
      @media (max-width: 991.98px) {
        header.header > .container .logo-wrapper {
          height: 60px; } }
      header.header > .container .logo-wrapper a.logo-container {
        width: 100%;
        float: left; }
        @media (min-width: 992px) {
          header.header > .container .logo-wrapper a.logo-container {
            max-width: 450px;
            float: left; } }
        header.header > .container .logo-wrapper a.logo-container:focus {
          outline: 2px dotted currentcolor; }
        header.header > .container .logo-wrapper a.logo-container svg {
          display: block;
          max-width: 100%;
          margin: 25px 0 25px 0;
          height: 14px; }
          @media (min-width: 992px) {
            header.header > .container .logo-wrapper a.logo-container svg {
              margin: 25px 0 25px 0;
              height: 40px; } }
          @media (min-width: 768px) and (max-width: 991.98px) {
            header.header > .container .logo-wrapper a.logo-container svg {
              margin: 25px 0 25px 0;
              height: 25px;
              width: 270px; } }
    header.header > .container .buttons-region {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      header.header > .container .buttons-region .login-wrapper {
        display: inline-block;
        height: 40px; }
        @media (min-width: 992px) {
          header.header > .container .buttons-region .login-wrapper {
            height: 50px; } }
        header.header > .container .buttons-region .login-wrapper #OLBLogin {
          background-color: #580f11;
          color: #fff;
          padding: 10px;
          font-weight: 400;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.2rem; }
          @media (min-width: 992px) {
            header.header > .container .buttons-region .login-wrapper #OLBLogin {
              font-size: 1.6rem;
              padding: 10px 15px; } }
          header.header > .container .buttons-region .login-wrapper #OLBLogin:focus, header.header > .container .buttons-region .login-wrapper #OLBLogin:hover {
            background-color: #fff;
            border: 2px solid #580f11;
            color: #580f11; }
      header.header > .container .buttons-region .MainNavToggle.btn {
        display: inline-block;
        background: transparent;
        font-size: 2.4rem;
        color: #580f11;
        font-weight: 400;
        padding: 0;
        position: relative;
        top: -15px; }
        @media (min-width: 992px) {
          header.header > .container .buttons-region .MainNavToggle.btn {
            font-size: 3rem;
            top: -20px; } }
        header.header > .container .buttons-region .MainNavToggle.btn .fa-bars, header.header > .container .buttons-region .MainNavToggle.btn .fa-times {
          width: 30px;
          height: 30px;
          display: block;
          margin: 0 0 0 10px; }
          @media (max-width: 991.98px) {
            header.header > .container .buttons-region .MainNavToggle.btn .fa-bars, header.header > .container .buttons-region .MainNavToggle.btn .fa-times {
              width: 30px;
              height: 25px;
              display: block;
              margin: 0 0 0 20px; } }
        header.header > .container .buttons-region .MainNavToggle.btn:hover, header.header > .container .buttons-region .MainNavToggle.btn:focus {
          color: #868686; }

.back-to-top {
  display: none;
  z-index: 2001;
  position: fixed;
  bottom: 30px;
  right: 30px; }
  .back-to-top i {
    width: 15px;
    height: 15px; }
    .back-to-top i:before {
      border-radius: 100px;
      background-color: #464646;
      color: #fff;
      border: 2px solid #464646;
      font-size: 1.5em; }
    .back-to-top i:hover:before {
      cursor: pointer;
      background-color: #fff;
      color: #464646;
      border-color: #fff; }
  @media (min-width: 768px) {
    .back-to-top {
      display: none; } }