@font-face {
  font-family: 'Futura Std';
  src: url("../fonts/FuturaStd-CondensedBold.woff2") format("woff2"), url("../fonts/FuturaStd-CondensedBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura Std';
  src: url("../fonts/FuturaStd-Condensed.woff2") format("woff2"), url("../fonts/FuturaStd-Condensed.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura Std';
  src: url("../fonts/FuturaStd-CondensedLight.woff2") format("woff2"), url("../fonts/FuturaStd-CondensedLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
.fdimages {
  font-family: "Roboto Condensed";
  font-size: 0;
  font-weight: 400;
  width: 100%; }
  .fdimages * {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    font-family: "Roboto Condensed";
    font-weight: 400; }
  .fdimages input:focus,
  .fdimages select:focus,
  .fdimages textarea:focus,
  .fdimages button:focus,
  .fdimages div:focus {
    outline: none; }
  .fdimages .cross {
    position: relative;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; }
    .fdimages .cross:before, .fdimages .cross:after {
      position: absolute;
      content: ' ';
      height: 32px;
      width: 2px;
      background-color: #fff;
      transition: background-color 0.2s ease; }
    .fdimages .cross:before {
      transform: rotate(45deg); }
    .fdimages .cross:after {
      transform: rotate(-45deg); }
    .fdimages .cross:hover:before, .fdimages .cross:hover:after {
      /*background-color: #ff4d4d;*/ }
  .fdimages .larrow {
    position: relative;
    width: 32px;
    height: 48px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: right; }
    .fdimages .larrow:before, .fdimages .larrow:after {
      position: absolute;
      content: ' ';
      height: 24px;
      width: 2px;
      background-color: #fff;
      transition: background-color 0.2s ease; }
    .fdimages .larrow:before {
      top: 8px;
      transform-origin: top right;
      transform: rotate(45deg); }
    .fdimages .larrow:after {
      bottom: 8px;
      transform-origin: bottom right;
      transform: rotate(-45deg); }
    .fdimages .larrow:hover:before, .fdimages .larrow:hover:after {
      /*background-color: #ff4d4d;*/ }
  .fdimages .rarrow {
    position: relative;
    width: 32px;
    height: 48px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: left; }
    .fdimages .rarrow:before, .fdimages .rarrow:after {
      position: absolute;
      content: ' ';
      height: 24px;
      width: 2px;
      background-color: #fff;
      transition: background-color 0.2s ease; }
    .fdimages .rarrow:before {
      top: 8px;
      transform-origin: top left;
      transform: rotate(-45deg); }
    .fdimages .rarrow:after {
      bottom: 8px;
      transform-origin: bottom left;
      transform: rotate(45deg); }
    .fdimages .rarrow:hover:before, .fdimages .rarrow:hover:after {
      /*background-color: #ff4d4d;*/ }
  .fdimages .fdimages_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    z-index: 500; }
    .fdimages .fdimages_modal .fdimages_modal_inner {
      display: inline-block;
      margin-top: 0px;
      width: calc(100% - 00px);
      height: calc(100% - 00px);
      background: #000; }
      .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides {
        height: calc(100% - 150px); }
        .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_prev {
          display: inline-block;
          vertical-align: top;
          height: 100%;
          width: 75px;
          color: #fff;
          font-size: 30px;
          padding: 20px;
          text-align: center;
          cursor: pointer; }
          .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_prev .larrow {
            position: absolute;
            top: calc(50% - 64px);
            left: 20px; }
        .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_container {
          display: inline-block;
          width: calc(100% - 150px);
          height: 100%;
          overflow: hidden; }
        .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_content {
          position: relative;
          left: 0;
          display: block;
          width: auto;
          height: 100%;
          text-align: left; }
          .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_content .fdimages_image {
            background: #000;
            display: inline-block;
            vertical-align: top;
            text-align: center; }
            .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_content .fdimages_image img {
              position: relative;
              top: 50%;
              transform: translateY(calc(-50% - 40px)); }
            .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_content .fdimages_image .fdimages_image_title {
              height: 80px;
              color: #fff;
              font-size: 16px;
              padding: 10px 0;
              display: flex;
              align-items: center;
              justify-content: center; }
        .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_next {
          display: inline-block;
          vertical-align: top;
          height: 100%;
          width: 75px;
          color: #fff;
          font-size: 30px;
          padding: 20px;
          text-align: center;
          cursor: pointer; }
          .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_slides .fdimages_modal_slides_next .rarrow {
            position: absolute;
            top: calc(50% - 64px);
            right: 20px; }
      .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_close {
        width: 100%;
        height: 75px;
        color: #fff;
        font-size: 30px;
        padding: 20px;
        text-align: right;
        cursor: pointer;
        position: relative; }
        .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_close .cross {
          position: absolute;
          top: 30px;
          right: 30px; }
      .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_toolbar {
        width: 100%;
        height: 75px;
        color: #fff;
        font-size: 30px;
        font-weight: 800;
        text-align: center; }
        .fdimages .fdimages_modal .fdimages_modal_inner .fdimages_modal_toolbar .fdimages_modal_toolbar_button {
          display: inline-block;
          padding: 10px 20px; }

/*# sourceMappingURL=styles.css.map */
