/* Part of Hyperworks int.css that's relevant to APS.aspx */
.sort-label {
  float: left;
  /* height: 22px; */
  line-height: 22px;
  margin: 2px 16px 0 0;
  position: relative;
  width: 155px;
}
.sort-label .header {
  background: url(../png/bg-sort-label.png) no-repeat #fff 133px 0;
  cursor: pointer;
  display: block;
  height: 22px;
  overflow: hidden;
  padding-left: 10px;
  width: 145px;
  border: 1px solid #e1e1e1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sort-label .overlay,
.sort-divisions .overlay-inner {
  background: #fff;
  bottom: -3px;
  display: none;
  height: 6px;
  left: 0;
  position: absolute;
  width: 120px;
  z-index: 11;
}
.sort-label.current {
  cursor: default;
  /* height: 30px; */
}
.sort-label.current .header,
.sort-divisions.current .option {
  cursor: default;
}
.sort-label.current .overlay,
.sort-label.current .sort-options {
  display: block;
}

.selected_show {
  color: #2b496c;
  margin-left: 10px;
  font-weight: bold;
  display: block;
}

#interior section {
  margin: 0 auto;
  width: 1020px;
}

.sort-options {
  background: #fff;
  border: 1px solid #e1e1e1;
  display: none;
  height: 185px;
  left: -1px;
  padding: 10px;
  position: absolute;
  top: 30px;
  width: 350px;
  z-index: 10;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.aps-title-band {
  margin-top: 62px;
  background-color: #fff;
  padding: 2.75rem 0;
}

.aps-title-band .holder {
  width: calc(100% - 7rem);
}

.aps-title-band h1 {
  font-weight: 600;
  font-size: 1.875rem;
  line-height: 1.1;
  color: #000;
  text-transform: uppercase;
}

.aps-title-band p {
  margin: 1em 0 0;
}

.aps-control-band {
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.aps-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #272525;
  position: relative;
  z-index: 2;
}

.aps-nav-top {
  position: relative;
  padding: 1.5rem 1.4rem;
  height: 4.5rem;
  border: 1px solid transparent;
  margin-left: 1rem;
  font-size: 1rem;
  white-space: nowrap;
}

.aps-nav-top::after {
  content: "\f0d7";
  font-family: FontAwesome;
  position: absolute;
  right: 0.3em;
  top: 1.5rem;
}

.aps-nav-top:hover::after {
  color: transparent;
}

.aps-nav-top:hover {
  background-color: #fff;
  border: 1px solid #939598;
  border-bottom: none;
}

.aps-nav-top:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 0;
  bottom: -1px;
  z-index: 1;
}

.aps-nav-top:hover > ul {
  left: auto;
}

.aps-nav-top:first-child {
  margin-left: 0;
}

.aps-nav ul {
  list-style: none;
}

.aps-nav-drop {
  position: absolute;
  left: -999em;
  top: 4.5rem;
  background-color: #fff;
  padding: 0.4rem 1rem;
  margin-top: -1px;
  margin-left: calc(-1.4rem - 1px);
  border: 1px solid #939598;
  min-width: calc(100% + 2px);
  z-index: 200;
}

.aps-nav-drop a:link,
.aps-nav-drop a:visited,
.aps-nav-drop a:active {
  white-space: nowrap;
  color: #231f20;
  font-size: 0.875rem;
  text-decoration: none;
  display: block;
  padding: 2px 1.6em;
  margin: 0 -1.2em;
}

.aps-nav-drop a:hover {
  background-color: #2dccd3;
  color: #fff;
}

.aps-view-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*width: 5.25rem;*/
  width: auto;
  height: 2.375rem;
  margin-left: 2rem;
}

.aps-view-btns .aps-nav-top:hover .aps-nav-drop {
  right: -1px;
}

.aps-view-btns button {
  padding: 0;
  border: none;
  background-color: transparent;
  position: relative;
  height: 22px;
  width: 36px;
}

.aps-view-btns svg {
  height: 22px;
  width: 36px;
  position: absolute;
  left: 0;
  top: 0;
  fill: #b1afb0;
}

