/*

For Solution Pages

*/

/*** market ***/
.section_header {
  padding: 1em 0 !important;
}
.section_top {
  height: 25em;
  padding: 3em 0 !important;
}
.section_contents {
  padding: 1em 0 3em !important;
}
.line_contents {
  padding: 3em 0 0.5em !important;
}
.text_markettop {
  max-width: 900px;
}
.text_markettop h3 {
  margin: 0 0 1em;
}
.text_title {
  text-align: center;
  padding-bottom: 2em;
}
.text_title h3 {
  margin: 0;
}
.text_subtitle {
  text-align: center;
  margin-bottom: 3em !important;
}
.text_subtitle h5 {
  margin: 0;
}
.text_subtitle hr {
  margin: 1em auto;
  border-top: 4px solid #555;
  width: 5em;
}
.column_point {
  border: 1px solid #999 !important;
  padding: 1.5em;
  font-size: 0.8em !important;
}
.column_point h6 {
  color: var(--idk-red);
  font-size: 1.25em;
  text-align: center;
  white-space: nowrap;
  margin: 0 0 .75em !important;
}
.column_text p {
  padding: 1em 0;
  line-height: 1.6em;
}
span.related {
  display: block;
  background: #565555;
  color: #fff;
  width: 5em;
  text-align: center;
  font-size: 0.9em;
  margin-bottom: 0.2em;
}
img.rect {
  object-fit: cover;
  width: 70% !important;
}

/*** Series ***/
.section_seriestop {
  padding: 1em 0 3em !important;
}
.row_series {
  max-width: 1080px;
  padding: 0 !important;
}
h5.title {
  font-size: 1.2em;
  margin: 0 0 1em;
}
h5.index {
  font-size: 1.25em;
  text-align: center;
  margin: 2em 0 !important;
}
.text_series-top {
  text-align: center;
  line-height: 2em !important;
  margin: 0 auto !important;
}
.text_series-top span {
  font-size: 1.2em;
  font-weight: bold;
}
span.series {
  font-size: 0.65em !important;
  font-weight: bold;
  padding-bottom: 0.1em;
}
img.series_logo {
  width: 35%;
  max-width: 400px;
  margin: 0 auto;
}
img.series_photo {
  width: 50%;
  max-width: 500px;
  margin: 1em auto 0;
}
p.logo {
  margin: 0 auto;
  white-space: nowrap;
}
p.logo img {
  height: 2.5vw !important;
  max-height: 50px;
  width: auto;
  object-fit: cover;
  padding: 0 0.5em;
}

.feature {
  padding: 3vw !important;
  background: #fff !important;
  margin-bottom: 2em !important;
}
.feature .column_text {
  padding-right: 1.5em;
}
.feature h6 {
  position: relative;
  font-size: 1.1em;
  text-transform: none;
  padding-left: 3.5em;
}
.feature h6::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 3em;
  height: 1px;
  background: var(--idk-red);
}

.column_technology {
  margin: 0 !important;
  padding: 3%;
  border-color: var(--image-color) !important;
}
.technology img {
  width: 30%;
  max-width: 150px;
}
.technology.three-up img {
  width: 50%;
}
.technology h5.title {
  text-align: center;
}

.column_system {
  background: #fff !important;
  border: 1px solid var(--image-color) !important;
  padding: 2em 3% 1em;
  text-align: center;
}

.products h5 {
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 1.5em;
  border-bottom: 3px solid #707070;
  margin-bottom: 0 !important;
}
.text_pindex {
  text-align: center;
  padding: 3em 0 1.5em !important;
}

.x-row._market {
  margin: 0 auto;
  padding: 1px;
  font-size: 1em;
  background-color: transparent;
}
.x-row._market .column_products {
  display: flex;
  flex-direction: column;
  width: calc(25% - 1rem);
  border:1px solid #999 !important;
  padding: 1em 1.5em;
  margin: .5rem;
  font-size: .9em;
  line-height:1.2em;
}
.column_products {
  border: 1px solid #999 !important;
  padding: 1em 1.5em;
  font-size: 0.9em !important;
}
.column_products img {
  display: block;
  max-width: 70% !important;
  margin: 0 auto 1em;
  height: 10em !important;
  width: auto !important;
}
.column_products h5 {
  margin: 0 !important;
  padding: 0;
  font-weight: bold;
  white-space: nowrap;
  border: none;
}
.column_products a:hover img {
  opacity: 0.7;
}

/*** market footer ***/
.section_footer {
  padding: 0 10% !important;
  background: #777 !important;
}
.ubermenu-footer_market .market_top > .ubermenu-target::before {
  font-family: "Font Awesome 5 Free";
  content: '\f45c';
  display: inline-block;
  font-size: 0.75rem;
  color: var(--image-color);
  margin-right: .5em;
}
.ubermenu-footer_market .ubermenu-item-level-0 {
  vertical-align: top !important;
}
.market_top a .ubermenu-target-title, .market_sub a .ubermenu-target-title {
  text-decoration: underline !important;
}

/*** RESPONSIVE ***/
@media(min-width:980px) {
  .row_series p {
    font-size: 0.9em;
  }
}
@media(max-width:979px) {
  .row_market-products a {
    width: calc(33.3% - 1em);
  }
  .row_market-products a img {
    height: 8em !important;
  }
  .x-row._market .column_products {
    width: calc(33.3% - 1rem);
  }
  .x-row._market .column_products img {
    height: 8em !important;
  }
}
@media (max-width:767px) {
  a.ubermenu-target.ubermenu-item-layout-default {
    line-height: 1.2rem;
  }
  .x-column .x-container.width {
    width: 100% !important
  }
}
@media(max-width:480px) {
  .text_series-top {
    /*font-size: 0.8em !important;*/
  }
  .row_market-products a {
    width: calc(50% - 1em);
  }
  .row_market-products a img {
    height: 6em !important;
  }
  .x-row._market .column_products {
    width: calc(50% - 1rem);
  }
  .x-row._market .column_products img {
    height: 6em !important;
  }
  .ubermenu-footer_market .ubermenu-target.ubermenu-item-layout-default {
    padding: 0.25em 0.5em;
  }
  .ubermenu-footer_market .ubermenu-submenu-type-stack {
    width: fit-content !important;
    margin: 0 !important;
  }
  .ubermenu-footer_market a {
    display: inline-block !important;
  }
}

/*** for IE ***/
.no-preserve3d .x-col.column_technology {
  border: none !important;
}