.ms_gallery {
  display: flex;
  width: 100%;
  height: 500px; }
  .ms_gallery_left {
    flex: 7; }
  .ms_gallery_preview {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px; }
  .ms_gallery_fullbox {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    width: 90%;
    height: 90%;
    z-index: 999;
    top: 5%;
    left: 5%;
    border-radius: 15px;
    border: solid 3px #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none; }
    .ms_gallery_fullbox_image {
      max-height: 100%; }
  .ms_gallery_thumbnail {
    width: 100%;
    cursor: pointer;
    transition: all 300ms; }
    .ms_gallery_thumbnail:hover {
      filter: grayscale(1); }
  .ms_gallery_right {
    flex: 3;
    overflow-y: scroll; }
  .ms_gallery_image {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block; }
  .ms_gallery_dots {
    display: flex;
    justify-content: space-around;
    width: 150px;
    position: absolute;
    bottom: 10px; }
  .ms_gallery_dot {
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 300ms;
    color: #fff; }
    .ms_gallery_dot:hover {
      background: #85c619; }
    .ms_gallery_dot::selection {
      background: none; }
  .ms_gallery_fullscreen {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    top: 5px;
    right: 5px;
    width: 33px;
    height: 33px;
    position: absolute !important;
    font-size: 32px !important;
    transition: all 300ms; }
    .ms_gallery_fullscreen:hover {
      background: #85c619; }
    .ms_gallery_fullscreen::selection {
      background: none; }
  .ms_gallery_fullscreenexit {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    position: absolute !important;
    font-size: 50px !important;
    transition: all 300ms; }
    .ms_gallery_fullscreenexit:hover {
      background: #85c619; }
    .ms_gallery_fullscreenexit::selection {
      background: none; }

@media all and (max-width: 900px) {
  .ms_gallery {
    flex-direction: column;
    height: auto; }
    .ms_gallery_right {
      width: 100%;
      height: 150px;
      display: flex;
      overflow-x: scroll;
      overflow-y: hidden;
      flex: inherit; }
    .ms_gallery_left {
      height: 500px; }
    .ms_gallery_thumbnails {
      display: flex;
      width: 100%; }
    .ms_gallery_thumbnail {
      height: 100%;
      width: auto;
      margin: 0 10px; } }

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