body .page-title--u-idgr34887, body .page-title--u-i40krdr66 {
  text-transform: none; }
/* OPN STYLE */
.opn_imgwrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: minmax(220px, 1fr) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  justify-items: center; }
  .opn_imgwrapper__item {
    overflow: hidden;
    font-size: 0;
    width: 220px;
    height: 146px; }

.opn_imgwrapper2 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px; }
  @media (max-width: 425px) {
  .opn_imgwrapper2 {
    justify-content: center; } }

.opn_portfolio {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: minmax(32%, 1fr) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
  justify-items: center; }
  @media (max-width: 768px) {
  .opn_portfolio {
    -ms-grid-columns: minmax(100%, 1fr) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } }
  .opn_portfolio__image {
    font-size: 0;
    line-height: 0;
    margin: 0 0 10px;
    max-height: 380px;
    height: 390px; }
    .opn_portfolio__image img {
      height: 100%;
      width: auto;
      overflow: hidden;
      object-fit: cover; }
  .opn_portfolio__title {
    text-align: center; }

.opn_portfolio2 {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: minmax(32%, 1fr) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
  justify-items: center; }
  @media (max-width: 768px) {
  .opn_portfolio2 {
    -ms-grid-columns: minmax(100%, 1fr) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } }
  .opn_portfolio2__image {
    font-size: 0;
    line-height: 0;
    margin: 0;
    max-height: 380px;
    height: 390px; }
    .opn_portfolio2__image img {
      height: 100%;
      width: auto;
      overflow: hidden;
      object-fit: cover; }
  .opn_portfolio2__title {
    text-align: center; }

.opn_styles {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: minmax(300px, 1fr) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: 0 0 40px; }
  .opn_styles__image {
    font-size: 0;
    line-height: 0;
    margin: 0 0 10px; }
    .opn_styles__image img {
      width: 360px;
      height: 228px;
      object-fit: cover; }
  .opn_styles__title {
    text-align: center;
    font-weight: bold; }

@media (max-width: 960px) {
  html body .section--u-in7evo3sx {
    background-image: none; } }