/*
Copyright by 7th Sunrise
www.7thsunrise.com
*/
body {
  background: white;
  color: #4c4c4c; }

#topbar {
  background: #083a4c; }
  #topbar .mob-logo {
    text-align: center; }
    #topbar .mob-logo a {
      display: block;
      margin-top: 1rem; }

#topnav {
  margin: 0;
  padding: 1.125rem 0;
  width: 100%; }
  @media (max-width: 767px) {
    #topnav {
      padding-top: 0; } }
  #topnav .menu {
    clear: both;
    float: none;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0; }
    #topnav .menu:before, #topnav .menu:after {
      clear: both;
      float: none;
      height: 0;
      font-size: 0;
      content: '';
      display: block; }
    #topnav .menu > li {
      float: none;
      height: 34px;
      display: inline-block; }
      #topnav .menu > li.menu-item.home a {
        width: 200px;
        height: 34px;
        text-indent: -9999px;
        background: url("../img/jack-and-shane-logo-white.png") no-repeat 0 0; }
      #topnav .menu > li.menu-item:not(.home) > a {
        top: calc(34px - 1em);
        position: relative; }
      #topnav .menu > li.current-menu-item > a {
        color: #08a67b; }
      #topnav .menu > li:first-child {
        margin-left: 0; }
      #topnav .menu > li:last-child {
        margin-right: 0; }
      @media (min-width: 992px) {
        #topnav .menu > li {
          margin: 0 2rem; } }
      @media (max-width: 444px) {
        #topnav .menu > li {
          margin: 0 9px; } }
    #topnav .menu a {
      color: #00a6e5;
      font-family: "Roboto Slab", serif;
      font-size: 1.125rem;
      display: block;
      line-height: 1;
      text-align: center;
      text-decoration: none; }
      #topnav .menu a:hover {
        color: #08a67b; }
    @media (min-width: 992px) {
      #topnav .menu {
        width: 750px;
        position: relative;
        left: 55px;
        margin: 0 auto; } }
    @media (max-width: 767px) {
      #topnav .menu li.home {
        display: none; } }

#main_content {
  font-family: "Roboto Slab", serif;
  font-size: 0.875rem;
  padding: 2rem 0; }
  @media (max-width: 991px) {
    #main_content .posts-list .post-excerpt .the-post-thumbnail {
      float: none;
      display: inline-block; } }
  #main_content .posts-list .post-excerpt .the-post-thumbnail + .box {
    float: left;
    width: calc(100% - 130px); }
    @media (max-width: 991px) {
      #main_content .posts-list .post-excerpt .the-post-thumbnail + .box {
        width: 100%;
        float: none; } }

@media (max-width: 991px) {
  .posts-list .post-excerpt .the-post-thumbnail {
    width: auto;
    max-width: 100%; } }

