.container .video-cont .column {
  zoom: 1; }
  .container .video-cont .column:before {
    content: "";
    display: table; }
  .container .video-cont .column:after {
    content: "";
    display: table;
    clear: both; }

.container {
  margin-top: 38px; }
  .container .container-wrap {
    max-width: 566px; }
  .container .cont-switch {
    font-size: 0;
    text-align: center; }
    .container .cont-switch li {
      display: inline-block;
      vertical-align: top;
      font-size: 24px;
      padding: 7px 26px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-bottom: 2px solid rgba(0, 0, 0, 0);
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      cursor: pointer; }
      .container .cont-switch li:hover {
        color: #ee6748;
        border-bottom: 2px solid #ed3635; }
      .container .cont-switch li.active {
        color: #ee6748;
        border-bottom: 2px solid #ed3635; }
  .container .album-cont {
    position: relative;
    margin-top: 48px; }
    .container .album-cont li {
      position: relative;
      cursor: pointer; }
      .container .album-cont li:hover .cover {
        opacity: 1; }
      .container .album-cont li ~ li {
        margin-top: 34px; }
    .container .album-cont .cover {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(33, 54, 91, 0.7);
      background-image: url("../images/m/media/album/icon-magnifier.png");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      z-index: 1;
      opacity: 0;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .container .album-cont img {
      width: 100%; }
  .container .video-cont {
    display: none;
    position: relative;
    margin-top: 48px; }
    .container .video-cont li ~ li {
      margin-top: 34px; }

.image-source-link {
  color: #98C3D1; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

.mfp-zoom-out-cur {
  cursor: pointer; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer; }
  .mfp-zoom-out-cur .mfp-close {
    background: url("../images/m/media/popup-close.png") no-repeat;
    width: 46px;
    height: 46px;
    top: 40px;
    right: 0;
    font-size: 0;
    opacity: 1;
    padding: 0;
    cursor: pointer; }
  .mfp-zoom-out-cur .mfp-arrow-right {
    background: url("../images/m/media/popup-arrow-right.png") center center no-repeat; }
    .mfp-zoom-out-cur .mfp-arrow-right:before, .mfp-zoom-out-cur .mfp-arrow-right:after {
      border: 0px; }
  .mfp-zoom-out-cur .mfp-arrow-left {
    background: url("../images/m/media/popup-arrow-left.png") center center no-repeat; }
    .mfp-zoom-out-cur .mfp-arrow-left:before, .mfp-zoom-out-cur .mfp-arrow-left:after {
      border: 0px; }

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media only screen and (min-width: 990px) {
  .container {
    font-size: 18px;
    margin-top: 50px; }
    .container .container-wrap {
      max-width: 1307px; }
    .container .album-cont li ~ li {
      margin-top: 0; }
    .container .video-cont li {
      float: left;
      width: 33.33%;
      padding-left: 15px;
      padding-right: 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .container .video-cont li ~ li {
        margin-top: 0; }
      .container .video-cont li:nth-child(3) ~ li {
        margin-top: 30px; } }