/*gallery*/
#gallery .flexbox {
    flex-wrap: wrap;
  }
  #gallery .flexbox.grid {
    justify-content: space-between;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.grid {
  
    }
  }
  #gallery .vid {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  @media only screen and (max-width: 896px) {
    #gallery .vid {
      display: none;
    }
  }
  #gallery .vid img {
    height: 31px;
    margin-left: 30px;
    cursor: pointer;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .vid img {
      height: 1.35rem;
    }
  }
  #gallery .top-button {
    display: flex;
    padding-bottom: 2rem;
  }
  @media only screen and (max-width: 600px) {
    #gallery .top-button {
      flex-direction: column;
      align-items: center;
    }
  }
  #gallery .top-button a {
    background: #6FC727;
    color: #fff;
    font-size: 16px;
    padding: 15.75px 21px;
    text-align: center;
    font-weight: 500;
    margin-right: 20px;
    display: flex;
    align-items: center;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .top-button a {
      font-size: 0.965rem;
      padding: 0.95rem 1.26rem;
      margin-right: 1.2rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .top-button a {
      font-size: 3.86vw;
      padding: 3.2vw 3vw 2.5vw 3vw;
      margin: 2vw;
      width: 75vw;
      justify-content: center;
    }
  }
  #gallery .top-button a:hover {
    background: #0A2734;
    color: #fff;
  }
  #gallery .top-button img {
    padding-right: 6px;
    height: 20px;
    /*filter: invert(78%) sepia(10%) saturate(2376%) hue-rotate(332deg) brightness(95%) contrast(90%);*/
  }
  @media only screen and (max-width: 1280px) {
    #gallery .top-button img {
      padding-right: 0.4rem;
      height: 1.2rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .top-button img {
      padding-right: 1vw;
      height: 3vw;
    }
  }
  #gallery .top-button a:hover img {
    filter: none;
  }
  #gallery .vid img.active {
    filter: invert(75%) sepia(23%) saturate(1406%) hue-rotate(44deg) brightness(88%) contrast(93%);
  }
  #gallery .flexbox .line {
    display: flex;
    flex-direction: row;
    align-items: end;
    margin-top: 52px;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox .line {
      margin-top: 3.125rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox .line {
      margin-top: 7vw;
    }
  }
  #gallery .flexbox.table .line {
    align-items: center;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .line {
      flex-direction: column;
    }
  }
  #gallery .flexbox.grid .line {
    width: 48%;
    height: 343px;
  }
  @media only screen and (max-width: 1400px) {
    #gallery .flexbox.grid .line {
      height: 19rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .flexbox.grid .line {
      height: 24vw;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.grid .line {
      width: 100%;
      height: 50vw;
    }
  }
  #gallery .flexbox .line img {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: relative;
    object-fit: cover;
    object-position: center;
  }
  #gallery .flexbox .line .img div {
    position: absolute;
    background: #6FC727;
    padding: 11px 25px;
    color: white;
    width: 15rem;
    margin-bottom: 20px;
    z-index: 1;
    font-size: 16px;
    max-width: 250px;
    margin-left: -1rem;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: 500;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox .line .img div {
      font-size: 1rem;
      line-height: 1.3rem;
      margin-bottom: 1rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox .line .img div {
      font-size: 3.62vw;
      width: auto;
      max-width: fit-content;
      line-height: 4.59vw;
      margin-left: -1.5vw;
      margin-bottom: 4vw;
    }
  }
  #gallery .flexbox.table .line .img div {
    margin-top: -90px;
    margin-bottom: 0;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .line .img div {
      margin-top: -14vw;
    }
  }
  #gallery .flexbox.table div.banner {
    width: 52%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0A2734;
    margin-top: 18px;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table div.banner {
      width: 100%;
    }
  }
  #gallery .flexbox.table div.banner div {
    background: #333;
    padding: 22px 28px;
    color: white;
    width: 20.5rem;
    z-index: 1;
    font-size: 16px;
    max-width: 341px;
    line-height: 21px;
    text-transform: uppercase;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.table div.banner div {
      font-size: 1rem;
      line-height: 1.2rem;
      width: 50%;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .flexbox.table div.banner div {
      width: 55%;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table div.banner div {
      font-size: 3.45vw;
      line-height: 1.2;
      width: 54%;
      padding: 10.63vw 4.83vw;
    }
  }
  #gallery .flexbox.table div.banner img {
    width: 228px;
    margin: auto;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.table div.banner img {
      width: 12rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table div.banner img {
      width: 32vw;
    }
  }
  #gallery .flexbox.grid div.banner {
    width: 48%;
    display: flex;
    flex-direction: column;
    margin-top: 52px;
    background: #0A2734;
    height: 343px;
  }
  @media only screen and (max-width: 1400px) {
    #gallery .flexbox.grid div.banner {
      height: 19rem;
    }
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.grid div.banner {
      margin-top: 3.125rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .flexbox.grid div.banner {
      height: 24vw;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.grid div.banner {
      width: 100%;
      height: 50.289vw;
      margin-top: 7vw;
    }
  }
  #gallery .flexbox.grid div.banner img {
    width: 242px;
    height: 45%;
    object-fit: contain;
    margin: 20px 49px 10px;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.grid div.banner img {
      margin: 2.5rem 3rem 1.5rem;
      width: 14.5rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .flexbox.grid div.banner img {
      margin: 1.5rem 3rem 0.5rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.grid div.banner img {
      margin: auto;
      width: 32vw;
    }
  }
  #gallery .flexbox.grid div.banner div {
    color: white;
    font-size: 18px;
    padding: 0 44px;
    text-transform: uppercase;
    line-height: 22px;
  }
  @media only screen and (max-width: 1400px) {
    #gallery .flexbox.grid div.banner div {
      font-size: 0.98901rem;
      line-height: 1.2rem;
      padding: 0 2.4rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .flexbox.grid div.banner div {
      padding: 0 3vw;
      font-size: 1.26vw;
      line-height: 1.5vw;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.grid div.banner div {
      font-size: 2.85vw;
      line-height: 3.2vw;
    }
  }
  #gallery .flexbox.grid div.banner div a {
    color: #fff;
  }
  #gallery .flexbox.grid div.banner div a:hover {
    text-decoration: underline;
  }
  #gallery .flexbox.grid div.banner div.one {
    background: #0a2734;
    height: 70%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  #gallery .flexbox.grid div.banner div.two {
    background: #6FC727;
    height: 30%;
    display: flex;
    align-items: center;
    text-decoration: underline;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.grid div.banner div.two {
      justify-content: center;
    }
  }
  #gallery .flexbox.grid div.banner div.two:hover {
    cursor: pointer;
    text-decoration: unset;
  }
  #gallery .flexbox.grid div.banner div p {
    margin: 1rem 0;
  }
  
  #gallery .flexbox.table .text {
    margin-left: 4%;
    width: 44%;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .text {
      width: 100%;
      margin: 0;
    }
  }
  #gallery .flexbox.table .line .img {
    width: 52%;
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .line .img {
      width: 100%;
      padding-bottom: 4.35vw;
    }
  }
  #gallery .flexbox.grid .line .img {
    /*height: -webkit-fill-available;*/
    display: contents;
  }
  #gallery .flexbox.table .text p.title {
    font-size: 27px;
    line-height: 32px;
    padding-bottom: 1.2rem;
    font-weight: 500;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.table .text p.title {
      font-size: 1.6rem;
      line-height: 1.2;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .text p.title {
      font-size: 5.56vw;
      line-height: 7.25vw;
    }
  }
  #gallery .flexbox.table .text p {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 1rem;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.table .text p {
      font-size: 1rem;
      line-height: 1.3rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .text p {
      font-size: 3.62vw;
      line-height: 4.59vw;
    }
  }
  #gallery .flexbox.table .text a {
    font-size: 16px;
    color: #6FC727;
    text-decoration: underline;
    text-align: right;
    display: block;
  }
  @media only screen and (max-width: 1280px) {
    #gallery .flexbox.table .text a {
      font-size: 1rem;
      line-height: 1.3rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .flexbox.table .text a {
      font-size: 3.62vw;
      line-height: 4.59vw;
    }
  }
  
  #gallery .sub-slide {
    height: 445px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 30%;
    margin-bottom: 52px;
    position: relative;
  }
  @media only screen and (max-width: 1400px) {
    #gallery .sub-slide {
      height: 24rem;
    }
  }
  @media only screen and (max-width: 1280px) {
    #gallery .sub-slide {
      margin-bottom: 3.125rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .sub-slide {
      height: 40.18vw;
      background-position: 50% 30%;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .sub-slide {
      margin-bottom: 7vw;
    }
  }
  @media only screen and (max-width: 414px) {
    #gallery .sub-slide {
      height: 45.17vw;
      background-position: 0% 100%;
      display: block!important;
    }
  }
  #gallery .sub-slide span.sub-title {
    font-size: 36px;
    line-height: 49px;
    background: #6FC727;
    color: #fff;
    position: absolute;
    padding: 15px 76px 15px 30px;
    font-weight: 500;
    bottom: 42px;
    left: 0;
}
  @media only screen and (max-width: 896px) {
    #gallery .sub-slide span.sub-title {
      font-size: 3.90vw;
      line-height: 3.91vw;
      bottom: 4vw;
      padding: 1.67vw 1.67vw 1.67vw 3.35vw;
    }
  }

  #gallery .block-10 {
    padding-top: 91px;
  }
  @media only screen and (max-width: 1400px) {
    #gallery .block-10 {
      padding-top: 5rem;
    }
  }
  #gallery .style {
    display: flex;
    /*justify-content: space-between;*/
    margin: 0 -20px;
  }
  @media only screen and (max-width: 1373px) {
    #gallery .style {
      margin: 0 -0.8rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .style {
      margin: 0 -0.8rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .style {
      flex-wrap: wrap;
      margin: 0;
      justify-content: space-between;
    }
  }
  #gallery .style a {
    font-size: 18px;
    padding: 10px 36px;
    background: #0A2734;
    border-radius: 13px;
    color: white;
    margin: 0 20px;
  }
  @media only screen and (max-width: 1373px) {
    #gallery .style a {
      font-size: 1.085rem;
      padding: 0.601rem 2.163rem;
      border-radius: 0.78rem;
      margin: 0 0.765rem;
    }
  }
  @media only screen and (max-width: 896px) {
    #gallery .style a {
      padding: 0.601rem 1.563rem;
      margin: 0 0.7rem;
    }
  }
  @media only screen and (max-width: 600px) {
    #gallery .style a {
      width: 48%;
      font-size: 3.86vw;
      text-align: center;
      margin: 1.5vw 0;
      padding: 2.8vw;
      border-radius: 2.5vw;
    }
  }
  #gallery .style a.active {
    background: #6FC727;
  }