.action_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
  display: none; }

.actions_modal {
  display: none;
  position: fixed;
  width: 36vw;
  min-height: 36vw;
  max-height: 36vw;
  background: #5A5A5A;
  left: calc(50% - 18vw);
  top: 5vw;
  z-index: 21; }
  .actions_modal:after {
    content: '';
    background: url(/assets/img/actions_bottom.svg);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2.4vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 50%; }
    @media (max-width: 767px) {
      .actions_modal:after {
        height: 8vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .actions_modal:after {
        height: 8vw; } }
  @media (max-width: 767px) {
    .actions_modal {
      width: 88vw;
      min-height: 88vw;
      max-height: 88vw;
      left: 6vw;
      top: 30vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .actions_modal {
      width: 88vw;
      min-height: 88vw;
      max-height: 88vw;
      left: 6vw;
      top: 30vw; } }
  .actions_modal .close_actions_modal img {
    width: 54px;
    position: absolute;
    right: -27px;
    top: -27px;
    z-index: 1; }
    @media (max-width: 767px) {
      .actions_modal .close_actions_modal img {
        right: calc(50% - 20px);
        top: -20px;
        width: 40px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .actions_modal .close_actions_modal img {
        right: calc(50% - 20px);
        top: -20px;
        width: 40px; } }
  .actions_modal .action_container {
    float: left;
    position: relative;
    width: 36vw;
    height: 36vw;
    overflow: hidden; }
    @media (max-width: 767px) {
      .actions_modal .action_container {
        width: 88vw;
        height: 88vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .actions_modal .action_container {
        width: 88vw;
        height: 88vw; } }
    .actions_modal .action_container .action_image {
      float: left;
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: none; }
      .actions_modal .action_container .action_image.linked {
        cursor: pointer; }
      .actions_modal .action_container .action_image.active {
        display: block; }
  .actions_modal .bottom_controls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
    .actions_modal .bottom_controls .action_controls {
      position: absolute;
      top: .6vw;
      width: 100%;
      text-align: center; }
      .actions_modal .bottom_controls .action_controls a, .actions_modal .bottom_controls .action_controls p {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #fff; }
      @media (min-width: 992px) {
        .actions_modal .bottom_controls .action_controls img {
          width: .5vw; } }
      .actions_modal .bottom_controls .action_controls p {
        margin: 0 3vw; }
        @media (max-width: 767px) {
          .actions_modal .bottom_controls .action_controls p {
            margin: 0 9vw; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .actions_modal .bottom_controls .action_controls p {
            margin: 0 9vw; } }
        @media (min-width: 992px) {
          .actions_modal .bottom_controls .action_controls p {
            transform: translateY(-0.1vw); } }

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