/*new style test*/
/* pss position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)*/
/* bgg  background-position:center;
            background-size:cover;
            width:100%;
            height:400px;*/
@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth; } }

*, *:before, *:after {
  box-sizing: border-box; }

a {
  text-decoration: none; }

.trans, nav .nav-list li a, nav .nav-list li a:hover, .hero-news h4 svg, .hero-news h4:hover svg, .hero-news .sml-text-news:hover svg, .hero-news .more svg, .more svg, .each-box, .each-box:hover, .each-box .each-box-title h4, .each-box:hover h4, .each-box:hover .more svg, .photo-home .each-photo-box .each-box-title h4, .photo-home .each-photo-box .each-box-title:hover h4, .photo-home .each-photo-box .each-box-title:hover .more svg, footer ul li a, footer ul li svg, footer ul li:hover a, footer ul li:hover svg, .detail-sml a, .detail-sml a:hover {
  transition: 0.3s ease-in-out; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: Arial;
  background: white; }

p, ul, li {
  /*font-family: Calibri,Segoe,Segoe UI,Arial;*/
  line-height: 28px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  /*font-family: Calibri,Segoe,Segoe UI,Arial;*/
  font-weight: 600; }

.h1 {
  font-size: 2.3em; }

.h2 {
  font-size: 1.5em; }

.h3 {
  font-size: 1.17em; }

.h4 {
  font-size: 1.12em; }

.h5 {
  font-size: .83em; }

.h6 {
  font-size: .75em; }

.no-menu {
  display: none !important; }

.overflow {
  overflow: hidden; }

.shadow {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.16); }

.shadow-hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.22); }

.wrapper {
  width: 1280px;
  height: auto;
  position: relative;
  padding: 20px 0;
  margin: auto; }
  @media (max-width: 1500px) {
    .wrapper {
      width: 1200px; } }
  @media (max-width: 1250px) {
    .wrapper {
      width: 1100px; } }
  @media (max-width: 1100px) {
    .wrapper {
      width: 92%; } }

.wrapper2 {
  width: 1280px;
  height: auto;
  position: relative;
  padding: 20px 0;
  margin: auto; }
  @media (max-width: 1500px) {
    .wrapper2 {
      width: 1100px; } }
  @media (max-width: 1250px) {
    .wrapper2 {
      width: 1000px; } }
  @media (max-width: 1100px) {
    .wrapper2 {
      width: 92%; } }

.wrapper3 {
  width: 900px;
  height: auto;
  position: relative;
  padding: 20px 0;
  margin: auto;
  /*@media(max-width:$XlargeSS) { // 1500px
        width: 1100px;
    }

    @media(max-width:$LargeSS) { //1250px;
        width: 1000px;
    }*/ }
  @media (max-width: 1024px) {
    .wrapper3 {
      width: 92%; } }

.two-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px; }
  @media (max-width: 1024px) {
    .two-grid {
      grid-template-columns: 1fr; } }

.three-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px; }
  @media (max-width: 1024px) {
    .three-grid {
      grid-template-columns: 1fr; } }

.four-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    .four-grid {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 512px) {
    .four-grid {
      grid-template-columns: 1fr; } }

.five-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    .five-grid {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 512px) {
    .five-grid {
      grid-template-columns: 1fr; } }

img {
  width: 100% }