.aps-view-btns .active svg {
  fill: #231f20;
}

.grid-icon use,
.list-icon use {
  fill: inherit;
}

.aps-list-view .iso-img-holder {
  display: none;
}

.aps-list-view .item {
  width: 100%;
  height: auto;
  /*transform: translateX(0) !important;*/
}

#iso_container.aps-list-view .hoverinfo {
  margin: 0 0.75rem 0.75rem;
}

.aps-search-component {
  display: flex;
  height: 2.375rem;
  position: relative;
}

.aps-search-component .aps-magnifier-btn {
  font-family: FontAwesome;
  background-color: transparent;
  border: 1px solid #707070;
  border-right: none;
  height: 100%;
  font-size: 1.75rem;
  color: #000;
  padding: 0 0.3em;
  line-height: 125%;
}

.aps-search-component .aps-magnifier-btn:hover {
  background: transparent;
}

/**** Isotope styles ****/
/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}

/* HW styles */
#interior.holder {
  margin: 0 auto 2rem;
  font-size: 0.875rem;
  width: 1300px;
  max-width: 92vw;
  background-color: transparent;
  padding-top: 0;
}

#interior h1 {
  font-size: 28px;
}

#interior p {
  margin: 1.5em 0;
}

#adv_search_div {
  display: none;
  clear: both;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #828186;
  margin-bottom: 1.5em;
  overflow: hidden;
}

#adv_search_div h3 {
  clear: both;
  float: left;
  margin: 1em 0 0;
}

.adv_search {
  float: left;
  padding-bottom: 1.5em;
  width: 100%;
  /*height:34px;*/
}

.aps-color-key {
  margin: 0.5rem 2rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex: 1 1 35%;
}

.aps-color-key :last-child {
  padding-left: 2rem;
}

.aps-color-key h2 {
  padding: 0;
  width: auto;
  margin-right: auto;
}

#interior .aps-color-key p {
  margin: 0.15em 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.aps-color-key p + p {
  margin-left: 2rem;
}

.aps-color-key p span {
  background-color: #808080;
  width: 2em;
  height: 1em;
  display: inline-block;
  border: 1px solid #828284;
  margin-right: 0.5em;
}

.aps-color-key p:first-child span {
  background-color: #2dccd3;
}

.aps-search-and-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.aps-search-input {
  background-color: #ffffff;
  height: 100%;
  border: 1px solid #707070;
  border-left: none;
  width: 15em;
  padding-left: 0.2em;
  font-size: 1rem;
}

.iso-video-learn-more {
  border-top: 2px solid;
  width: calc(100% - 1.5rem);
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: auto auto 0;
  position: relative;
  z-index: 300;
}

#iso_container .iso-video-learn-more .wistia_click_to_play a {
  text-decoration: none;
  color: #4c4c4c;
  position: relative;
  top: -0.12em;
}

#iso_container .iso-video-learn-more .wistia_click_to_play a:hover {
  text-decoration: underline;
}

#iso_container .wistia-link {
  cursor: pointer;
}

#iso_container .wistia-link:hover {
  font-weight: 700;
}

#iso_container .video_text_link {
  margin: 0;
}

.item.altair .iso-video-learn-more {
  border-color: #2dccd3;
}

.item.partner .iso-video-learn-more {
  border-color: #808080;
}

#iso_container p.video_link {
  margin: 0;
  height: 32px;
  display: flex;
  align-items: center;
}

#iso_container p.video_link a {
  background-image: url("../svg/play-btn-circle.svg");
  display: block;
  font-size: 0.75rem;
  height: 22px;
  color: #4c4c4c;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 23px;
  line-height: 1.6;
  position: relative;
  z-index: 300;
}

#iso_container p.video_link a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.aps-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  transition: background-color 0.3s;
}

.aps-overlay:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.sort-options {
  width: auto;
  height: auto;
  white-space: nowrap;
  z-index: 15;
  box-sizing: border-box;
}

.sort-options .topics > ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

#discipline {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}

.adv_search a {
  margin: 0.5em 1em 0.5em 0;
  float: left;
  /*height:29px;*/
}