.single.single-post #main_content {
  background-color: white;
  background-image: linear-gradient(90deg, white, #f0eff4);
  background-image: -moz-linear-gradient(90deg, white, #f0eff4);
  background-image: -webkit-linear-gradient(90deg, white, #f0eff4);
  background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(#f0eff4));
  background-image: -ms-linear-gradient(90deg, white, #f0eff4);
  background-image: -o-linear-gradient(90deg, white, #f0eff4); }
.single.single-post .the-title {
  font-size: 1.75rem;
  padding: 0 0 0.714em 0;
  font-weight: normal;
  margin: 0 0 1.428em 0;
  border-bottom: 1px solid #b3b1b2; }
.single.single-post .recent-posts h3 {
  margin-top: 9px; }

#reel_container {
  width: 100%;
  height: calc(100vh - 70px - 60px);
  background-color: #055d7d;
  background-image: url("../img/reel-background.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  #reel_container:after {
    display: block;
    width: 100%;
    height: 66px;
    position: absolute;
    z-index: 10;
    content: '';
    left: 0;
    bottom: 0;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }
  #reel_container + #main_content {
    padding-top: 1.5rem; }
  #reel_container #reel_preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 30;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transfrom: scale(0);
    transform: scale(0);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    opacity: 0; }
    #reel_container #reel_preloader .preloader {
      width: 60px;
      height: 60px;
      position: absolute;
      display: block;
      content: '';
      top: calc(50% - 30px);
      left: calc(50% - 30px);
      background-color: white;
      border-radius: 5px;
      -mox-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      background-image: url("../img/ajax-loader.gif");
      background-repeat: no-repeat;
      background-position: 50% 50%; }
    #reel_container #reel_preloader.active {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transfrom: scale(1);
      transform: scale(1);
      opacity: 1; }

#reel_timeline {
  width: 500px;
  margin: 0 auto; }
  #reel_timeline .reel-timeline-inner {
    width: 100%;
    position: relative;
    overflow-x: hidden; }
    @media (max-width: 499px) {
      #reel_timeline .reel-timeline-inner {
        width: 270px; } }
  #reel_timeline .reel-timeline-window {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 70px - 60px);
    position: relative;
    width: calc(100% + 20px); }
  #reel_timeline .reel-timeline-container {
    position: relative; }
  #reel_timeline .timeline-track {
    width: 5px;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: calc(50% - 2.5px);
    background: #083a4c;
    z-index: 0; }
    @media (max-width: 499px) {
      #reel_timeline .timeline-track {
        left: 51px; } }
  #reel_timeline #timeline {
    position: relative;
    z-index: 5;
    margin-bottom: 4rem; }
    @media (max-width: 499px) {
      #reel_timeline #timeline {
        padding-left: 20px; } }
    #reel_timeline #timeline ul li {
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      border: none; }
      #reel_timeline #timeline ul li a {
        position: static; }
    #reel_timeline #timeline > .menu-item-has-children {
      text-align: center; }
      #reel_timeline #timeline > .menu-item-has-children > a {
        font-family: "Kalam", cursive;
        font-size: 2.25rem;
        font-weight: bold;
        display: inline-block;
        color: #083a4c;
        line-height: 1;
        text-shadow: 0 5px 10px rgba(0, 0, 0, 0.48);
        margin: 1em auto;
        text-stroke: 5px #083a4c;
        -webkit-text-stroke: 5px #083a4c;
        -mos-text-stroke: 5px #083a4c;
        -ms-text-stroke: 5px #083a4c;
        position: relative;
        cursor: default;
        text-decoration: none; }
        #reel_timeline #timeline > .menu-item-has-children > a:after {
          content: attr(title);
          color: #FFF;
          position: absolute;
          left: 1px;
          top: 1px;
          text-stroke: 0;
          -webkit-text-stroke: 0;
          -mos-text-stroke: 0;
          -ms-text-stroke: 0;
          -webkit-transform: scale(0.9);
          -moz-transform: scale(0.9);
          -ms-transform: scale(0.9);
          -o-transfrom: scale(0.9);
          transform: scale(0.9); }
      @media (max-width: 499px) {
        #reel_timeline #timeline > .menu-item-has-children > a {
          text-align: left;
          display: block; } }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:before {
        width: 28px;
        height: 28px;
        display: block;
        position: absolute;
        background: #006f99;
        border: 5px solid #083a4c;
        top: 7px;
        content: '';
        border-radius: 50%;
        -mox-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out; }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:hover:before {
        background: #00a6e5; }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li a {
        background: #00a6e5;
        border-radius: 5px;
        -mox-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        position: relative;
        top: auto;
        width: 180px;
        height: 80px;
        display: block;
        color: #FFF;
        line-height: 1;
        text-decoration: none;
        font-family: "Kalam", cursive;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li a span {
          position: relative;
          top: 52%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transfrom: translateY(-50%);
          transform: translateY(-50%);
          line-height: 1.3;
          display: inline-block; }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li a:before {
          font-family: Font Awesome\ 5 Free;
          font-weight: 900;
          position: absolute;
          top: 5px;
          font-size: 2rem;
          color: #00a6e5; }
      @media (min-width: 500px) {
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(odd) {
          width: 50%;
          margin-left: 50%; }
          #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(odd) a {
            margin-left: 50px;
            padding-left: 10px;
            padding-right: 10px; }
            #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(odd) a:before {
              content: '\f0d9';
              left: -8px; }
          #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(odd):before {
            left: -14px; } }
      @media (min-width: 500px) {
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(even) {
          width: 50%;
          margin-right: 50%; }
          #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(even) a {
            padding-left: 10px;
            padding-right: 10px;
            margin-left: calc(260px - 180px - 50px); }
            #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(even) a:before {
              content: '\f0da';
              right: -8px; }
          #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(even):before {
            right: -14px; } }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+1) a {
        background: #00a6e5; }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+1) a:before {
          color: #00a6e5; }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+2) a {
        background: #08a67b; }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+2) a:before {
          color: #08a67b; }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+3) a {
        background: #a61130; }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+3) a:before {
          color: #a61130; }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+4) a {
        background: #995000; }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+4) a:before {
          color: #995000; }
      #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+5) a {
        background: #4c2800; }
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li:nth-child(5n+5) a:before {
          color: #4c2800; }
      @media (max-width: 499px) {
        #reel_timeline #timeline > .menu-item-has-children .sub-menu li {
          margin: 0 0 1rem 60px; }
          #reel_timeline #timeline > .menu-item-has-children .sub-menu li:before {
            left: -40px; }
          #reel_timeline #timeline > .menu-item-has-children .sub-menu li a:before {
            content: '\f0d9';
            left: -8px; } }