nav {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    nav {
      grid-template-columns: 1fr 60px;
      padding: 8px 0 !important; } }
  nav .nav-logo {
    position: relative; }
    @media (max-width: 1024px) {
      nav .nav-logo {
        margin-top: 30px; } }
    nav .nav-logo img {
      width: 90%; }
    nav .nav-logo .logo-bg {
      position: absolute;
      top: 59px;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
      opacity: 0.08; }
      @media (max-width: 1024px) {
        nav .nav-logo .logo-bg {
          position: absolute;
          top: 75%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: -1;
          opacity: 0.1;
          display: none; } }
  nav .language img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 10px; }
  nav .sec-nav {
    border-bottom: solid #DDDDDD 1px;
    margin-top: 15px; }
    @media (max-width: 1024px) {
      nav .sec-nav {
        position: absolute;
        width: 100%;
        left: 50%;
        top: -2px;
        transform: translate(-50%, -50%);
        grid-template-columns: 1fr 1fr 1fr !important; } }
    nav .sec-nav p {
      color: #505050;
      font-size: 13px; }
      @media (max-width: 1024px) {
        nav .sec-nav p:nth-child(1) {
          display: none; }
        nav .sec-nav p:nth-child(2) {
          display: none; } }
    nav .sec-nav .language {
      display: block !important;
      width: 100px; }
      @media (max-width: 1024px) {
        nav .sec-nav .language {
          margin-bottom: 5px; } }
    nav .sec-nav svg {
      margin: 0 10px;
      vertical-align: middle; }
  nav .nav-list {
    display: grid;
    grid-template-columns: repeat(9, auto);
    padding: 0; }
    @media (max-width: 1024px) {
      nav .nav-list {
        display: none;
        position: absolute;
        z-index: 4;
        background: white;
        width: 100%;
        left: 56%;
        transform: translate(-50%, -50%);
        top: 320px;
        height: 500px;
        overflow: scroll;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } }
    nav .nav-list li {
      list-style: none;
      position: relative;
      font-size: 17px;
      position: relative;
      /*.sub-cus {
                width: auto;
            }*/ }
      @media (max-width: 1024px) {
        nav .nav-list li {
          padding: 8px 10px;
          border-bottom: 1px solid #dadada;
          margin: 5px 10px; } }
      nav .nav-list li .sub-menu {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        position: absolute;
        z-index: 3;
        width: 215px;
        font-size: 13px;
        padding: 8px;
        display: none; }
        @media (max-width: 1024px) {
          nav .nav-list li .sub-menu {
            position: relative;
            box-shadow: none;
            padding: 0px; } }
        nav .nav-list li .sub-menu h2 {
          font-size: 13px;
          position: relative;
          padding-left: 9px; }
          nav .nav-list li .sub-menu h2:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(-50%, -50%);
            width: 3px;
            height: 15px;
            background: #BD081C; }
        nav .nav-list li .sub-menu p {
          margin: 0;
          padding: 6px; }
          @media (max-width: 1024px) {
            nav .nav-list li .sub-menu p {
              padding: 6px 0;
              border-bottom: solid 1px #d5d5d5; } }
          nav .nav-list li .sub-menu p:hover {
            /*background: #efefef*/ }
      nav .nav-list li:hover .sub-menu {
        display: block; }
      nav .nav-list li a {
        color: black; }
        nav .nav-list li a:hover {
          color: #BD081C; }
  @media (min-width: 1024px) {
    nav .mobile-menu-btn {
      display: none; } }
  @media (max-width: 1024px) {
    nav .mobile-menu-btn {
      margin-top: 40px; } }

@media (max-width: 1024px) {
  .display {
    display: block !important;
    /*background:red;*/
    height: auto !important;
    transition: 0.3s ease-in-out; } }

#nav-icon2 {
  width: 45px;
  height: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-left: auto;
  z-index: 2; }

/* Icon 2 */
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #BD081C;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0; }

#nav-icon2 span:nth-child(odd) {
  left: 6px;
  border-radius: 9px 0 0 9px; }

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 6px; }

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px; }

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 30px; }

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 10px; }

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 10px; }

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0; }

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0; }

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 23px; }

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 23px; }