.adv_search a {
  float: left;
  height: 29px;
  line-height: 29px;
  font-size: 14px;
  padding: 0 0.8em;
  color: #59595b;
  background: #efeff1; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #efeff1 0%,
    #e7e7e7 47%,
    #dedee0 53%,
    #aeaeb0 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efeff1),
    color-stop(47%, #e7e7e7),
    color-stop(53%, #dedee0),
    color-stop(100%, #aeaeb0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #efeff1 0%,
    #e7e7e7 47%,
    #dedee0 53%,
    #aeaeb0 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #efeff1 0%,
    #e7e7e7 47%,
    #dedee0 53%,
    #aeaeb0 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #efeff1 0%,
    #e7e7e7 47%,
    #dedee0 53%,
    #aeaeb0 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    #efeff1 0%,
    #e7e7e7 47%,
    #dedee0 53%,
    #aeaeb0 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeff1', endColorstr='#aeaeb0',GradientType=0 ); /* IE6-9 */
}

.adv_search a {
  margin: 0;
  background: none;
  float: none;
}

.sort-label,
.sort-label .overlay {
  width: 225px;
  z-index: 20;
}

.sort-label .header {
  background-position: right 0;
  width: auto;
}

.sort-label.current .header {
  background-position: right 0;
}

#solution-type-btn .sort-options,
#product-type-btn .sort-options {
  width: 227px;
}

.app_row_div {
  overflow: hidden;
  float: left;
  border: 1px solid #949599;
  border-radius: 5px;
  margin: 0 0 1em;
}

.app_row_div.three {
  margin-right: 100px;
}

#adv_search_btn,
.solutions_set {
  border: 1px solid #949599;
  border-radius: 5px;
}

#iso_container {
  clear: both;
  top: 1.5rem;
}

.item {
  width: 296px;
  height: 410px;
  background-color: #fff;
  color: #4c4c4c;
  margin-bottom: 38px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

.item.feature {
  min-height: 0;
}

.iso-img-holder {
  width: 100%;
  height: 168px;
  position: relative;
  z-index: 100;
  border-bottom: thin solid #9e9d9d;
}

.iso-img-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#interior .item h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0.75rem auto 0.75rem;
  padding: 0 0.75rem;
  word-wrap: break-word;
  width: 100%;
  line-height: 1.2;
  min-height: 0;
}

.key-search-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

#iso_container h3 {
  margin-top: 0;
  padding: 0;
  line-height: 1.4;
}

#iso_container .results {
  padding: 0;
}

#iso_container .hoverinfo {
  color: #4c4c4c;
  margin: 0 0.75rem;
  font-size: 0.875rem;
}

#interior .hoverinfo h3,
#interior .hoverinfo a {
  font-size: 14px;
}

.hoverinfo h3 {
  margin-bottom: 1em;
}

.hoverinfo a {
  margin-top: 1em;
  display: block;
  font-weight: bold;
}

.iso-learn-more {
  color: #222;
  text-decoration: none;
  font-size: 13px;
  margin-left: auto;
}

/* new HW styles for page width of 1020px */

body {
  background-color: #ecebea;
}

/*#global,
#container,
#interior 
{
    width:1020px;
}*/

#subnav {
  margin-left: 50px;
}

#search {
  float: right;
}

#subscribe_newsletter input[type="text"] {
  margin-left: 10.75em;
}

footer {
  width: auto;
}

h2,
h3 {
  font-weight: bold;
  line-height: initial;
}

#interior p {
  line-height: 1.231;
}

@media only screen and (max-width: 75.5rem) {
  .key-search-wrap {
    justify-content: center;
    max-width: 865px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 54.375rem) {
  .aps-color-key {
    justify-content: center;
  }
}

@media only screen and (max-width: 35.3125rem) {
  .aps-color-key {
    justify-content: center;
    margin: -0.75rem 0 0.75rem;
    flex: 1 0 105%;
  }

  .aps-nav {
    margin: 0 -6%;
  }
}

@media only screen and (max-width: 30rem) {
  .aps-search-and-view {
    justify-content: center;
  }

  .aps-view-btns {
    margin: 0;
  }
}