#gallery {
  position: relative; }
  #gallery .gallery-modal {
    display: none; }
    #gallery .gallery-modal.active {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.87);
      height: 100%;
      z-index: 100;
      display: block; }
      #gallery .gallery-modal.active .modal__wrapper {
        display: block;
        width: 70%;
        height: 100%;
        margin: 30px auto; }
        #gallery .gallery-modal.active .modal__wrapper .modal__header {
          background: black;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          padding: 10px 20px; }
          #gallery .gallery-modal.active .modal__wrapper .modal__header .modal__title {
            color: white;
            font-size: 14px;
            font-weight: 600; }
          #gallery .gallery-modal.active .modal__wrapper .modal__header .modal__close .close {
            width: 24px !important;
            height: 24px !important;
            fill: white !important;
            position: relative;
            right: -10px; }
        #gallery .gallery-modal.active .modal__wrapper .modal__body {
          position: relative;
          overflow: hidden;
          margin-bottom: 60px;
          height: 85%;
          margin-left: auto;
          margin-right: auto;
          width: 100%; }
          #gallery .gallery-modal.active .modal__wrapper .modal__body .swiper-slide {
            background-size: cover;
            background-position: center; }
          #gallery .gallery-modal.active .modal__wrapper .modal__body .gallerySwiper {
            height: 80% !important;
            width: 100%;
            background: black; }
            #gallery .gallery-modal.active .modal__wrapper .modal__body .gallerySwiper .swiper-slide {
              position: relative;
              display: flex;
              align-items: center;
              justify-content: center; }
              #gallery .gallery-modal.active .modal__wrapper .modal__body .gallerySwiper .swiper-slide img {
                width: auto !important;
                height: 90%;
                margin: 0 auto; }
          #gallery .gallery-modal.active .modal__wrapper .modal__body .thumbSwiper {
            height: 20%;
            box-sizing: border-box;
            padding: 10px 0;
            background: black; }
          #gallery .gallery-modal.active .modal__wrapper .modal__body .thumbSwiper .swiper-slide {
            width: auto !important;
            height: 100%;
            opacity: 0.6; }
            #gallery .gallery-modal.active .modal__wrapper .modal__body .thumbSwiper .swiper-slide img {
              width: auto !important; }
          #gallery .gallery-modal.active .modal__wrapper .modal__body .thumbSwiper .swiper-slide-thumb-active {
            opacity: 1; }
          #gallery .gallery-modal.active .modal__wrapper .modal__body .swiper-slide img {
            display: block;
            height: 100%;
            object-fit: cover; }
  #gallery .section-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start; }
    #gallery .section-wrapper .left-col {
      -webkit-flex: 0 0  30%;
      -moz-flex: 0 0  30%;
      -ms-flex: 0 0  30%;
      flex: 0 0  30%; }
      #gallery .section-wrapper .left-col .sect-list {
        display: flex;
        flex-direction: column;
        margin: 0 0 20px 0;
        padding: 10px;
        background-color: #eee; }
        #gallery .section-wrapper .left-col .sect-list a {
          padding: 3px 10px;
          color: #011552;
          text-decoration: none; }
          #gallery .section-wrapper .left-col .sect-list a:hover {
            background: #dfe1e1; }
          #gallery .section-wrapper .left-col .sect-list a.active {
            color: #fff;
            background: #0cf; }
    #gallery .section-wrapper .content {
      flex-grow: 1;
      padding-top: 0; }
      #gallery .section-wrapper .content h1 {
        font-size: 28px;
        margin: 0 0 30px 0;
        color: #011552;
        line-height: 1; }
      #gallery .section-wrapper .content .gallery-list .gallery-item {
        display: flex;
        flex-direction: column;
        margin-top: 20px; }
        #gallery .section-wrapper .content .gallery-list .gallery-item .gallery-item__title {
          font-size: 16px;
          color: #000;
          text-decoration: none;
          margin-bottom: 10px; }
        #gallery .section-wrapper .content .gallery-list .gallery-item .item__date {
          color: #999;
          margin-top: 5px;
          font-size: 11px;
          margin-bottom: 10px; }
        #gallery .section-wrapper .content .gallery-list .gallery-item .img-list {
          display: flex;
          flex-direction: row;
          align-items: stretch;
          justify-content: space-between; }
          #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .item-big {
            flex: 0 0 40%;
            position: relative;
            margin-bottom: 8px; }
            #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .item-big:after {
              content: "";
              padding-top: 100%;
              display: block; }
            #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .item-big .img__wrapper {
              position: absolute;
              transform: translate(-50%, -50%);
              top: 50%;
              left: 50%;
              width: 100%;
              height: 100%;
              overflow: hidden;
              cursor: pointer; }
              #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .item-big .img__wrapper img {
                min-width: 100%;
                height: 100%;
                object-fit: cover; }
          #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .small-items {
            flex: 0 0 60%;
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            justify-content: flex-start;
            flex-wrap: wrap;
            height: 50%; }
            #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .small-items .small__item {
              flex: 0 0 33%;
              position: relative;
              margin-bottom: 8px; }
              #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .small-items .small__item:after {
                content: "";
                padding-top: 100%;
                display: block; }
              #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .small-items .small__item.img__hidden {
                display: none; }
              #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .small-items .small__item .img__wrapper {
                position: absolute;
                transform: translate(-50%, -50%);
                top: 50%;
                left: 50%;
                width: 100%;
                height: 100%;
                overflow: hidden;
                cursor: pointer; }
                #gallery .section-wrapper .content .gallery-list .gallery-item .img-list .small-items .small__item .img__wrapper img {
                  min-width: 100%;
                  height: 100%;
                  object-fit: cover;
                  margin-left: 8px; }
    #gallery .section-wrapper .news-top {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
      width: 100%; }
      #gallery .section-wrapper .news-top .news__title {
        color: #09c;
        font-size: 28px;
        margin: 0 0 30px 0;
        line-height: 1; }
      #gallery .section-wrapper .news-top .years-filter {
        position: relative; }
        #gallery .section-wrapper .news-top .years-filter .years__current {
          color: #011552;
          border: 1px solid #dedede;
          background-color: #fff;
          border-radius: 4px;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          padding: 6px 12px;
          margin-bottom: 0;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.42857143;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          cursor: pointer;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
          #gallery .section-wrapper .news-top .years-filter .years__current .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 5px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-top: 4px solid\9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s; }
          #gallery .section-wrapper .news-top .years-filter .years__current:hover, #gallery .section-wrapper .news-top .years-filter .years__current.active {
            background-color: #e6e6e6;
            border-color: #adadad; }
          #gallery .section-wrapper .news-top .years-filter .years__current.active {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }
            #gallery .section-wrapper .news-top .years-filter .years__current.active .caret {
              transform: rotate(180deg); }
        #gallery .section-wrapper .news-top .years-filter .years__list {
          display: none; }
          #gallery .section-wrapper .news-top .years-filter .years__list.active {
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid gray;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            position: absolute;
            width: calc(100% - 2px);
            background: white;
            z-index: 5; }
            #gallery .section-wrapper .news-top .years-filter .years__list.active a {
              padding: 6px 12px;
              margin-bottom: 0;
              font-size: 14px;
              font-weight: 400;
              line-height: 1.42857143;
              text-align: center;
              white-space: nowrap;
              vertical-align: middle;
              color: #000;
              text-decoration: none;
              -webkit-transition: all .3s;
              -moz-transition: all .3s;
              -ms-transition: all .3s;
              -o-transition: all .3s;
              transition: all .3s; }
              #gallery .section-wrapper .news-top .years-filter .years__list.active a:hover {
                color: #09c; }
    #gallery .section-wrapper .news-detail {
      position: relative;
      max-width: 100%;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap; }
      #gallery .section-wrapper .news-detail .news-item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        flex: 0 1 50%;
        width: 50%; }
        #gallery .section-wrapper .news-detail .news-item .news-item__wrapper {
          padding: 20px;
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: space-between; }
          #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .news__image {
            margin-right: 10px;
            border: 1px solid #ddd;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            padding: 4px;
            width: 100px;
            height: 66px; }
            #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .news__image img {
              width: inherit;
              height: 100%;
              object-fit: cover; }
          #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__title {
            font-size: 16px;
            line-height: 1;
            color: #000;
            text-decoration: none;
            margin-bottom: 10px; }
            #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__title:hover {
              color: #999; }
          #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__text {
            margin-top: 10px;
            max-height: 125px;
            overflow: hidden;
            position: relative; }
            #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__text:after {
              position: absolute;
              content: '';
              display: block;
              height: 20px;
              width: 100%;
              bottom: 0;
              background: white;
              background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); }
          #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__bottom {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between; }
            #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__bottom .detail__date {
              color: #999;
              font-size: 11px;
              margin: 5px 0 0 0; }
            #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__bottom .detail__link, #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__bottom .detail__link:visited {
              color: var(--link-text-color-blue);
              text-decoration: none;
              -webkit-transition: all .3s;
              -moz-transition: all .3s;
              -ms-transition: all .3s;
              -o-transition: all .3s;
              transition: all .3s;
              font-size: 13px; }
              #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__bottom .detail__link:hover, #gallery .section-wrapper .news-detail .news-item .news-item__wrapper .item__detail .detail__bottom .detail__link:visited:hover {
                text-decoration: underline;
                color: var(--link-text-color-blue-hover); }

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