.hero-news {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    .hero-news {
      grid-template-columns: 1fr; } }
  .hero-news .big-hero .big-hero-img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 450px;
    position: relative; }
    .hero-news .big-hero .big-hero-img .text-shade {
      position: absolute;
      bottom: -20px;
      background: linear-gradient(360deg, #000000 0%, transparent 100%);
      color: white;
      padding: 5px;
      font-size: 14px;
      width: 100%;
      padding-top: 49px;
      padding-bottom: 23px;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 20px;
      line-height: 30px; }
      @media (max-width: 1024px) {
        .hero-news .big-hero .big-hero-img .text-shade {
          padding-left: 12px;
          padding-right: 12px; } }
  .hero-news .sml-hero .big-hero-img {
    height: 216px; }
    @media (max-width: 1024px) {
      .hero-news .sml-hero .big-hero-img {
        height: 300px; } }
    .hero-news .sml-hero .big-hero-img .text-shade {
      font-size: 16px; }
  .hero-news hr {
    height: 1px;
    border: navajowhite;
    background: #d4d4d4; }
  .hero-news h4 {
    color: black; }
    .hero-news h4 svg {
      vertical-align: top;
      margin-left: 5px; }
    .hero-news h4:hover svg {
      margin-left: 15px; }
  .hero-news .sml-text-news:hover svg {
    margin-left: 15px; }
  .hero-news .more {
    color: #BD081C; }
    .hero-news .more svg {
      vertical-align: top;
      margin-left: 5px; }

.more {
  color: #BD081C; }
  .more svg {
    vertical-align: top;
    margin-left: 5px; }

.big-hero-img {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 450px;
  position: relative; }
  .big-hero-img .text-shade {
    position: absolute;
    bottom: -20px;
    background: linear-gradient(360deg, #000000 0%, transparent 100%);
    color: white;
    padding: 5px;
    font-size: 14px;
    width: 100%;
    padding-top: 49px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    line-height: 28px; }
    @media (max-width: 1024px) {
      .big-hero-img .text-shade {
        padding-left: 12px;
        padding-right: 12px; } }

.section-title {
  color: #BD081C;
  border-bottom: #BD081C solid 1px;
  margin-bottom: 30px; }

.news-home {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    .news-home {
      grid-template-columns: 1fr; } }
  .news-home .news-grids {
    grid-gap: 30px;
    margin-top: 30px; }

.each-box {
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.14); }
  .each-box:hover {
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.14); }
  .each-box .each-box-img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 230px; }
    @media (max-width: 1024px) {
      .each-box .each-box-img {
        height: 240px; } }
  .each-box .each-box-title {
    padding: 10px; }
    .each-box .each-box-title h4 {
      color: black; }
    .each-box .each-box-title .more {
      color: #BD081C;
      margin-bottom: 8px; }
    .each-box .each-box-title p {
      color: #6D6D6D; }
  .each-box:hover h4 {
    color: #BD081C; }
  .each-box:hover .more svg {
    margin-left: 15px; }

.each-social {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  height: 50px;
  /* Instagram */ }
  .each-social h3 {
    margin-left: 25px;
    margin-top: 13px; }
    .each-social h3 svg {
      vertical-align: text-bottom;
      margin-right: 10px; }

.subscrib-part {
  background: #F2F2F2;
  text-align: center;
  padding: 30px 10px;
  margin-top: 30px;
  border-radius: 5px; }
  .subscrib-part img {
    width: 150px;
    margin: auto; }
  .subscrib-part h1 {
    font-size: 23px;
    margin: 20px auto; }
  .subscrib-part p {
    font-size: 14px;
    width: 70%;
    margin: 25px auto; }
    @media (max-width: 1024px) {
      .subscrib-part p {
        width: 100%; } }
  .subscrib-part h6 {
    font-weight: normal;
    width: 80%;
    margin: 15px 30px auto auto; }
    @media (max-width: 1024px) {
      .subscrib-part h6 {
        width: 100%; } }
  .subscrib-part input {
    /* Rectangle 32 */
    margin-top: 20px;
    width: 247px;
    height: 35px;
    border: none;
    padding: 10px;
    color: #BD081C;
    /*background: rgba(255, 255, 255, 0.45);*/
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Arial; }

.button {
  background: #BD081C;
  color: white !important;
  font-family: Arial;
  font-weight: bold; }

@media (max-width: 1096px) {
  .social-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px !important; }
    .social-grid h3 {
      margin-left: 15px;
      /*margin-top: 48px;*/
      font-size: 16px; }
      .social-grid h3 svg {
        vertical-align: text-bottom;
        margin-right: 5px; } }

.center {
  text-align: center; }
  .center h4 {
    margin: 15px; }

.nos {
  box-shadow: none; }

.photo-home {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1096px) {
    .photo-home {
      grid-template-columns: 1fr; } }
  .photo-home .each-photo-box {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 20px;
    margin-bottom: 6px;
    height: 136px; }
    @media (max-width: 1096px) {
      .photo-home .each-photo-box {
        grid-template-columns: 1fr;
        height: unset; } }
    .photo-home .each-photo-box .each-photo-box-img {
      background-position: center;
      background-size: cover;
      width: 100%;
      height: 120px; }
      @media (max-width: 1096px) {
        .photo-home .each-photo-box .each-photo-box-img {
          height: 160px; } }
    .photo-home .each-photo-box .each-box-title p {
      font-size: 13px;
      margin-top: 2px; }
    .photo-home .each-photo-box .each-box-title h4 {
      font-size: 14px; }
    .photo-home .each-photo-box .each-box-title:hover h4 {
      color: #BD081C; }
    .photo-home .each-photo-box .each-box-title:hover .more svg {
      margin-left: 20px; }
  .photo-home .each-box .each-box-img {
    height: 356px; }
    @media (max-width: 1096px) {
      .photo-home .each-box .each-box-img {
        height: 250px; } }

.dark-bg {
  background: #1A232E;
  position: relative;
  padding: 30px 0;
  margin: 60px 0; }
  .dark-bg .section-title {
    color: white;
    border-bottom: white solid 1px; }
  .dark-bg .each-box {
    background: #2F3740;
    color: white; }
    .dark-bg .each-box p {
      color: white;
      font-size: 14px; }
      .dark-bg .each-box p svg {
        vertical-align: middle; }
    .dark-bg .each-box h4 {
      color: white; }
    .dark-bg .each-box .more {
      color: white; }
      .dark-bg .each-box .more svg {
        fill: white; }
  .dark-bg .each-box-title {
    color: white; }
    .dark-bg .each-box-title .more {
      color: white; }
      .dark-bg .each-box-title .more svg {
        fill: white; }
    .dark-bg .each-box-title svg {
      vertical-align: middle;
      margin-right: 20px; }

footer {
  overflow: hidden;
  border-top: solid 1px #f1f1f1; }
  footer .f-logo {
    width: 200px;
    margin-bottom: 20px; }
  footer .f-social-icon a {
    margin-right: 20px;
    margin-top: 20px; }
  footer .quick-links span {
    width: 100px;
    height: 1px;
    background: #BD081C;
    position: relative;
    display: block; }
  footer ul {
    list-style: none;
    padding: 0; }
    footer ul li {
      line-height: 35px;
      color: black;
      font-size: 14px; }
      footer ul li a {
        color: black; }
      footer ul li svg {
        vertical-align: middle;
        margin-right: 10px; }
      footer ul li:hover a {
        color: #BD081C; }
      footer ul li:hover svg {
        margin-right: 15px; }
  footer .f-contact p {
    line-height: 45px;
    margin: 0; }
    footer .f-contact p svg {
      margin-right: 10px; }

.mt {
  margin-top: 85px; }
  @media (max-width: 1096px) {
    .mt {
      margin-top: 5px; } }

.f-bg {
  position: absolute;
  top: 130px;
  left: 90%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.5;
  width: 700px; }
  @media (max-width: 1096px) {
    .f-bg {
      top: 145px;
      left: 84%;
      transform: translate(-50%, -50%);
      z-index: -1;
      opacity: 0.5;
      width: 734px; } }

.dot {
  position: absolute;
  top: 15px;
  left: -12%;
  transform: translate(-50%, -50%);
  width: 136px; }
  @media (max-width: 1096px) {
    .dot {
      display: none; } }

.dot2 {
  position: absolute;
  top: 34px;
  right: -72px;
  transform: translate(-50%, -50%);
  width: 130px; }
  @media (max-width: 1096px) {
    .dot2 {
      display: none; } }

.dot3 {
  position: absolute;
  top: 113px;
  right: -138px;
  transform: translate(-50%, -50%);
  width: 130px;
  z-index: -1; }
  @media (max-width: 1096px) {
    .dot3 {
      display: none; } }

.news-hero-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 30px;
  padding: 30px 0; }
  @media (max-width: 1024px) {
    .news-hero-grid {
      grid-template-columns: 1fr; } }
  .news-hero-grid .big-hero-img {
    height: 370px; }
  .news-hero-grid .each-box-title {
    padding-top: 0; }

.gray-bg {
  background: #f0f0f0; }


.news-detail-grid img{
width:100% !important;}


.news-detail-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px; }
  .news-detail-grid iframe {
    height: 400px;
    width: 100%;
    margin-top: 20px; }
  .news-detail-grid p {
    line-height: 28px; }
  @media (max-width: 1024px) {
    .news-detail-grid {
      grid-template-columns: 1fr; } }
  .news-detail-grid ul {
    line-height: 28px;
    padding-left: 14px; }
    .news-detail-grid ul li {
      position: relative;
      list-style: none; }
      .news-detail-grid ul li:before {
        content: "";
        position: absolute;
        top: 12px;
        left: -11px;
        transform: translate(-50%, -50%);
        height: 7px;
        width: 7px;
        background: #BD081C;
        border-radius: 50%; }

.share-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px; }

.at-style-responsive .at-share-btn {
  padding: 3px !important; }

.addthis_inline_share_toolbox_omyo {
  padding-top: 12px; }

.each-side {
  background: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.14);
  display: grid;
  grid-template-columns: 140px 1fr;
  margin-top: 25px; }
  .each-side .each-side-img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto; }
  .each-side .each-side-title {
    padding: 10px; }
    .each-side .each-side-title h5 {
      margin: 0; }
    .each-side .each-side-title p {
      margin-bottom: 0;
      font-size: 12px;
      color: #6D6D6D; }

.detail-sml a {
  color: black; }
  .detail-sml a:hover {
    color: #BD081C; }

.about-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    .about-hero {
      grid-template-columns: 1fr; } }
  .about-hero .abt-hero-img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 350px; }

.chairman-msg {
  background: #F5F7F9;
  margin: 40px auto;
  border-radius: 5px;
  padding: 30px;
  width: 60%; }
  @media (max-width: 1024px) {
    .chairman-msg {
      width: 95%; } }
  .chairman-msg .chairman-info {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px; }
    @media (max-width: 1024px) {
      .chairman-msg .chairman-info {
        grid-template-columns: 1fr; } }
  .chairman-msg .ch-img {
    /*padding: 30px;*/ }
    .chairman-msg .ch-img img {
      border-radius: 5px; }
  .chairman-msg .ch-text {
    padding-right: 15px; }
  .chairman-msg h3 {
    color: #063278; }
  .chairman-msg ul {
    padding: 0;
    font-weight: 300; }
    .chairman-msg ul li {
      list-style: none;
      position: relative;
      padding-left: 10px;
      line-height: 40px;
      color: #565656; }
      .chairman-msg ul li:before {
        content: "";
        position: absolute;
        top: 18px;
        left: 0;
        transform: translate(-50%, -50%);
        width: 5px;
        height: 5px;
        background: #C99700; }
  .chairman-msg .logo-bg-f {
    position: absolute;
    top: 89%;
    left: 80%;
    transform: translate(-50%, -50%);
    opacity: 0.04;
    width: 300px; }

.photo-album {
  grid-gap: 40px; }
  .photo-album .each-box-img {
    height: 300px; }
  .photo-album .each-box-title {
    padding: 0 20px; }
    .photo-album .each-box-title svg {
      vertical-align: text-bottom; }

#gallery {
  margin-bottom: 20px; }
  @media screen and (min-width: 991px) {
    #gallery #gallery {
      padding: 60px 30px 0 30px; } }
  #gallery .img-wrapper {
    position: relative;
    margin-top: 15px; }
  #gallery .img-wrapper img {
    width: 100%; }
  #gallery .img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; }
  #gallery .img-overlay i {
    color: #fff;
    font-size: 3em; }
  #gallery #overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #gallery #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 5%; }
  @media screen and (min-width: 768px) {
    #gallery #overlay img {
      width: 60%; } }
  @media screen and (min-width: 1200px) {
    #gallery #overlay img {
      width: 50%; } }
  #gallery #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s; }
  #gallery #nextButton:hover {
    opacity: 0.7; }
  @media screen and (min-width: 768px) {
    #gallery #nextButton {
      font-size: 3em; } }
  #gallery #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s; }
  #gallery #prevButton:hover {
    opacity: 0.7; }
  @media screen and (min-width: 768px) {
    #gallery #prevButton {
      font-size: 3em; } }
  #gallery #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px; }
  #gallery #exitButton:hover {
    opacity: 0.7; }
  @media screen and (min-width: 768px) {
    #gallery #exitButton {
      font-size: 3em; } }

