/* 16:9 */
@-webkit-keyframes biSlideFade {
  0% {
    opacity: 0; }
  6% {
    opacity: 1; }
  24% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes biSlideFade {
  0% {
    opacity: 0; }
  6% {
    opacity: 1; }
  24% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@media only screen {
  html, body {
    height: auto; } }

@media only screen and (min-width: 1250px) {
  .bi-container {
    padding: 0; } }

@media only screen {
  /*
        * NAV * ** * ** * ** * ** * ** *
    */
  .bi-nav-container {
    top: 5rem;
    position: absolute;
    border-bottom: none;
    width: 100%;
    text-align: center;
    background-color: rgba(214, 163, 132, 0);
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out; } }
  @media only screen and (min-width: 1350px) {
    .bi-nav-container {
      padding-right: 1%;
      padding-left: 1%; } }
  @media only screen and (min-width: 1400px) {
    .bi-nav-container {
      padding-right: 2%;
      padding-left: 2%; } }

@media only screen {
    .bi-nav-container .bi-nav-controllers {
      display: none; }
    .bi-nav-container .bi-main-nav {
      position: relative;
      height: 3.3em;
      top: 0;
      left: 0;
      right: 0;
      display: block;
      overflow: visible;
      background: transparent;
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
      .bi-nav-container .bi-main-nav .bi-nav {
        border: none; }
    .bi-nav-container .bi-nav {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      text-align: center;
      width: 100%;
      max-width: 1300px;
      margin-left: auto;
      margin-right: auto; }
      .bi-nav-container .bi-nav li {
        display: block;
        width: 100%;
        border: none;
        position: relative; }
        .bi-nav-container .bi-nav li a, .bi-nav-container .bi-nav li span:not(.fa), .bi-nav-container .bi-nav li button {
          text-align: center;
          text-decoration: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          line-height: 1;
          height: 100%;
          padding: 0.3rem 0.5rem;
          cursor: pointer;
          color: white;
          background: transparent;
          position: relative;
          -webkit-transition: none;
          -o-transition: none;
          transition: none;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
          text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          border-bottom: solid thin transparent;
          -ms-flex-direction: row; }
          .bi-nav-container .bi-nav li a.on, .bi-nav-container .bi-nav li span:not(.fa).on, .bi-nav-container .bi-nav li button.on {
            color: white;
            border-bottom: solid thin white; }
        .bi-nav-container .bi-nav li:nth-of-type(4) {
          margin-right: 300px; } }
        @media only screen and (-ms-high-contrast: active) {
          .bi-nav-container .bi-nav li:nth-of-type(4) {
            margin-right: 400px; } }

@media only screen {
          .bi-nav-container .bi-nav li:nth-of-type(4) .bi-subnav {
            left: auto;
            right: 0;
            text-align: right; }
            .bi-nav-container .bi-nav li:nth-of-type(4) .bi-subnav li a {
              text-align: right; }
        .bi-nav-container .bi-nav li:nth-of-type(6) {
          min-width: 9rem; } }
        @media only screen and (min-width: 1300px) {
          .bi-nav-container .bi-nav li:nth-of-type(6) {
            min-width: 12rem; } }

@media only screen {
        .bi-nav-container .bi-nav li:nth-of-type(3) {
          min-width: 7rem; }
        .bi-nav-container .bi-nav li a:focus ~ ul {
          height: auto;
          opacity: 1;
          display: block;
          top: 2.95em;
          z-index: 1; }
        .bi-nav-container .bi-nav li ul:focus-within {
          height: auto;
          top: 2.95em;
          opacity: 1; }
        .bi-nav-container .bi-nav li .bi-contact-controller {
          background: none; }
        .bi-nav-container .bi-nav li .bi-subnav {
          width: 13em;
          height: 0;
          position: absolute;
          top: 100%;
          left: 0;
          margin-left: auto;
          margin-right: auto;
          overflow: hidden;
          background: #f2bd98;
          z-index: 3;
          opacity: 0;
          font-family: "Mirza-Regular";
          border-bottom: none;
          border-radius: 0 0 5px 5px; }
          .bi-nav-container .bi-nav li .bi-subnav li {
            display: block;
            width: auto;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            border-bottom: none;
            border-top: none;
            position: relative;
            margin: 0 !important; }
            .bi-nav-container .bi-nav li .bi-subnav li a {
              color: #472a2c;
              display: block;
              text-align: left;
              text-decoration: none;
              text-shadow: none;
              border: none !important;
              text-transform: none;
              line-height: 1;
              padding: 0.5em 0.75rem;
              height: 100%;
              overflow: auto;
              color: #472a2c; }
            .bi-nav-container .bi-nav li .bi-subnav li:hover .subsubnav, .bi-nav-container .bi-nav li .bi-subnav li:focus .subsubnav {
              display: block;
              opacity: 1;
              overflow: visible;
              height: auto; }
        .bi-nav-container .bi-nav li:hover .bi-subnav, .bi-nav-container .bi-nav li:focus .bi-subnav {
          height: auto;
          top: 100%;
          opacity: 1;
          overflow: visible; }
        .bi-nav-container .bi-nav li:focus-within .bi-subnav {
          height: auto;
          top: 100%;
          opacity: 1;
          overflow: visible; }
        .bi-nav-container .bi-nav li:hover a, .bi-nav-container .bi-nav li:hover span:not(.fa), .bi-nav-container .bi-nav li:hover button, .bi-nav-container .bi-nav li:focus a, .bi-nav-container .bi-nav li:focus span:not(.fa), .bi-nav-container .bi-nav li:focus button {
          color: #f8dac5; }
        .bi-nav-container .bi-nav li:hover .bi-subnav, .bi-nav-container .bi-nav li:focus .bi-subnav {
          height: auto;
          opacity: 1; }
          .bi-nav-container .bi-nav li:hover .bi-subnav li a, .bi-nav-container .bi-nav li:focus .bi-subnav li a {
            background: transparent;
            color: #472a2c; }
            .bi-nav-container .bi-nav li:hover .bi-subnav li a:after, .bi-nav-container .bi-nav li:focus .bi-subnav li a:after {
              display: none; }
          .bi-nav-container .bi-nav li:hover .bi-subnav li:hover a, .bi-nav-container .bi-nav li:hover .bi-subnav li:focus a, .bi-nav-container .bi-nav li:hover .bi-subnav li a.on, .bi-nav-container .bi-nav li:focus .bi-subnav li:hover a, .bi-nav-container .bi-nav li:focus .bi-subnav li:focus a, .bi-nav-container .bi-nav li:focus .bi-subnav li a.on {
            background: rgba(255, 255, 255, 0.3);
            color: #472a2c; }
        .bi-nav-container .bi-nav li .bi-subnav > li:focus, .bi-nav-container .bi-nav li .bi-subnav > a:focus {
          height: auto;
          opacity: 1;
          visibility: visible;
          top: 100%;
          z-index: 1; }
      .bi-nav-container .bi-nav li:hover .bi-subnav, .bi-nav-container .bi-nav li:focus .bi-subnav {
        height: auto;
        opacity: 1;
        visibility: visible;
        top: 100%;
        z-index: 1; }
  .bi-nav-container.fixed {
    position: fixed;
    top: 0;
    background-color: #d6a384;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25); }
  /*
        * HEADER * ** * ** * ** * ** * ** *
    */
  .bi-head-container {
    position: absolute;
    z-index: 99;
    top: 0;
    width: 100vw;
    left: 0; }
  .bi-site-header {
    width: 100%;
    background-color: transparent;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 100; }
    .bi-site-header .bi-header-inner {
      position: relative;
      top: 0;
      width: 100%;
      height: 100%; }
  .bi-header-wrapper {
    padding: 0 2%;
    position: relative;
    z-index: 10;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto; }
  .bi-logo-container {
    float: none;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    top: -2rem;
    left: 0;
    right: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    padding-left: 2rem;
    padding-right: 2rem; } }
  @media only screen and (-ms-high-contrast: active) {
    .bi-logo-container {
      top: 0; } }
  @media only screen and (min-width: 1300px) {
    .bi-logo-container {
      max-width: 300px;
      height: 300px; } }

@media only screen {
    .bi-logo-container a {
      margin: 0; }
    .bi-logo-container.fixed {
      top: -1rem;
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); }
  .bi-header-contact {
    top: 1.5rem;
    padding-bottom: 1rem;
    position: relative;
    left: 0;
    float: none;
    text-align: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .bi-header-contact p {
      text-align: center;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      padding: 0;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0;
      text-align: left;
      width: auto;
      display: flex;
      flex-direction: row; } }
    @media only screen and (min-width: 1300px) {
      .bi-header-contact p {
        max-width: calc(50% - 175px); } }

@media only screen {
      .bi-header-contact p span {
        display: inline-block;
        padding: 0.25em 0.1em;
        border-bottom: none;
        margin: 0;
        margin-right: 0.75rem; }
        .bi-header-contact p span br {
          display: none; }
      .bi-header-contact p:nth-of-type(2) {
        text-align: right; }
      .bi-header-contact p strong {
        font-size: 1rem;
        display: block;
        border-bottom: none;
        border-right: solid thin #b7cc96;
        width: 4rem;
        -ms-flex-preferred-size: 5rem;
        flex-basis: 5rem;
        text-align: left;
        margin-right: 0.5rem;
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0.5rem;
        line-height: 1;
        height: 100%;
        color: #d6a384; }
      .bi-header-contact p .bi-header-phone {
        white-space: nowrap;
        padding-right: 0.5rem; }
  .bi-appointment-container {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
    top: 50vh; }
  /*
        * TYPOGRAPHY * ** * ** * ** * ** * ** *
    */
  .bi-bullets.three {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  .bi-four-up .bi-item {
    -ms-flex-preferred-size: calc(100% /4);
    flex-basis: calc(100% /4);
    width: calc(100% /4);
    max-width: calc(100% /4);
    -ms-flex-basis: calc(99% /4);
    -ms-width: calc(99% /4);
    -ms-max-width: calc(99% /4); }
  .bi-five-up .bi-item {
    -ms-flex-preferred-size: calc(100% /5);
    flex-basis: calc(100% /5);
    width: calc(100% /5);
    max-width: calc(100% /5);
    -ms-flex-basis: calc(99% /5);
    -ms-width: calc(99% /5);
    -ms-max-width: calc(99% /5); }
    .bi-five-up .bi-item:last-child {
      -ms-flex-preferred-size: calc(100% /5);
      flex-basis: calc(100% /5);
      width: calc(100% /5);
      max-width: calc(100% /5); }
  .bi-map {
    margin-top: 4rem; }
  .bi-slider .bi-slide:first-child {
    background-image: url("../../images/home/slider-1.jpg"); }
  .bi-slider .bi-slide:nth-child(2) {
    background-image: url("../../images/home/slider-2.jpg"); }
  .bi-slider .bi-slide:nth-child(3) {
    background-image: url("../../images/home/slider-3.jpg"); }
  .bi-slider .bi-slide:last-child {
    background-image: url("../../images/home/slider-4.jpg"); } }