#gallery_module {
  height: 420px;
  clear: both;
  float: none;
  width: 100%;
  background: rgba(8, 58, 76, 0.8);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  position: relative; }
  #gallery_module:before, #gallery_module:after {
    clear: both;
    float: none;
    height: 0;
    font-size: 0;
    content: '';
    display: block; }
  @media (max-width: 767px) {
    #gallery_module {
      height: 74vh; } }
  #gallery_module #large_image {
    width: 50%;
    float: left;
    margin: 0;
    text-align: center;
    max-height: 100%;
    position: relative; }
    @media (min-width: 768px) {
      #gallery_module #large_image {
        height: 420px; } }
    #gallery_module #large_image img {
      height: 420px;
      width: auto;
      object-fit: cover; }
      #gallery_module #large_image img[src$="/0.jpg"] + span, #gallery_module #large_image img[data-type="video"] + span {
        position: absolute;
        width: 54px;
        height: 54px;
        left: calc(50% - 27px);
        top: calc(50% - 27px);
        background: #00a6e5;
        border-radius: 50%;
        -mox-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border: 5px solid #083a4c;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
        -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
        color: #FFF;
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        line-height: 46px;
        font-size: 20px;
        text-align: center;
        cursor: pointer; }
        #gallery_module #large_image img[src$="/0.jpg"] + span:before, #gallery_module #large_image img[data-type="video"] + span:before {
          content: '\f04b';
          position: relative;
          left: 1px; }
        #gallery_module #large_image img[src$="/0.jpg"] + span:hover, #gallery_module #large_image img[data-type="video"] + span:hover {
          background: #08a67b; }
    #gallery_module #large_image figcaption {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      color: #FFF;
      font-family: "Kalam", cursive;
      text-align: center;
      line-height: 1;
      padding: 1.5em 0.5em 0.5em;
      font-size: 1.5rem;
      background-color: transparent;
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
      background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); }
    @media (max-width: 767px) {
      #gallery_module #large_image {
        width: 100%;
        float: none;
        height: 50%;
        max-width: 100%;
        max-height: 50%; }
        #gallery_module #large_image img {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 100%; } }
  #gallery_module .gallery-module-window {
    width: 49.5%;
    float: right;
    position: relative;
    overflow-y: auto;
    height: 420px;
    max-height: 100%; }
    @media (max-width: 767px) {
      #gallery_module .gallery-module-window {
        width: 100%;
        float: none;
        height: 50%; } }
  #gallery_module .gallery-module-container {
    padding: 2rem 2.2rem; }
    @media (min-width: 768px) and (max-width: 991px) {
      #gallery_module .gallery-module-container {
        padding: 2rem 1.5rem; } }
  #gallery_module .gallery-module-list {
    grid-template-columns: 90px 90px 90px 90px;
    grid-column-gap: 15px;
    grid-row-gap: 25px;
    justify-content: space-between;
    display: grid;
    margin: 0; }
    #gallery_module .gallery-module-list li {
      position: relative;
      cursor: pointer;
      background: black;
      transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out; }
      #gallery_module .gallery-module-list li img {
        width: 100%;
        height: 100%;
        max-height: 68px;
        object-fit: cover;
        border: 2px solid #00a6e5;
        opacity: 0.9;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out; }
      #gallery_module .gallery-module-list li:after {
        -webkit-font-smoothing: antialiased;
        font-weight: normal;
        position: absolute;
        font-size: 1.7rem;
        left: 50%;
        top: 50%;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transfrom: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #00a6e5;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out; }
      #gallery_module .gallery-module-list li[data-type="image"]:after {
        content: '\f03e';
        font-family: Font Awesome\ 5 Free; }
      #gallery_module .gallery-module-list li[data-type="video"]:after {
        content: '\f167';
        font-family: Font Awesome\ 5 Brands; }
      #gallery_module .gallery-module-list li:hover img {
        opacity: 1;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0);
        -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0); }
      #gallery_module .gallery-module-list li:hover:after {
        opacity: 0; }
      #gallery_module .gallery-module-list li.active:after {
        display: none; }
      #gallery_module .gallery-module-list li.active img {
        opacity: 1; }
    @media (max-width: 991px) {
      #gallery_module .gallery-module-list {
        grid-template-columns: 90px 90px 90px; } }
  #gallery_module #backtotimeline {
    position: absolute;
    top: 0;
    left: -30px;
    height: 100%;
    width: 60px;
    line-height: 100%;
    z-index: 10; }
    #gallery_module #backtotimeline a {
      display: inline-block;
      background: #00a6e5;
      border: 5px solid #083a4c;
      text-align: center;
      width: 54px;
      height: 54px;
      line-height: 53px;
      cursor: pointer;
      border-radius: 50%;
      -mox-border-radius: 50%;
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      position: relative;
      top: calc(50% - 27px);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
      -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); }
      #gallery_module #backtotimeline a:hover {
        background: #08a67b; }
    #gallery_module #backtotimeline .fa {
      font-size: 24px;
      color: white;
      text-shadow: 0 0 1px white; }
    @media (max-width: 767px) {
      #gallery_module #backtotimeline {
        left: 0;
        width: 100%;
        height: 54px;
        text-align: center;
        top: -27px; } }

#single_gallery {
  padding: calc((100vh - 70px - 60px - 480px) / 2) 0;
  width: 100%; }
  @media (max-width: 767px) {
    #single_gallery {
      padding: 2rem 0; } }

#reel_container__move {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out; }

#single_gallery__move {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 15;
  top: 0;
  transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out; }

#reel_container__move + #single_gallery__move {
  left: 100%;
  transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out; }

/*# sourceMappingURL=jands-2019.css.map */