.video-page {
  /*width: 1000px;*/
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr  1fr; }
  @media (max-width: 1024px) {
    .video-page {
      grid-template-columns: 1fr; } }
  .video-page .each-iframe {
    /*background: #efefef;*/
    padding: 20px 30px;
    margin-bottom: 30px; }
    .video-page .each-iframe iframe {
      width: 100%;
      height: 350px; }

/*ddddddddddddddddd*/
.b-fields .bz-main-img {
  height: 400px;
  width: 100%;
  background-position: center;
  background-size: cover;
  margin-top: 30px; }

.b-fields ul {
  padding: 0;
  font-weight: 300; }
  .b-fields ul li {
    list-style: none;
    position: relative;
    padding-left: 10px;
    line-height: 40px;
    color: #565656; }
    .b-fields ul li:before {
      content: "";
      position: absolute;
      top: 18px;
      left: 0;
      transform: translate(-50%, -50%);
      width: 5px;
      height: 5px;
      background: #C99700; }

.contact-boxes {
  margin-top: 40px; }
  .contact-boxes a {
    color: #063278 !important; }
  .contact-boxes .each-contact-box {
    border: solid 1px #D9D9D9;
    padding: 20px; }
    .contact-boxes .each-contact-box h2 {
      font-size: 18px;
      color: #063278; }
    .contact-boxes .each-contact-box svg {
      fill: #063278 !important;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      margin-right: 10px; }

.policy {
  color: black;
  margin-top: 20px;
  text-decoration: underline; }
  .policy:hover {
    color: #BD081C; }

.hero-slider .swiper {
  width: 100%;
  height: 100%; }

.hero-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.swiper-button-next, .swiper-button-prev {
  cursor: pointer;
  color: var(--swiper-navigation-color, #fff) !important; }

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 35px !important; }

/*.eco-detail{
    width:1000px;
    display:block;
    @media(max-width:$break){
        width:95%;
    }
}*/
.pdf {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  padding: 20px 30px;
  text-align: center;
  width: 300px;
  height: 200px;
  display: block;
  /*arrow-download-icon*/
  position: relative;
  color: black;
  font-weight: bold; }
  .pdf:after {
    content: "";
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 60px;
    width: 60px;
    background-image: url(../img/arrow-download-icon.png);
    background-position: center;
    background-size: cover; }

#mc_embed_signup {
  width: auto !important;
  text-align: left;
  padding: 0 20px;
  background: #f2f2f2 !important; }

#mc_embed_signup .button {
  background: #BD081C !important;
  width: 100% !important;
  background: #BD081C !important;
  width: 100% !important;
  padding: unset !important;
  height: unset !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  margin-top: 22px !important; }

#mc_embed_signup .foot {
  display: block !important; }

#mc_embed_signup .brandingLogo {
  display: none !important; }