body {
  font-size: 13px;
  margin: 0;
  padding: 0
}

.ni-body-copy-secondary,
.ni-body-copy-tertiary {
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #333
}

.ni-body-copy-tertiary {
  color: #777
}



p {
  margin: 0;
  padding: 0
}

.ni-uppercase {
  text-transform: uppercase
}

.ni-lowercase {
  text-transform: lowercase
}

.ni-capitalize {
  text-transform: capitalize
}

.ni-text-align-left {
  text-align: left
}

.ni-text-align-center {
  text-align: center
}

.ni-text-align-right {
  text-align: right
}

.ni-bullets {
  list-style-position: inside
}

ul.ni-bullets li {
  margin-bottom: 10px
}

blockquote {
  border-left: 3px solid #044123;
  font-family: Roboto Condensed, sans-serif;
  padding-left: 15px
}

blockquote .small,
blockquote footer,
blockquote small {
  color: #333
}

li {
  text-align: left
}

ol,
ul {
  margin-bottom: 0;
  padding: 0
}

ol {
  padding-left: 20px
}

ul {
  padding-left: 15px;
  list-style-type: square
}

ul.ni-linklist li {
  margin-bottom: 9px !important
}

ul.ni-linklist li::-moz-list-bullet {
  font-size: 10px;
  padding-right: 8px
}

.center-block {
  float: none
}

.collapse.in {
  display: inline-block
}

.ni-title-margin {
  margin-bottom: 30px
}

@media (min-width:920px) {
  .ni-title-margin {
    margin-bottom: 40px
  }
}

A.ni-primary-link:after {
  content: " >"
}

A.ni-primary-link:hover {
  text-decoration: underline
}

.ni-page-wrap .footer {
  margin-top: 0
}

.ni-page-wrap .ni-footer-divider {
  height: 85px
}

@media only screen and (max-device-width:667px) {
  .ni-page-wrap .ni-footer-divider {
    height: 10px
  }
}

.ni-navyblue {
  background-color: #35b77d;
  color: #fff
}

.ni-lightblue {
  background-color: #cddcc8;
  color: #fff
}

.ni-labviewyellow {
  background-color: #fb0;
  color: #044123
}

.ni-green {
  background-color: #004123;
  color: #fff
}

.ni-darkgreen {
  background-color: #32eb96;
  color: #fff
}

.ni-purple {
  background-color: #03b585;
  color: #fff
}

.ni-lightgrey20 {
  background-color: #f4f4f4;
  color: #044123
}

.ni-lightgrey40 {
  background-color: #e7e7e7;
  color: #044123
}

.ni-lightgrey60 {
  background-color: #ddd;
  color: #044123
}

.ni-lightgrey80 {
  background-color: #ccc;
  color: #044123
}

.ni-lightgrey100 {
  background-color: #b2b2b2;
  color: #044123
}

.ni-grey-ccc {
  background-color: #ccc;
  color: #044123
}

.ni-text-legal-treatment {
  font-size: 10px;
  font-style: italic
}

::-ms-clear {
  display: none
}

.section-header,
.section-subhead {
  font-family: Roboto Condensed, sans-serif
}

.ni-divider {
  width: 100%;
  border-top: 1px solid #ccc
}

.ni-divider-small {
  height: 1px
}

.ni-divider-medium {
  height: 5px
}

.ni-divider-large {
  height: 10px
}

.left {
  float: left
}

.right {
  float: right
}

.clear {
  clear: both
}

.clearfix:after,
.clearfix:before {
  display: table;
  line-height: 0;
  content: ""
}

.clearfix:after {
  clear: both
}

.container-fluid.aem {
  padding-left: 15px;
  padding-right: 15px
}

.ni-blue {
  background-color: #004123;
  color: #fff
}

.ni-darkgrey {
  background-color: #444;
  color: #fff
}

.ni-midgrey {
  color: #044123;
  background-color: #e7e7e7
}

.ni-lightgrey {
  background-color: #f4f4f4
}

a {
  color: #004123
}

a:focus,
a:hover {
  color: #004123;
  text-decoration: underline
}

.ni-lightgrey .feature p a {
  color: #044123;
  font-weight: 700;
  text-decoration: underline
}

.ni-lightgrey .feature p a:hover {
  text-decoration: none
}

.ni-white {
  background-color: #fff;
  color: #044123
}

.ni-blue a:not(.ni-btn),
.ni-blue p a,
.ni-darkgrey a:not(.ni-btn),
.ni-darkgrey p a {
  text-decoration: underline !important;
  color: #fff !important
}

.ni-darkgrey a:not(.ni-btn):focus,
.ni-darkgrey a:not(.ni-btn):hover,
.ni-darkgrey p a:focus,
.ni-darkgrey p a:hover {
  text-decoration: underline !important;
  color: #b2b2b2
}

.ni-blue a:not(.ni-btn):focus,
.ni-blue a:not(.ni-btn):hover,
.ni-blue a:not(.ni-btn):visited,
.ni-blue p a:focus,
.ni-blue p a:hover,
.ni-blue p a:visited {
  text-decoration: underline !important;
  color: #ccdcc8
}

.ni-blue .h1,
.ni-blue .h2,
.ni-blue .h3,
.ni-blue .h4,
.ni-blue h1,
.ni-blue h2,
.ni-blue h3,
.ni-blue h4,
.ni-darkgrey .h1,
.ni-darkgrey .h2,
.ni-darkgrey .h3,
.ni-darkgrey .h4,
.ni-darkgrey h1,
.ni-darkgrey h2,
.ni-darkgrey h3,
.ni-darkgrey h4 {
  color: #fff
}

.ni-btn {
  padding: 13px 15px;
  text-transform: uppercase
}

.ni-btn:hover {
  text-decoration: none
}

.ni-btn-primary {
  background-color: #f04e23;
  font-weight: 400
}

.ni-btn-primary:hover {
  background-color: #d73a0f
}

.ni-btn-secondary {
  color: #d73a0f;
  background-color: transparent;
  font-weight: 400;
  border: 2px solid #f04e23
}

.ni-btn-secondary:hover {
  background-color: #f04e23
}

.ni-btn-tertiary {
  color: #004123;
  background-color: transparent;
  font-weight: 400;
  border: 2px solid #004123
}

.ni-btn-commerce,
.ni-btn-tertiary:hover {
  color: #fff;
  background-color: #004123
}

.ni-btn-commerce {
  font-weight: 400
}

.ni-btn-commerce:hover {
  color: #fff;
  background-color: #32eb96
}

.ni-blue .ni-btn-primary,
.ni-darkgrey .ni-btn-primary {
  color: #d73a0f;
  background-color: #fff;
  font-weight: 400
}

.ni-blue .ni-btn-primary:hover,
.ni-darkgrey .ni-btn-primary:hover {
  color: #fff;
  background-color: #f04e23;
  border: 2px solid #fff
}

.ni-blue .ni-btn-secondary,
.ni-darkgrey .ni-btn-secondary {
  color: #fff;
  background-color: transparent;
  font-weight: 400;
  border: 2px solid #fff
}

.ni-blue .ni-btn-secondary:hover,
.ni-darkgrey .ni-btn-secondary:hover {
  color: #d73a0f;
  background-color: #fff
}

.ni-blue .ni-btn-tertiary,
.ni-darkgrey .ni-btn-tertiary {
  color: #fff;
  background-color: transparent;
  font-weight: 400;
  border: 2px solid #fff
}

.ni-blue .ni-btn-tertiary:hover,
.ni-darkgrey .ni-btn-tertiary:hover {
  color: #004123;
  background-color: #fff
}

.ni-blue .ni-btn-commerce,
.ni-darkgrey .ni-btn-commerce {
  font-weight: 400
}

.ni-blue .ni-btn-commerce:hover,
.ni-darkgrey .ni-btn-commerce:hover {
  color: #fff;
  background-color: #004123;
  border: 2px solid #fff
}

FORM .ni-btn-tertiary {
  color: #fff;
  background-color: #004123;
  font-weight: 400;
  border: 2px solid #004123
}

FORM .ni-btn-tertiary:hover {
  background-color: #35b77d;
  border-color: #35b77d
}

FORM .ni-btn-tertiary:disabled {
  color: #fff;
  background-color: #004123;
  opacity: .5;
  cursor: not-allowed
}

.ni-margin-1x {
  margin-bottom: 4.5px
}

.ni-margin-2x {
  margin-bottom: 9px
}

.ni-margin-3x {
  margin-bottom: 18px
}

@media (min-width:920px) {
  .ni-margin-1x {
    margin-bottom: 6px
  }

  .ni-margin-2x {
    margin-bottom: 12px
  }

  .ni-margin-3x {
    margin-bottom: 24px
  }
}

.ni-padding-bottom-small,
.padding-bottom-sm,
.pnx-block-1x {
  margin-bottom: 9px
}

.ni-padding-bottom-medium,
.padding-bottom-md,
.pnx-block-2x {
  margin-bottom: 18px
}

.ni-padding-bottom-large,
.padding-bottom-lg,
.pnx-block-3x {
  margin-bottom: 27px
}

.pnx-block-1x p:last-child,
.pnx-block-2x p:last-child,
.pnx-block-3x p:last-child {
  margin-bottom: 0
}

@media (max-width:767px) {
  .padding-d40-t30-m25 {
    margin-bottom: 25px
  }

  .padding-d50-t35-m30 {
    margin-bottom: 30px
  }

  .padding-d70-t43-m35 {
    margin-bottom: 35px
  }
}

@media (min-width:768px) {

  .ni-padding-bottom-small,
  .padding-bottom-sm,
  .pnx-block-1x {
    margin-bottom: 12px
  }

  .ni-padding-bottom-medium,
  .padding-bottom-md,
  .pnx-block-2x {
    margin-bottom: 24px
  }

  .ni-padding-bottom-large,
  .padding-bottom-lg,
  .pnx-block-3x {
    margin-bottom: 36px
  }

  .padding-d40-t30-m25 {
    margin-bottom: 30px
  }

  .padding-d50-t35-m30 {
    margin-bottom: 35px
  }

  .padding-d70-t43-m35 {
    margin-bottom: 43px
  }
}

@media (min-width:920px) {

  .ni-padding-bottom-small,
  .padding-bottom-sm,
  .pnx-block-1x {
    margin-bottom: 12px
  }

  .ni-padding-bottom-medium,
  .padding-bottom-md,
  .pnx-block-2x {
    margin-bottom: 24px
  }

  .ni-padding-bottom-large,
  .padding-bottom-lg,
  .pnx-block-3x {
    margin-bottom: 36px
  }

  .padding-d40-t30-m25 {
    margin-bottom: 40px
  }

  .padding-d50-t35-m30 {
    margin-bottom: 50px
  }

  .padding-d70-t43-m35 {
    margin-bottom: 70px
  }
}

.ni-transparent-dark-blue {
  background-color: rgba(6, 95, 163, .9)
}

.ni-inset-padding-small {
  padding: 15px
}

.ni-inset-padding-medium {
  padding: 30px
}

.ni-inset-padding-large {
  padding: 45px
}

.ni-container-top-dropshadow {
  -webkit-box-shadow: inset 0 10px 8px -9px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0 10px 8px -9px rgba(0, 0, 0, .3);
  box-shadow: inset 0 10px 8px -9px rgba(0, 0, 0, .3)
}

[class*=" ni-icn-"],
[class^=ni-icn-] {
  display: inline-block;
  width: 25px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat
}

[class*=" ni-icn-"]:nth-child(2),
[class^=ni-icn-]:nth-child(2) {
  margin-left: 8px
}

.ni-icn-save {
  background-position: 0 -46px
}

.ni-icn-save.disabled {
  background-position: 0 -92px
}

.ni-icn-rtf {
  background-position: 0 -184px
}

.ni-icn-pdf {
  background-position: 0 -460px
}

.ni-icn-phone {
  background-position: 0 -322px
}

.ni-icn-phone.disabled {
  background-position: 0 -368px
}

.ni-icn-email {
  background-position: 0 -597px
}

.ni-icn-user {
  background-position: 0 -733px
}

.ni-icn-user.disabled {
  background-position: 0 -779px
}

.ni-icn-cart {
  background-position: 0 -870px
}

.ni-icn-cart.disabled {
  background-position: 0 -914px
}

.ni-icn-fax,
.ni-icn-print {
  background-position: 0 -1016px
}

.ni-icn-chevLeft {
  background-position: 0 -1162px;
  height: 18px
}

.ni-icn-chevRight {
  background-position: 0 -1210px;
  height: 18px
}

.ni-icn-pageLeft {
  background-position: 0 -1257px;
  height: 18px
}

.ni-icn-pageRight {
  background-position: 0 -1303px;
  height: 18px
}

.ni-icn-globalSearch {
  background-position: 0 -1349px;
  height: 18px
}

.ni-icn-sidebarSearch {
  background-position: 0 -1394px;
  height: 20px;
  width: 28px
}

.ni-icn-search {
  background-position: 0 -1442px
}

.ni-icn-retrieve {
  background-position: -3px -1956px
}

.ni-icn-refresh {
  background-position: -3px -1818px
}

.ni-icn-chat,
.ni-icn-request-quote {
  background-position: -3px -1542px
}

.ni-icn-chat.disabled {
  background-position: -3px -1588px
}

.ni-icn-download {
  background-position: -3px -1680px
}

.ni-icn-download.disabled {
  background-position: -3px -1726px
}

.ni-icn-rss {
  background-position: 0 -2098px
}

.ni-icn-srm {
  background-position: -3px -2373px
}

.ni-icn-srm.disabled {
  background-position: -3px -2423px
}

.ni-icn-training {
  background-position: -3px -2233px
}

.ni-icn-training.disabled {
  background-position: -3px -2278px
}

.ni-icn-checkmark {
  background-position: -3px -1123px
}

.ni-icn-attachment {
  background-position: -3px -2460px;
  height: 20px
}

.ni-icn-close {
  width: 32px;
  height: 32px;
  cursor: pointer
}

a:hover .ni-icn-save {
  background-position: 0 0
}

a:hover .ni-icn-save.disabled {
  background-position: 0 -92px
}

a:hover .ni-icn-rtf {
  background-position: 0 -138px
}

a:hover .ni-icn-pdf {
  background-position: 0 -414px
}

a:hover .ni-icn-phone {
  background-position: 0 -276px
}

a:hover .ni-icn-email {
  background-position: 0 -552px
}

a:hover .ni-icn-user {
  background-position: 0 -687px
}

a:hover .ni-icn-cart {
  background-position: 0 -825px
}

a:hover .ni-icn-fax,
a:hover .ni-icn-print {
  background-position: 0 -960px
}

a:hover .ni-icn-retrieve {
  background-position: -3px -1910px
}

a:hover .ni-icn-refresh {
  background-position: -3px -1772px
}

a:hover .ni-icn-chat,
a:hover .ni-icn-request-quote {
  background-position: -3px -1496px
}

a:hover .ni-icn-download {
  background-position: -3px -1634px
}

a:hover .ni-icn-rss {
  background-position: 0 -2052px
}

a:hover .ni-icn-srm {
  background-position: -3px -2322px
}

a:hover .ni-icn-training {
  background-position: -3px -2190px
}

span:hover .ni-icn-phone {
  background-position: 0 -32px
}

span:hover .ni-icn-phone.disabled {
  background-position: 0 -368px
}

span:hover .ni-icn-user {
  background-position: 0 -687px
}

span:hover .ni-icn-user.disabled {
  background-position: 0 -779px
}

span:hover .ni-icn-chat {
  background-position: -3px -1496px
}

span:hover .ni-icn-chat.disabled {
  background-position: -3px -1588px
}

span:hover .ni-icn-download {
  background-position: -3px -1634px
}

span:hover .ni-icn-download.disabled {
  background-position: -3px -1726px
}

span:hover .ni-icn-srm {
  background-position: -3px -2322px
}

span:hover .ni-icn-srm.disabled {
  background-position: -3px -2423px
}

span:hover .ni-icn-training {
  background-position: -3px -2190px
}

span:hover .ni-icn-training.disabled {
  background-position: -3px -2278px
}

.ni-actions {
  50px 50px no-repeat;
  display: inline-block
}

[class*=" ni-action-l-"],
[class^=ni-action-l-] {
  padding-left: 26px;
  height: 17px;
  vertical-align: middle
}

.ni-action-l-download {
  background-position: -2px -1680px
}

.ni-action-l-download:hover {
  background-position: -2px -1634px
}

.ni-action-l-request-quote {
  background-position: -2px -1542px
}

.ni-action-l-request-quote:hover {
  background-position: -2px -1496px
}

.ni-action-l-print-fax {
  background-position: 1px -1016px
}

.ni-action-l-print-fax:hover {
  background-position: 1px -960px
}

.ni-action-l-print {
  background-position: 1px -1016px
}

.ni-action-l-print:hover {
  background-position: 1px -960px
}

.ni-action-l-buy-now {
  background-position: 0 -870px
}

.ni-action-l-buy-now:hover {
  background-position: 0 -825px
}

.ni-action-l-save-share {
  background-position: 0 -46px
}

.ni-action-l-save-share:hover {
  background-position: 0 0
}

.ni-action-l-refresh {
  background-position: 0 -1818px
}

.ni-action-l-refresh:hover {
  background-position: 0 -1772px
}

.ni-action-l-download.disabled {
  background-position: -2px -1680px
}

.ni-action-l-download.disabled:hover {
  background-position: -2px -1634px
}

.ni-action-l-request-quote.disabled {
  background-position: -2px -1542px
}

.ni-action-l-request-quote.disabled:hover {
  background-position: -2px -1496px
}

.ni-action-l-print-fax.disabled {
  background-position: 1px -1016px
}

.ni-action-l-print-fax.disabled:hover {
  background-position: 1px -960px
}

.ni-action-l-print.disabled {
  background-position: 1px -1016px
}

.ni-action-l-print.disabled:hover {
  background-position: 1px -960px
}

.ni-action-l-buy-now.disabled {
  background-position: 0 -870px
}

.ni-action-l-buy-now.disabled:hover {
  background-position: 0 -825px
}

.ni-action-l-save-share.disabled,
.ni-action-l-save-share.disabled:hover {
  background-position: 0 -92px
}

.ni-action-l-refresh.disabled {
  background-position: 0 -1818px
}

.ni-action-l-refresh.disabled:hover {
  background-position: 0 -1772px
}

[class*=" ni-action-r-"],
[class^=ni-action-r-] {
  padding-right: 31px;
  height: 17px;
  vertical-align: middle
}

.ni-action-r-download {
  background-position: 100% -1680px
}

.ni-action-r-download:hover {
  background-position: 100% -1634px
}

.ni-action-r-request-quote {
  background-position: 100% -1542px
}

.ni-action-r-request-quote:hover {
  background-position: 100% -1496px
}

.ni-action-r-print-fax {
  background-position: 100% -1016px
}

.ni-action-r-print-fax:hover {
  background-position: 100% -960px
}

.ni-action-r-print {
  background-position: 100% -1016px
}

.ni-action-r-print:hover {
  background-position: 100% -960px
}

.ni-action-r-buy-now {
  background-position: 100% -870px
}

.ni-action-r-buy-now:hover {
  background-position: 100% -825px
}

.ni-action-r-save-share {
  background-position: 100% -46px
}

.ni-action-r-save-share:hover {
  background-position: 100% 0
}

.ni-action-r-refresh {
  background-position: 97% -1818px
}

.ni-action-r-refresh:hover {
  background-position: 97% -1772px
}

[class*=" ni-support-icon-"],
[class^=ni-support-icon-] {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  background-image: url(../img/icons/support-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-right: 12px
}

.ni-support-icon-prod-manuals {
  background-position: -389px 100%
}

.ni-support-icon-knowledge-base {
  background-position: -143px 100%
}

.ni-support-icon-discuss {
  background-position: -301px 100%
}

.ni-support-icon-downloads {
  background-position: -69px 100%
}

.ni-support-icon-tutorials {
  background-position: 0 100%
}

.ni-support-icon-examples {
  background-position: -220px 100%
}

.ni-msg .ni-msg-icon {
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top
}

.ni-msg.ni-msg-warning .ni-msg-icon {
  background-position: -399px -399px
}

.ni-msg.ni-msg-error .ni-msg-icon {
  background-position: -599px -599px
}

.glyphicon-user {
  border: 1px solid;
  color: #ddd;
  font-size: 84px
}

@media (min-width:920px) {
  .modal-backdrop {
    background-color: #b2b2b2;
    opacity: .85;
    z-index: 1031
  }
}

@media (min-width:920px) {
  .modal .modal-content {
    background: 0 0;
    background-color: #fff;
    border: 5px solid #e7e7e7;
    border-radius: 0;
    padding: 20px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .18);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .18);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .18)
  }
}

.modal .close {
  float: right
}

.modal .close,
.ui-dialog #close-modal {
  fill: #333;
  opacity: 1
}

.ui-dialog #survey-launch-modal h1,
.ui-dialog #survey-launch-modal h2,
.ui-dialog #survey-launch-modal h3,
.ui-dialog #survey-launch-modal h4 {
  font-family: Roboto Condensed, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.42857143
}

.ui-dialog #survey-launch-modal h1,
.ui-dialog #survey-launch-modal h2 {
  font-weight: 300
}

.ui-dialog #survey-launch-modal h3 {
  font-weight: 400
}

.ui-dialog #survey-launch-modal h4 {
  font-weight: 600
}

.ui-dialog #survey-launch-modal h1 {
  font-size: 24px
}

.ui-dialog #survey-launch-modal h2 {
  font-size: 21px
}

.ui-dialog #survey-launch-modal h3 {
  font-size: 16px
}

.ui-dialog #survey-launch-modal {
  font-size: 13px;
  text-align: left
}

.ui-dialog #survey-launch-modal .center {
  text-align: center
}

.ui-dialog #survey-launch-modal .gutter-outer-r {
  margin-right: 12px
}

.ui-dialog #survey-launch-modal .pnx-block-1x {
  margin-bottom: 9px
}

.ui-dialog #survey-launch-modal .pnx-block-2x {
  margin-bottom: 18px
}

.ui-dialog #survey-launch-modal .font-size-s {
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  color: #777
}

.ui-dialog #survey-launch-modal .pnx-btn {
  background: 0 0;
  display: inline-block;
  margin-top: 20px;
  padding: 13px 15px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1em;
  color: #004123 !important;
  background-color: transparent;
  font-weight: 400;
  border: 2px solid #004123;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0
}

.ui-dialog #survey-launch-modal .pnx-btn:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #004123
}

@media (min-width:768px) {
  .ui-dialog #survey-launch-modal h1 {
    font-size: 36px
  }

  .ui-dialog #survey-launch-modal h2 {
    font-size: 26px
  }

  .ui-dialog #survey-launch-modal h3 {
    font-size: 18px
  }

  .ui-dialog #survey-launch-modal {
    font-size: 14px
  }

  .ui-dialog #survey-launch-modal .font-size-s {
    font-size: 12px
  }
}

@media (min-width:920px) {
  .ui-dialog #survey-launch-modal h1 {
    font-size: 45px
  }

  .ui-dialog #survey-launch-modal h2 {
    font-size: 32px
  }

  .ui-dialog #survey-launch-modal h3 {
    font-size: 21px
  }

  .ui-dialog #survey-launch-modal .ni-section-header {
    font-size: 18px
  }

  .ui-dialog #survey-launch-modal {
    font-size: 16px
  }

  .ui-dialog #survey-launch-modal .font-size-s {
    font-size: 13px
  }
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
  margin: 0;
  list-style: none
}

.ui-tabs .ui-tabs-nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

html[xmlns] .ui-tabs .ui-tabs-nav {
  display: block
}

.ui-tabs .ui-tabs-nav li {
  font-size: 12px;
  float: left;
  margin-right: 4px;
  margin-left: 0;
  margin-top: 5px;
  position: relative;
  top: 1px;
  list-style-type: none;
  border: 1px solid #ccc;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px
}

.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a span {
  cursor: pointer
}

.ui-tabs .ui-tabs-nav li a {
  padding: 2px 16px;
  color: #044123;
  outline: 0;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li span {
  display: block
}

.ui-tabs .ui-state-hover {
  background: transparent url(images/tabs.png) repeat-x 0 0;
  border-bottom: 1px solid #ccc
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: transparent url(images/tabs.png) repeat-x 0 0;
  position: relative;
  top: 1px;
  margin-top: 0
}

.ui-tabs .ui-tabs-nav li {
  margin-bottom: 0
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  font-weight: 700;
  position: relative;
  padding-top: 8px;
  top: -1px
}

.ui-tabs .ui-tabs-panel {
  padding: 12px;
  display: block;
  background: transparent url(images/tabs.png) repeat-x 0 -26px;
  border: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px
}

.region .ui-tabs .ui-tabs-panel {
  border: 1px solid #ccc !important
}

.ui-tabs .ui-tabs-hide {
  display: none
}

.ui-tabs-bottom {
  position: relative;
  zoom: 1
}

.ui-tabs-bottom .ui-tabs-panel {
  background: #fff;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0
}

.ui-tabs-bottom .ui-tabs-nav {
  position: absolute;
  top: 100%
}

.ui-tabs-bottom .ui-tabs-nav li {
  repeat-x 0 100%;
  top: 0;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  border-top: none;
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px
}

.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active {
  background: #fff;
  top: -1px;
  margin-top: 0
}

.hotspot .hs-spot script {
  display: none
}

#hotspotModal .modal-header .close svg polygon {
  fill: #ccc
}

#hotspotModal .modal-header .close:hover svg polygon {
  fill: #b2b2b2
}

#hotspotModal .modal-header {
  min-height: 40px;
  padding-bottom: 0
}

#hotspotModal #ni-close-svg {
  width: 20px;
  height: 20px
}

.highlight-card-height {
  overflow: hidden;
  margin-bottom: 30px
}

.highlight-horizontal-img {
  float: left
}

.highlight-horizontal-content {
  float: left;
  padding-left: 20px
}

@media only screen and (min-width:1200px) {
  .highlight-card-height {
    overflow: hidden;
    margin-bottom: 30px
  }

  .highlight-horizontal-img {
    width: 165px
  }

  .highlight-horizontal-content {
    width: 84%
  }

  .grid .col-sm-6 .highlight-horizontal-content {
    width: 66%
  }
}

@media only screen and (max-width:1199px) {
  .highlight-title-card {
    bottom: 75px !important
  }

  .highlight-card-height {
    padding-left: 0;
    height: 176px !important
  }

  .highlight-title-card {
    bottom: 44px !important;
    padding: 12px 0 12px 12px !important
  }

  .highlight-image-card img {
    width: 100%
  }

  .highlight-horizontal-img {
    width: 165px
  }

  .highlight-horizontal-content {
    width: 80%
  }

  .grid .col-sm-6 .highlight-horizontal-content {
    width: 60%
  }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
  .highlight-card-height {
    padding-left: 0;
    height: 136px !important
  }

  .highlight-title-card {
    bottom: 40px !important;
    padding: 8px 0 10px 5px !important;
    height: 40px !important
  }

  .grid .highlight-card .col-xs-12 {
    margin-bottom: -30px
  }

  .highlight-title-card h3 {
    font-size: 13px !important
  }

  .highlight-image-card img {
    width: 100%
  }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
  .highlight-title-card {
    bottom: 40px !important
  }
}

@media @media only screen and (min-device-width:320px) and (max-device-width:480px),
only screen and (min-device-width:320px) and (max-device-width:568px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: -21px
  }

  .highlight-horizontal-img {
    width: 77px
  }

  .highlight-horizontal-content {
    width: 70%
  }
}

@media only screen and (min-device-width:360px) and (max-device-width:567px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: -11px !important
  }
}

@media only screen and (min-device-width:360px) and (max-device-width:640px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: -6px !important
  }
}

@media only screen and (min-device-width:384px) and (max-device-width:567px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: -8px !important
  }
}

@media only screen and (min-device-width:375px) and (max-device-width:627px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: 1px !important
  }

  .grid .col-sm-6 .highlight-horizontal-content {
    width: 70%
  }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: 16px !important
  }
}

@media only screen and (min-device-width:412px) and (max-device-width:659px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: 15px !important
  }
}

@media only screen and (min-device-width:600px) and (max-device-width:1024px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: 18px !important
  }

  .highlight-horizontal-img {
    width: 132px
  }

  .highlight-horizontal-content {
    width: 70%
  }

  .grid .col-sm-6 .highlight-horizontal-content {
    width: 75%
  }
}

@media only screen and (max-device-width:1024px) and (min-device-width:768px) {
  .grid .highlight-card .col-xs-12 {
    margin-bottom: 30px !important
  }

  .grid .col-xs-6.col-sm-4 {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .highlight-title-card p {
    padding-top: 33px !important
  }

  .highlight-horizontal-content {
    width: 80%
  }

  .grid .col-sm-6 .highlight-horizontal-content {
    width: 60%
  }
}

@media only screen and (min-device-width:800px) and (max-device-width:1280px) {
  .highlight-horizontal-content {
    width: 80%
  }

  .grid .col-sm-6 .highlight-horizontal-content {
    width: 60%
  }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
  .highlight-title-card {
    bottom: 40px !important
  }
}

@media only screen and (min-device-width:600px) and (max-device-width:960px) {
  .highlight-title-card {
    bottom: 67px !important
  }
}

.grid .col-xs-12 {
  margin-bottom: 40px
}

.grid .product-support-resource .col-xs-12 {
  margin-bottom: 50px
}

.grid .no-padding {
  margin-bottom: 0
}

.ni-card-overlay-title h3 {
  color: #fff
}

@media only screen and (max-device-width:768px) {
  .categorical-content.horizontal img {
    width: 46px !important
  }

  .categorical-content.horizontal .section-media+.link-desc {
    margin-left: 60px !important
  }
}

@media only screen and (max-width:767px) {
  .row.ni-home {
    margin-top: 0
  }
}

@media only screen and (max-device-width:860px) {

  .flexslider .flex-next,
  .flexslider .flex-prev {
    background: hsla(0, 0%, 100%, .25)
  }

  .flex-direction-nav a.flex-next:before {
    color: #fff !important;
    margin-top: -10px;
    content: "\203A" !important;
    margin-right: 6px
  }

  .flex-direction-nav .flex-next {
    right: 0 !important;
    top: 197px;
    width: 25px
  }

  .flex-direction-nav a.flex-prev:before {
    color: #fff !important;
    margin-top: -10px;
    content: "\2039" !important;
    margin-left: 6px
  }

  .flex-direction-nav .flex-prev {
    left: 0 !important;
    top: 197px;
    width: 25px
  }

  .ni-feature-content.carousel .feature-content {
    padding: 15px 40px 35px !important
  }
}

.ni-page-wrap .warning,
.pnx-page-wrap .warning {
  background: #fff no-repeat scroll -390px -390px;
  border-radius: 0;
  border: 4px solid rgba(255, 119, 0, .6);
  margin: 12px auto;
  min-height: 26px;
  padding: 6px 6px 6px 45px;
  position: inherit;
  vertical-align: middle;
  width: 95%;
  max-width: 1170px;
  z-index: 0
}

.ni-msg .ni-msg-content {
  display: inline-block
}

.ni-msg.ni-msg-warning {
  border-radius: 0;
  border: 4px solid rgba(255, 119, 0, .6);
  margin: 12px auto
}

.ni-msg.ni-msg-error,
.ni-msg.ni-msg-warning {
  background-color: #fff;
  min-height: 26px;
  padding: 6px;
  position: relative;
  vertical-align: middle
}

.ni-msg.ni-msg-error {
  border-radius: 0;
  border: 4px solid #d73a0f
}

.ni-form-tooltip-content,
.ni-tooltip-content {
  display: none
}

body .ui-tooltip {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none
}

.ni-form-tooltip-customization {
  background: 0 0;
  background-color: #fff;
  border: 5px solid #e7e7e7 !important;
  width: 303px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 15px
}

.ni-form-tooltip-customization:after {
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  content: "";
  display: block;
  height: 0;
  right: -12px;
  position: absolute;
  top: 31px;
  width: 0
}

.ni-form-tooltip-customization:before {
  border-bottom: 14px solid transparent;
  border-left: 14px solid #e7e7e7;
  border-top: 14px solid transparent;
  content: "";
  display: block;
  height: 0;
  right: -18px;
  position: absolute;
  top: 29px;
  width: 0
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus {
  -moz-box-shadow: 0 0 5px rgba(52, 152, 219, .35);
  -webkit-box-shadow: 0 0 5px rgba(52, 152, 219, .35);
  background-color: #fff;
  border-color: #cddcc8;
  box-shadow: 0 0 5px rgba(52, 152, 219, .35);
  outline: 0 !important
}

FORM label {
  text-align: left
}

LABEL {
  font-family: Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #333;
  margin-bottom: 6px;
  display: block
}

INPUT {
  width: 100%;
  padding: 0 0 0 15px;
  display: inline-block;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0
}

FORM .ui-selectmenu-button,
FORM .ui-selectmenu-button.ui-state-default,
FORM .ui-selectmenu-button:hover {
  background: 0 0;
  background-color: #fff
}

FORM .ni-custom-dropdown.opened,
FORM .ni-custom-dropdown:focus,
FORM .ui-selectmenu-button.ui-state-focus,
INPUT:focus {
  box-shadow: 0 0 5px rgba(52, 152, 219, .35) !important;
  -webkit-box-shadow: 0 0 5px rgba(52, 152, 219, .35) !important;
  -moz-box-shadow: 0 0 5px rgba(52, 152, 219, .35)) !important;
  border-color: #cddcc8 !important;
  background-color: #fff !important
}

::-webkit-input-placeholder {
  color: #999 !important
}

:-moz-placeholder,
::-moz-placeholder {
  color: #999 !important
}

:-ms-input-placeholder {
  color: #999 !important
}

FORM .ni-custom-dropdown,
FORM .ui-selectmenu-button,
INPUT {
  height: 35px;
  font-size: 14px;
  border: 1px solid #ccc;
  font-family: Helvetica, sans-serif;
  color: #333 !important;
  top: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0
}

DIV.intl-tel-input,
FORM .ni-custom-dropdown,
FORM .ui-selectmenu-button,
INPUT,
SELECT,
TEXTAREA {
  margin: 0 0 25px;
  width: 100%;
  line-height: normal
}

FORM .ui-selectmenu-menu .ui-menu {
  padding: 10px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0
}

FORM .ui-selectmenu-open .ui-menu {
  max-height: 330px;
  overflow-y: auto
}

FORM .ui-selectmenu-menu .ui-menu .ui-menu-item {
  padding-top: 5px;
  padding-bottom: 5px
}

FORM .ui-selectmenu-menu .ui-menu .ui-state-focus,
FORM .ui-selectmenu-menu .ui-menu .ui-state-hover,
FORM .ui-selectmenu-menu .ui-menu .ui-widget-content .ui-state-focus,
FORM .ui-selectmenu-menu .ui-menu .ui-widget-content .ui-state-hover,
FORM .ui-selectmenu-menu .ui-menu .ui-widget-header .ui-state-focus,
FORM .ui-selectmenu-menu .ui-menu .ui-widget-header .ui-state-hover {
  color: #fff
}

FORM .ni-custom-dropdown,
FORM .ui-selectmenu-button {
  height: 35px !important;
  padding: 10px 30px 0 15px !important
}

.ui-multiselect.ui-state-active {
  border-color: #cddcc8;
  outline: 1px auto #cddcc8
}

FORM .ni-multiselect {
  padding: 0 30px 0 15px !important;
  width: auto !important;
  max-width: 220px;
  min-width: 100px;
  height: 40px !important;
  font-size: 16px !important
}

FORM .ui-selectmenu-button .ui-selectmenu-text {
  padding: 0;
  width: 100%
}

FORM .ui-selectmenu-button .glyphicon {
  left: auto;
  margin-top: -.5em;
  position: absolute;
  right: .5em;
  top: 50%
}

FORM .ui-multiselect .glyphicon {
  left: 15px;
  position: relative;
  float: right;
  top: 11px
}

.ui-multiselect-menu {
  display: none;
  padding: 0 !important;
  position: absolute;
  z-index: 1000;
  text-align: left
}

.ui-multiselect-checkboxes label {
  cursor: pointer;
  display: block
}

.ui-multiselect-checkboxes li:hover {
  background-color: #004123
}

.ui-multiselect-checkboxes label input {
  position: relative;
  margin-right: 10px;
  top: 0;
  display: inline !important;
  width: 15px !important;
  float: left
}

* html .ui-multiselect-checkboxes label {
  border: none
}

.ui-multiselect-menu {
  min-width: 207px
}

.disabled * {
  color: #ccc !important
}

.ui-multiselect-checkboxes li.disabled label.ui-state-hover,
.ui-multiselect-checkboxes li.disabled label:hover,
.ui-multiselect-checkboxes li.disabled:hover,
li.disabled label.ui-corner-all {
  color: #ccc !important;
  background-color: #fff;
  border: none;
  cursor: pointer
}

.ui-multiselect-checkboxes span {
  margin-top: 0;
  display: inline;
  font-size: 13px
}

.ui-multiselect-checkboxes label.ui-state-hover input[type=checkbox],
.ui-multiselect-checkboxes label.ui-state-hover input[type=checkbox]:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline-offset: 0;
  cursor: pointer !important
}

.ui-multiselect-checkboxes li {
  padding: 5px 7px !important
}

.ui-multiselect-checkboxes label,
.ui-multiselect-checkboxes label.ui-state-hover {
  border-radius: 0;
  cursor: pointer;
  margin: 0;
  background-color: #fff;
  color: #333 !important;
  font-weight: 100;
  padding: 0 !important;
  border: 0 !important
}

.ui-multiselect-checkboxes label:hover,
.ui-multiselect-checkboxes li:hover * {
  background-color: #004123;
  color: #cddcc8 !important
}

.ui-multiselect li.disabled label:hover,
.ui-multiselect-checkboxes li.disabled label span:hover,
.ui-multiselect-checkboxes li.disabled:hover * {
  background-color: #fff !important;
  color: #ccc !important
}

.ui-selectmenu-button {
  border-radius: 0;
  border: 1px solid #ccc;
  border-top: 0 solid #ccc
}

.ui-multiselect-menu .ni-clear {
  background-color: #f4f4f4;
  padding: 5px 15px 5px 5px;
  text-align: right;
  margin: 0 -3px -2px;
  color: #004123;
  cursor: pointer;
  font-size: 13px
}

.ui-multiselect-menu .ni-clear:hover {
  text-decoration: underline
}

.ui-multiselect-checkboxes {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  padding: 8px !important;
  max-height: 330px;
  max-width: 400px;
  overflow-y: auto !important;
  width: auto !important
}

.ui-multiselect span {
  font-size: 13px;
  margin-right: 0 !important
}

.ui-multiselect span:not(.glyphicon) {
  position: relative;
  max-width: 173px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  white-space: nowrap
}

.ni-clear-all {
  margin-left: 10px;
  font-size: 13px
}

INPUT[type=radio] {
  margin: 2px 6px 6px 0 !important
}

INPUT[type=checkbox],
INPUT[type=radio] {
  display: inline-block;
  width: auto;
  height: 1em !important;
  border: none
}

INPUT[type=checkbox] {
  margin: 2px 6px 6px 0;
  padding: 0
}

TEXTAREA {
  width: 100%
}

FORM .ni-custom-dropdown.country,
FORM .phoneprefix {
  width: 25%
}

FORM .password {
  margin-bottom: 6px
}

label .optionalfield {
  font-weight: 400;
  font-color: #044123 !important
}

@media (min-width:768px) {
  LABEL {
    font-size: 14px
  }

  FORM .ni-custom-dropdown,
  INPUT,
  SELECT,
  TEXTAREA {
    margin: 0 0 25px
  }

  FORM button.ni-multiselect {
    margin-bottom: 0
  }
}

@media (min-width:992px) {
  LABEL {
    font-size: 16px
  }

  FORM .ni-custom-dropdown,
  FORM .ui-selectmenu-button:not(.ui-multiselect),
  INPUT {
    height: 43px !important;
    font-size: 16px !important
  }

  FORM .ni-custom-dropdown,
  FORM .ui-selectmenu-button,
  INPUT,
  SELECT,
  TEXTAREA {
    margin: 0 0 30px
  }

  FORM button.ni-multiselect {
    margin-bottom: 0
  }
}

.ui-multiselect {
  height: 40px !important
}

.ni-margin-new-size {
  margin-bottom: 25px
}

@media (min-width:992px) {
  .ni-margin-new-size {
    margin-bottom: 30px
  }
}

.ni-content-center {
  text-align: center
}

FORM .ni-custom-dropdown {
  display: inline-block;
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: left
}

FORM .ni-custom-dropdown:last-child:after {
  content: ""
}

FORM .ni-custom-dropdown.opened {
  cursor: pointer
}

FORM .ni-custom-dropdown A,
FORM .ni-custom-dropdown A:hover {
  text-decoration: none !important;
  display: block;
  width: 100%
}

FORM .ni-custom-dropdown .input-text {
  color: #333;
  text-align: left;
  float: left;
  display: inline-block;
  white-space: nowrap;
  width: 80%
}

FORM .ni-custom-dropdown .ni-custom-select-icon {
  position: absolute;
  display: inline-block;
  right: 6px;
  margin-top: 2px
}

FORM .ni-custom-dropdown .ni-custom-select-icon .glyphicon-menu-down {
  margin: 0
}

FORM .ni-custom-dropdown-contents {
  display: none;
  position: absolute;
  overflow: hidden;
  max-height: 330px;
  min-width: 227px;
  padding: 0;
  z-index: 100;
  background-color: #fff;
  top: 100%;
  left: 0;
  overflow-y: auto
}

FORM .ni-custom-dropdown-container-border {
  border: 1px solid #ccc
}

FORM .ni-custom-dropdown-contents UL {
  margin: 0;
  padding: 10px;
  list-style: none
}

FORM .ni-custom-dropdown-contents UL LI {
  padding: 10px 15px;
  margin-bottom: 0 !important;
  cursor: pointer;
  white-space: nowrap;
  color: #044123;
  line-height: 2em
}

FORM .ni-custom-dropdown-contents UL LI A {
  color: #044123 !important;
  text-decoration: none
}

FORM .ni-custom-dropdown-contents UL LI.sub {
  padding: 10px
}

FORM .ni-custom-dropdown-contents UL LI.selected {
  background-color: #cddcc8
}

FORM .ni-custom-dropdown-contents UL LI:hover {
  background-color: #f4f4f4
}

.ui-multiselect-checkboxes label input:focus {
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important
}

.actions-dropdowns .glyphicon,
.actions-dropdowns .ui-menu-item,
.actions-dropdowns .ui-selectmenu-text {
  font-size: 13px !important
}

.fielderror .ni-custom-dropdown,
.fielderror .ui-selectmenu-button,
.fielderror INPUT,
.fielderror SELECT,
.fielderror TEXTAREA,
.pnx-form-error INPUT,
.pnx-form-error SELECT,
.pnx-form-error TEXTAREA,
.pnx-inline-dropdown.pnx-form-error,
.pnx-inline-dropdown.pnx-form-error .input-text,
.pnx-inline-input.pnx-form-error,
.pnx-inline-input.pnx-form-error .input-text,
INPUT.fielderror,
INPUT.pnx-form-error,
SELECT.fielderror,
SELECT.pnx-form-error,
TEXTAREA.fielderror,
TEXTAREA.pnx-form-error {
  background-image: none;
  border-color: #d73a0f
}

.fielderror INPUT[type=checkbox],
.pnx-form-error INPUT[type=checkbox],
INPUT[type=checkbox].fielderror,
INPUT[type=checkbox].pnx-form-error {
  outline: 1px solid #d73a0f
}

div p:lang(ja),
div p:lang(ko),
div p:lang(zh-CN),
div p:lang(zh-TW),
h1:lang(ja),
h1:lang(ko),
h1:lang(zh-CN),
h1:lang(zh-TW),
h2:lang(ja),
h2:lang(ko),
h2:lang(zh-CN),
h2:lang(zh-TW),
h3:lang(ja),
h3:lang(ko),
h3:lang(zh-CN),
h3:lang(zh-TW),
p:lang(ja),
p:lang(ko),
p:lang(zh-CN),
p:lang(zh-TW) {
  word-break: normal
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {

    div p: lang(ja),
    div p:lang(ko),
    div p:lang(zh-CN),
    div p:lang(zh-TW),
    h1:lang(ja),
    h1:lang(ko),
    h1:lang(zh-CN),
    h1:lang(zh-TW),
    h2:lang(ja),
    h2:lang(ko),
    h2:lang(zh-CN),
    h2:lang(zh-TW),
    h3:lang(ja),
    h3:lang(ko),
    h3:lang(zh-CN),
    h3:lang(zh-TW),
    p:lang(ja),
    p:lang(ko),
    p:lang(zh-CN),
    p:lang(zh-TW) {
      word-break: break-all
    }
  }
}

.ni-icon {
  max-height: 84px
}

.ni-image-2col {
  width: 166px
}

.ni-image-3col {
  width: 264px
}

.ni-image-4col {
  width: 362px
}

.ni-image-5col {
  width: 460px
}

.ni-image-6col {
  width: 558px
}

@media (min-width:768px) and (max-width:919px) {
  .ni-image-2col {
    width: 98px
  }

  .ni-image-3col {
    width: 162px
  }

  .ni-image-4col {
    width: 226px
  }

  .ni-image-5col {
    width: 290px
  }

  .ni-image-6col {
    width: 354px
  }
}

@media (max-width:480px) {
  .ni-image-2col {
    width: 76px
  }

  .ni-image-3col {
    width: 129px
  }

  .ni-image-4col {
    width: 182px
  }

  .ni-image-5col {
    width: 235px
  }

  .ni-image-6col {
    width: 100%
  }
}

.ni-padding-top-1x {
  padding-top: 25px
}

.ni-padding-top-2x {
  padding-top: 30px
}

.ni-padding-top-3x,
.ni-padding-top-4x {
  padding-top: 35px
}

.ni-padding-bottom-1x {
  padding-bottom: 25px
}

.ni-padding-bottom-2x {
  padding-bottom: 30px
}

.ni-padding-bottom-3x,
.ni-padding-bottom-4x {
  padding-bottom: 35px
}

.ni-padding-vertical-1x {
  padding: 25px 0
}

.ni-padding-vertical-2x {
  padding: 30px 0
}

.ni-padding-vertical-3x,
.ni-padding-vertical-4x {
  padding: 35px 0
}

.ni-margin-grid-row {
  margin-bottom: 30px
}

@media only screen and (min-width:768px) {
  .ni-padding-top-4x {
    padding-top: 40px
  }

  .ni-padding-bottom-4x {
    padding-bottom: 40px
  }

  .ni-padding-vertical-4x {
    padding: 40px 0
  }
}

@media only screen and (min-width:920px) {
  .ni-padding-top-1x {
    padding-top: 30px
  }

  .ni-padding-top-2x {
    padding-top: 40px
  }

  .ni-padding-top-3x {
    padding-top: 50px
  }

  .ni-padding-top-4x {
    padding-top: 70px
  }

  .ni-padding-bottom-1x {
    padding-bottom: 30px
  }

  .ni-padding-bottom-2x {
    padding-bottom: 40px
  }

  .ni-padding-bottom-3x {
    padding-bottom: 50px
  }

  .ni-padding-bottom-4x {
    padding-bottom: 70px
  }

  .ni-padding-vertical-1x {
    padding: 30px 0
  }

  .ni-padding-vertical-2x {
    padding: 40px 0
  }

  .ni-padding-vertical-3x {
    padding: 50px 0
  }

  .ni-padding-vertical-4x {
    padding: 70px 0
  }

  .ni-margin-grid-row {
    margin-bottom: 40px
  }
}

.search-component INPUT.search-input {
  font-size: 18px !important
}

@media (min-width:768px) {
  .search-component INPUT.search-input {
    font-size: 18px !important
  }
}

@media (min-width:920px) {
  .search-component .search-input {
    font-size: 14px
  }
}

#analytics-ni-survey-invite {
  background-color: none;
  z-index: 1031;
  position: absolute;
  margin-top: 30px;
  margin-left: calc((100% - 600px)/ 2)
}

#overlay {
  background: rgba(178, 178, 179, .85);
  z-index: 1031;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%
}

div.surveyInvitation {
  background-color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 5px solid #e7e7e7;
  color: #333;
  margin-left: calc((100% - 600px)/ 2);
  transition: opacity .15s linear;
  padding: 14px 14px 20px;
  position: relative;
  top: 30px;
  width: 600px;
  z-index: 100
}

div.surveyInvitation,
div.surveyInvitation div {
  font-family: Roboto, sans-serif;
  font-size: 16px
}

.QSIPopOver h3,
.invite h3,
div.surveyInvitation h3 {
  color: #333;
  display: block;
  float: left;
  font-family: Roboto Condensed, sans-serif;
  font-size: 21px;
  font-weight: 400;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0
}

div.surveyInvitation .footer {
  margin-top: 6px;
  color: #fff;
  font-style: italic;
  font-size: 11px;
  display: block
}

div.surveyInvitation .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

div.surveyInvitation .modal-header {
  border-bottom: none;
  padding: 0;
  min-height: 16.43px;
  display: block
}

div.surveyInvitation .modal-body {
  font-size: 14px;
  line-height: 1.42857143;
  position: relative;
  padding: 0
}

div.surveyInvitation div.modal {
  font-size: 14px !important
}

div.surveyInvitation svg:not(:root) {
  overflow: hidden
}

#analytics-close-modal {
  color: #000;
  cursor: pointer;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  float: right;
  margin-top: -2px;
  text-shadow: 0 1px 0 #fff;
  top: 0
}

div.surveyInvitation .row {
  margin-right: -15px;
  margin-left: -15px
}

div.surveyInvitation .row:before {
  display: table;
  content: " "
}

@media(min-width:920px) {
  div.surveyInvitation .modal-content {
    background: 0 0;
    background-color: #fff;
    border-radius: 0;
    min-height: 300px
  }
}

div.surveyInvitation .modal-backdrop {
  background-color: #b2b2b2;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90
}

.QSIPopOver .ni-btn,
div.surveyInvitation .ni-btn {
  display: inline-block !important;
  padding: 13px 15px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1em
}

.QSIPopOver .ni-btn-tertiary,
div.surveyInvitation .ni-btn-tertiary {
  color: #35b77d;
  background-color: transparent;
  font-weight: 400;
  border: 2px solid #35b77d
}

.QSIPopOver .ni-body-copy-tertiary,
div.surveyInvitation .ni-body-copy-tertiary {
  font-size: 13px;
  color: #777
}

.QSIPopOver .ni-btn-tertiary:hover,
div.surveyInvitation .ni-btn-tertiary:hover {
  color: #fff;
  background-color: #35b77d
}

.QSIPopOver .ni-margin-1x,
div.surveyInvitation .ni-margin-1x {
  margin-bottom: 6px
}

div.surveyInvitation .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both
}

.QSIPopOver .pnx-block-2x,
div.surveyInvitation .pnx-block-2x {
  margin-bottom: 24px
}

.QSIPopOver .pnx-block-1x,
div.surveyInvitation .pnx-block-1x {
  margin-bottom: 12px
}

div.surveyInvitation .center-block {
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.QSIPopOver .col-md-6,
div.surveyInvitation .col-md-6 {
  float: left;
  min-height: 1px;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  width: 50%
}

.no-scroll {
  overflow: hidden
}

.QSIPopOver blockquote,
.QSIPopOver dd,
.QSIPopOver div,
.QSIPopOver dl,
.QSIPopOver dt,
.QSIPopOver fieldset,
.QSIPopOver form,
.QSIPopOver h1,
.QSIPopOver h2,
.QSIPopOver h3,
.QSIPopOver h4,
.QSIPopOver h5,
.QSIPopOver h6,
.QSIPopOver li,
.QSIPopOver ol,
.QSIPopOver p,
.QSIPopOver pre,
.QSIPopOver td,
.QSIPopOver textarea,
.QSIPopOver th,
.QSIPopOver ul {
  outline: 0
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: italic;
  font-weight: 400;
}

#wrapper-search-form .ui-autocomplete.ui-menu {
  background-color: #f5f5f5 !important;
  font-family: FoundersGrotesk, Helvetica, sans-serif;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: none;
  font-size: 12px;
  left: -10px !important;
  padding: 30px 46px;
  text-align: left !important;
  top: 75px !important;
  width: calc(100% - 180px) !important
}

#wrapper-search-form {
  margin-top: 0 !important
}

#wrapper-search-form .ui-menu-item-scenario-highlight,
#wrapper-search-form span.ui-menu-item-label-highlight {
  color: #044123
}

#wrapper-search-form .ui-state-focus .ui-menu-item-scenario-highlight,
#wrapper-search-form .ui-state-focus span.ui-menu-item-label-highlight {
  color: #fff
}

#wrapper-search-form .ui-autocomplete.ui-menu .ui-menu-item {
  cursor: pointer
}

#wrapper-search-form li.ui-state-focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: #044123;
  color: #32eb96
}

.menu-search-input {
  -webkit-animation-name: specialFadeInRight;
  animation-name: specialFadeInRight;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .35s;
  animation-delay: .35s
}

#wrapper-search-form .ui-autocomplete.ui-menu .ui-menu-item>a {
  text-align: left;
  font-size: 18px;
  line-height: 25px
}

.wrapper-search-form.active .autoCompleteItem-global>button[type=reset],
.wrapper-search-form.active .autoCompleteItem-global>button[type=submit] {
  background: 0 0;
  border: 0;
  cursor: pointer;
  outline: 0 none !important;
  position: relative;
  z-index: 15;
  visibility: visible;
  top: 12px
}

@supports (-webkit-overflow-scrolling:touch) {
  .wrapper-search-form.active .autoCompleteItem-global>button[type=submit] {
    left: 0
  }
}

.wrapper-search-form.active .autoCompleteItem-global>button[type=reset] {
  left: calc(100% - 45px);
  position: absolute;
  color: #044123 !important;
  top: -2px
}

.wrapper-search-form.active .autoCompleteItem-global>button[type=reset]:active {
  color: #ccdcc8 !important
}

.wrapper-search-form.active i.fal.fa-times {
  font-size: 28px;
  position: relative
}

.wrapper-search-form .autoCompleteItem-global button {
  background: 0 0;
  position: absolute;
  visibility: hidden
}

.wrapper-search-form.active {
  opacity: 1;
  transition-delay: .1s;
  transform: translateX(0);
  transition: all .2s ease-in-out;
  visibility: visible;
  border: 0;
  width: 100%;
  z-index: 10
}

.wrapper-search-form {
  border: none;
  background-color: #fff;
  height: 67px;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(945px);
  transition: all .2s ease-in-out;
  visibility: hidden;
  width: 2px;
  z-index: -2;
  display: flex;
  flex-basis: auto
}

.wrapper-search-form input[type=text] {
  border: 0;
  box-shadow: none !important;
  color: #7d8482 !important;
  font-family: FoundersGrotesk;
  font-size: 24px !important;
  height: 30px !important;
  margin: 10px 0 15px;
  outline: 0 none !important;
  display: inline-flex;
  position: absolute;
  background-color: #fff;
  padding: 0 57px 0 52px;
  width: 100%
}

.wrapper-search-form::placeholder {
  color: #999
}

.ni-wrapper-header .close {
  opacity: 0;
  visibility: hidden
}

.ni-wrapper-header .close.active {
  background: 0 0;
  color: #fff;
  cursor: pointer;
  line-height: 67px;
  opacity: 1;
  outline: 0;
  padding: 0;
  position: absolute;
  visibility: visible
}

@media screen and (max-width:1099px) {
  #wrapper-search-form .ui-autocomplete.ui-menu {
    left: 0 !important;
    overflow-y: scroll;
    top: 72px !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch
  }

  .wrapper-search-form.active {
    display: block;
    height: 73px;
    width: 100%;
    right: 0;
    position: fixed
  }

  .wrapper-search-form {
    visibility: visible;
    display: none
  }

  .wrapper-search-form input[type=text] {
    border: 0;
    font-size: 18px !important;
    height: 73px !important;
    left: 0;
    margin: 0;
    width: 100%
  }

  .wrapper-search-form.active .autoCompleteItem-global>button[type=submit] {
    top: 19px;
    padding: 0 15px
  }

  .wrapper-search-form.active .autoCompleteItem-global>button[type=reset] {
    height: 52px;
    left: calc(100% - 70px);
    top: 13px;
    width: 53px
  }

  .wrapper-search-form.active i.fal.fa-times {
    top: -11px;
    position: relative
  }

  .wrapper-search-form {
    height: 42px
  }

  .ui-autocomplete.ui-menu {
    width: 100% !important
  }

  .wrapper-search-form.active .btn-group {
    display: none
  }

  #wrapper-search-form .ui-autocomplete.ui-menu {
    background-color: #fff
  }
}

@media (min-width:1200px) {
  #wrapper-search-form .ui-autocomplete.ui-menu {
    width: 100% !important
  }
}

@media only screen and (max-width:1099px) {
  .ni-megamenu-desktop {
    display: none
  }

  .ni-megamenu-mobile {
    height: 100%
  }

  .ni-megamenu-mobile ul {
    padding: 15px;
    list-style-type: none
  }

  .ni-megamenu-mobile .menu-item {
    font-size: 24px;
    margin-top: 20px;
    height: 36px
  }

  .ni-megamenu-mobile .menu-item a {
    text-decoration: none;
    color: #044123
  }

  .ni-megamenu-mobile .menu-item .glyphicon-menu-right {
    top: 5px;
    float: right;
    color: #d3d3d3
  }

  .ni-megamenu-mobile .menu-item .glyphicon-menu-left {
    top: 5px;
    float: left;
    margin-right: 10px;
    color: #d3d3d3
  }

  .mobile-nav {
    display: none;
    min-width: 280px;
    width: 100%;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    z-index: 8192;
    left: -100%;
    bottom: 0;
    background-color: #fff !important;
    -moz-transition: .15s all cubic-bezier(.65, .05, .36, 1);
    -ms-transition: .15s all cubic-bezier(.65, .05, .36, 1);
    -webkit-transition: all .15s cubic-bezier(.65, .05, .36, 1);
    transition: all .15s cubic-bezier(.65, .05, .36, 1);
    font-family: FoundersGrotesk;
    color: #044123;
    padding: 0 !important;
    line-height: 1.42857143 !important
  }

  .mobile-nav[data-depth="0"] .head .reset {
    background-color: #044123
  }

  .mobile-nav[data-depth="0"] .head .reset .arrow {
    color: hsla(0, 0%, 100%, .4)
  }

  .mobile-nav[data-depth]:not([data-depth="0"]) .head .reset:focus,
  .mobile-nav[data-depth]:not([data-depth="0"]) .head .reset:hover {
    background-color: hsla(0, 0%, 100%, .3)
  }

  .mobile-nav.open {
    padding-top: 40px !important;
    left: 0
  }

  .mobile-nav ul {
    padding: 0 0 48px;
    list-style-type: none;
    display: none;
    left: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    -moz-transition: .15s all linear;
    -ms-transition: .15s all linear;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
  }

  .mobile-nav ul.open {
    left: 100%
  }

  .mobile-nav ul li .breadcrumbs a {
    color: #fff;
    display: inline-block;
    margin: 0 3px
  }

  .mobile-nav ul li .breadcrumbs-row {
    background-color: #044123;
    display: none
  }

  .mobile-nav ul li>a,
  .mobile-nav ul li>span {
    font-size: 18px !important;
    margin-left: 14px;
    display: block;
    -moz-transition: .15s all linear;
    -ms-transition: .15s all linear;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    text-decoration: none;
    padding: 12px 20px;
    color: #054123;
    position: relative
  }

  .mobile-nav ul li>a:not(.breadcrumbs),
  .mobile-nav ul li>span:not(.breadcrumbs) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
  }

  .mobile-nav ul li>a .arrow,
  .mobile-nav ul li>span .arrow {
    display: block !important;
    position: absolute;
    top: 50%;
    right: 15px;
    color: #044123;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .mobile-nav>ul {
    display: block;
    position: relative;
    left: 0;
    top: auto
  }

  .mobile-nav .ni-rebrand-button {
    margin-top: 40px;
    margin-left: 20px;
    display: block;
    float: left
  }

  .mobile-nav h3 {
    font-family: SpaceMono !important;
    font-weight: 400 !important;
    font-size: 18px !important
  }

  .mobile-nav h3,
  .mobile-nav h4 {
    padding-left: 18px !important;
    line-height: 46px !important;
    color: #054123 !important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
  }

  .mobile-nav h4 {
    font-size: 18px;
    font-weight: 500 !important;
    font-family: FoundersGrotesk !important
  }

  .mobile-nav .bold {
    font-weight: 600
  }

  .mobile-nav .closed-list,
  .mobile-nav .open-list {
    font-size: 18px;
    color: #054123
  }

  .mobile-nav .note {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 18px;
    color: #044123;
    line-height: 1.33
  }

  body.noscroll {
    overflow: hidden;
    position: fixed
  }
}

@media only screen and (min-width:1100px) {
  .mobile-nav {
    display: none !important
  }
}

.ni-megamenu-desktop {
  background-color: #f4f4f4;
  padding: 30px 68px 39px;
  margin: auto
}

.ni-megamenu-title {
  display: block;
  height: 30px;
  font-family: FinancierDisplay;
  font-size: 28px;
  font-weight: 400;
  line-height: .82;
  color: #044123;
  margin-bottom: 8px
}

.ni-megamenu-desktop h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.28;
  margin-bottom: 40px
}

.ni-megamenu-desktop h2,
.ni-megamenu-desktop h3 {
  height: 23px;
  font-family: FoundersGrotesk;
  color: #044123
}

.ni-megamenu-desktop h3 {
  line-height: 1.44;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 7px
}

.ni-megamenu-desktop h3,
.ni-megamenu-desktop h4 {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal
}

.ni-megamenu-desktop h4 {
  font-weight: 400;
  height: 23px;
  font-family: FoundersGrotesk;
  color: #044123
}

.ni-megamenu-desktop ul {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 30px;
  list-style-type: none
}

.ni-megamenu-desktop ul li {
  line-height: 2;
  margin-bottom: 0
}

.ni-megamenu-desktop ul a,
.ni-megamenu-desktop ul li {
  color: #03b585;
  font-family: FoundersGrotesk;
  font-size: 16px
}

.ni-megamenu-desktop ul a {
  padding: 0;
  margin-top: 26px;
  text-decoration: none;
  white-space: normal
}

.ni-megamenu-desktop ul a:hover {
  color: #044123
}

.ni-megamenu-desktop .ni-megamenu-products .col-sm-3:nth-child(3) {
  margin-top: 22px
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image {
  max-width: 100%;
  height: 135px;
  position: relative;
  margin-top: 8px
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image a {
  position: absolute;
  width: 100%;
  height: 100%
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image img {
  position: absolute;
  right: 0;
  top: 0
}

.ni-megamenu-desktop .ni-megamenu-products ul h3,
.ni-megamenu-desktop .ni-megamenu-products ul h4 {
  display: initial
}

.ni-megamenu-desktop .ni-megamenu-products h3 {
  text-transform: uppercase;
  font-family: SpaceMono
}

.ni-megamenu-desktop .ni-megamenu-products h4 {
  display: block;
  margin-top: 10px
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image:first-child {
  background-color: #ccdcc8
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image:nth-child(2) {
  background-color: #8ad0c8
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image:nth-child(3) {
  background-color: #f5989e
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image:nth-child(4) {
  background-color: #ccdcc8;
  margin-bottom: 40px
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image .ni-live-text {
  height: 66px;
  overflow-wrap: break-word;
  position: absolute;
  font-size: 16px;
  color: #044123;
  margin-top: 50px;
  margin-left: 8px;
  padding-right: 30px
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image .ni-live-text h4 {
  font-family: FoundersGrotesk;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 500
}

.ni-megamenu-desktop .ni-megamenu-products .ni-live-image .ni-live-text p {
  font-family: FoundersGrotesk;
  line-height: 20px;
  white-space: normal
}

.ni-megamenu-desktop .ni-megamenu-solutions .ni-live-image p {
  margin-top: 9px;
  margin-bottom: 24px;
  text-transform: uppercase;
  font-family: SpaceMono;
  font-size: 15px;
  color: #044123;
  overflow-wrap: break-word;
  white-space: normal
}

.ni-megamenu-desktop .ni-megamenu-solutions .ni-live-image a {
  padding: 0
}

.ni-megamenu-desktop .ni-megamenu-solutions .ni-rebrand-button {
  margin-right: 15px;
  margin-top: 12px
}

.ni-megamenu-desktop .ni-megamenu-support h3 {
  font-weight: 400
}

.ni-megamenu-desktop .ni-megamenu-support .col-sm-9 .row:first-child {
  margin-bottom: 52px
}

.ni-megamenu-desktop .ni-megamenu-support .ni-software-download-image {
  float: left;
  margin-right: 100px
}

.ni-megamenu-desktop .ni-megamenu-support .ni-software-download-image:nth-child(3) {
  margin-right: 0
}

.ni-megamenu-desktop .ni-megamenu-support .ni-software-download-image a {
  text-decoration: none;
  padding: 0
}

.ni-megamenu-desktop .ni-megamenu-support .ni-software-download-image h3 {
  margin-top: 8px;
  font-family: FoundersGrotesk;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3 h3 {
  margin-bottom: 24px
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3 p {
  color: #044123;
  white-space: normal
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3 a,
.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3 p {
  font-family: FoundersGrotesk;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  margin-bottom: 8px
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3 a {
  text-decoration: none;
  color: #03b585;
  display: block;
  padding: 0
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3 a:hover {
  color: #044123
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3:first-child a {
  font-weight: 500
}

.ni-megamenu-desktop .ni-megamenu-support .row:nth-child(2) .col-sm-3:nth-child(1n+3) a {
  margin-top: 47px
}

.ni-megamenu-desktop .ni-megamenu-support .ni-rebrand-button a {
  margin-top: 36px;
  margin-right: 12px
}

.mobile-nav .ni-rebrand-button a,
.ni-megamenu-desktop .ni-rebrand-button a {
  display: block;
  min-width: 160px;
  text-align: center;
  padding: 11px 15px 7px;
  white-space: nowrap;
  cursor: pointer;
  border: 2px solid transparent;
  background-color: #044123;
  border-radius: 15px 10px 10px 0;
  text-decoration: none;
  font-family: FoundersGrotesk;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #f4f4f4 !important
}

.ni-megamenu-desktop .ni-megamenu-products .ni-rebrand-button a,
.ni-megamenu-desktop .ni-megamenu-solutions .ni-rebrand-button a,
.ni-megamenu-desktop .ni-megamenu-support .ni-rebrand-button a {
  float: right
}

#contactSalesBtn {
  position: fixed;
  bottom: 50px;
  right: 152px;
  display: block;
  z-index: 2000;
  padding: 9.5px 15px;
  white-space: nowrap;
  cursor: pointer;
  background-color: #32eb96;
  border-radius: 20px 10px 10px 0;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .5);
  text-decoration: none;
  font-family: FoundersGrotesk;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.38;
  color: #044123
}

#contactSalesBtn:before {
  content: attr(data-popover-default)
}

#contactSalesBtn:after {
  font-family: Font Awesome\ 5 Pro;
  content: "\f054";
  font-weight: 900;
  padding-left: 6px
}

#contactSalesBtn.opened:before {
  content: attr(data-popover-close)
}

#contactSalesBtn.opened:after {
  content: "\f00d"
}

.popover.contactPopover {
  background-color: #fff;
  font-family: FoundersGrotesk;
  font-size: 18px;
  border: none;
  padding: 0;
  box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .5);
  line-height: 1.33;
  color: #004a27;
  position: fixed;
  max-height: 582px;
  max-width: 572px
}

.popover.contactPopover .popover-header {
  display: block;
  background-color: #044123;
  background-repeat: no-repeat;
  background-position: 20px;
  height: 46px;
  width: 100%;
  background-size: auto 14px
}

.popover.contactPopover .popover-content {
  padding: 18px 20px 25px
}

.popover.contactPopover.top {
  margin-top: -25px
}

.popover.contactPopover.top .sales-arrow {
  left: calc(100% - 70px) !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: -22px
}

.popover.contactPopover .primaryBtn {
  background-color: #044123;
  padding: 12px 10px 6px;
  font-family: FoundersGrotesk;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fafbff !important;
  text-decoration: none;
  margin-bottom: 13px;
  border-radius: 20px 10px 10px 0;
  border: none
}

.popover.contactPopover .primaryBtn:active,
.popover.contactPopover .primaryBtn:focus,
.popover.contactPopover .primaryBtn:hover {
  background-color: #044123 !important;
  outline: 0
}

.popover.contactPopover .outlineBtn {
  background-color: #fff;
  border: 2px solid #03b585;
  padding: 12px 10px 6px;
  font-family: FoundersGrotesk;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #044123;
  text-decoration: none;
  border-radius: 20px 10px 10px 0
}

.outlineBtn.block,
.primaryBtn.block {
  display: block
}

.popover.contactPopover .questions {
  max-width: 276px
}

.popover.contactPopover .questions p {
  margin-bottom: 12px
}

.popover.contactPopover #contactSalesform {
  width: 532px
}

.popover.contactPopover h3 {
  font-family: FoundersGrotesk;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: normal;
  color: #005f31;
  display: block
}

.popover.contactPopover .row:last-of-type {
  margin-bottom: 0
}

.popover.contactPopover textarea {
  border-radius: 0
}

.popover.contactPopover input[type=email],
.popover.contactPopover input[type=password],
.popover.contactPopover input[type=tel],
.popover.contactPopover input[type=text],
.popover.contactPopover select,
.popover.contactPopover textarea {
  border: 2px solid #ccdcc8;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0
}

.popover.contactPopover input[type=email],
.popover.contactPopover input[type=password],
.popover.contactPopover input[type=tel],
.popover.contactPopover input[type=text],
.popover.contactPopover select {
  height: 46px !important
}

.popover.contactPopover input[type=email]::placeholder,
.popover.contactPopover input[type=password]::placeholder,
.popover.contactPopover input[type=tel]::placeholder,
.popover.contactPopover input[type=text]::placeholder,
.popover.contactPopover textarea::placeholder {
  opacity: 1
}

.popover.contactPopover input[type=email]::placeholder,
.popover.contactPopover input[type=password]::placeholder,
.popover.contactPopover input[type=tel]::placeholder,
.popover.contactPopover input[type=text]::placeholder,
.popover.contactPopover select,
.popover.contactPopover textarea::placeholder {
  font-family: FoundersGrotesk !important;
  font-size: 17px !important;
  font-weight: 400;
  line-height: 1.29;
  letter-spacing: normal;
  color: #aca09a !important
}

.popover.contactPopover .checkbox-inline {
  font-family: FoundersGrotesk;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.11;
  letter-spacing: .14px;
  color: #000;
  text-transform: none;
  padding-left: 0
}

.popover.contactPopover .has-error .form-control {
  border-color: #a94442
}

.popover.contactPopover .checkbox-inline a,
.popover.contactPopover .checkbox-inline span {
  color: #00be90;
  text-decoration: none
}

.popover.contactPopover hr {
  color: #e4e4e4;
  height: 1px;
  margin: 0 0 11px
}

.popover.contactPopover .prevSlide {
  border-radius: 12px;
  background-color: #cbdcc8;
  color: #044123;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  padding-right: 2px;
  padding-top: 0;
  padding-left: 0
}

.popover.contactPopover .prevSlide i {
  font-weight: 100
}

.popover.contactPopover .phone {
  font-family: FoundersGrotesk;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: .22px;
  color: #000
}

.popover.contactPopover .phone span {
  color: #00552b
}

.popover.contactPopover.ni-green {
  background-color: #03b585
}

.popover.contactPopover .thanksSlide {
  height: 542px
}

.popover.contactPopover .thanks {
  font-size: 80px;
  line-height: .5;
  color: #fff;
  margin-top: 134px;
  margin-bottom: 24px
}

.popover.contactPopover .thanks,
.popover.contactPopover .thanksMsg {
  font-family: FinancierDisplay;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal
}

.popover.contactPopover .thanksMsg {
  font-size: 46px;
  line-height: .87;
  letter-spacing: normal;
  color: #004a27;
  margin-bottom: 86px
}

.popover.contactPopover .thanksSlide img {
  width: 180px
}

@media only screen and (max-width:1099px) {
  #contactSalesBtn {
    right: 18px;
    bottom: 28px
  }

  .popover.contactPopover {
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 12px !important;
    width: 335px
  }

  .popover.contactPopover.top .sales-arrow {
    left: calc(100% - 50px) !important
  }

  .popover.contactPopover .sales-arrow,
  .popover.contactPopover .sales-arrow:after {
    display: block !important
  }

  .popover.contactPopover.top {
    margin-top: -40px
  }

  .popover.contactPopover .primaryBtn {
    margin-bottom: 0
  }

  .popover.contactPopover .primaryBtn.formSubmitter {
    height: 42px
  }

  .popover.contactPopover .primaryBtn+.outlineBtn {
    margin-top: 13px
  }

  .popover.contactPopover .mobileForm1 .prevSlide {
    margin-top: 6px;
    padding-top: 0;
    padding-left: 0;
    margin-right: 20px
  }

  .popover.contactPopover .phone {
    margin-left: 20px;
    text-align: left
  }

  .popover.contactPopover .thanksSlide {
    height: 259px
  }

  .popover.contactPopover .thanks {
    font-size: 60px;
    margin-top: 71px;
    margin-bottom: 13px
  }

  .popover.contactPopover .thanksMsg {
    font-size: 32px;
    margin-bottom: 40px
  }

  .popover.contactPopover .thanksSlide img {
    width: 121px
  }
}

footer.ni-wrapper-footer {
  background-color: #cddcc8;
  margin: 0
}

footer .footer-header {
  height: 74px;
  margin-bottom: 75px;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover
}

.footer-body .socialIcons a {
  padding-right: 10px
}

.footer-body .socialIcons a:active,
.footer-body .socialIcons a:focus,
.footer-body .socialIcons a:hover {
  text-decoration: none
}

.footer-body .footer-bottomLinks span.legal {
  margin-left: 24px
}

.footer-body .footer-bottomLinks .allRights,
.footer-body .footer-bottomLinks .legal,
.footer-body .footer-bottomLinks .ni-contact-number-container,
.footer-body .footer-bottomLinks a {
  color: #054123;
  font-family: SpaceMono;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none
}

.footer-body .section-links li a {
  color: #054123;
  text-decoration: none
}

.footer-body span.indented:after {
  content: "\2122"
}

@media (min-width:1100px) {
  .footer-body {
    background-position: bottom 70px right 55px;
    background-repeat: no-repeat
  }

  .flex-container {
    max-width: 1440px;
    margin: auto
  }

  footer .col-md-3 {
    width: 25%
  }

  footer .col-md-2 {
    width: 16.66666667%
  }

  footer .hidden-md,
  footer .hidden-sm,
  footer .hidden-xs {
    display: none !important
  }

  .footer-body>.col-md-3:first-of-type {
    padding-right: 0;
    padding-left: 0
  }

  .footer-body .col-md-2:nth-of-type(-n+4) {
    padding-left: 0
  }

  .footer-body .logo {
    display: block;
    width: 71px;
    height: 47px;
    margin-bottom: 22px
  }

  .footer-body .slogan {
    color: #004a27;
    font-family: FinancierDisplay;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2
  }

  .footer-body .logo-container {
    margin-left: 97px
  }

  .footer-body .slogan span {
    display: block;
    margin-bottom: -10px
  }

  .footer-body .slogan span.indented {
    padding-left: 16px;
    margin-top: -5px
  }

  .footer-body .section-title {
    color: #054123;
    font-family: FoundersGrotesk;
    font-size: 24px;
    letter-spacing: -.04px;
    margin-bottom: 44px
  }

  .footer-body .section-links {
    margin: 0;
    padding: 0;
    font-family: FoundersGrotesk;
    font-size: 19px
  }

  .footer-body .section-links li {
    list-style: none;
    padding-bottom: 13px;
    line-height: 1.5;
    margin-bottom: 0
  }

  html:lang(ja) .footer-body .section-links {
    font-size: 14px
  }

  .footer-body .socialIcons {
    margin-top: 3em;
    font-size: 15px
  }

  .footer-body .socialIcons i {
    color: #054123;
    font-size: 21px
  }

  .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link {
    display: block
  }

  .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link img {
    margin-right: 21px;
    margin-bottom: 3px
  }

  .footer-body .footer-bottomLinks {
    margin: 54px 0 120px 140px
  }

  .footer-body .footer-bottomLinks .legal {
    display: block;
    margin: 0 25px
  }

  .legal a.analytics-footer-link:last-of-type {
    margin-right: 24px
  }

  .footer-bottomLinks .col-xs-12 {
    display: flex;
    flex-wrap: nowrap
  }

  .footer-bottomLinks .col-xs-12 div:first-of-type {
    order: 1
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(2) {
    order: 2
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(3) {
    order: 3;
    max-width: 450px
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(4) {
    display: none
  }
}

@media (max-width:1275px) {
  .footer-body {
    background-position: bottom 25px right 15px;
    background-repeat: no-repeat
  }

  footer .footer-header {
    height: 60px;
    margin-bottom: 58px
  }

  .footer-body .logo {
    width: 55px;
    height: auto
  }

  .footer-body .slogan {
    font-size: 20px
  }

  .footer-body .section-title {
    margin-top: -8px
  }

  .footer-body .section-links {
    font-size: 14px;
    line-height: 1.15
  }

  .footer-body .col-md-2:nth-of-type(-n+4) {
    padding-left: 15px
  }

  .footer-body .footer-bottomLinks {
    margin: 54px 0 180px 80px
  }
}

@media (max-width:1099px) {

  .footer-body .col-md-2,
  .footer-body .col-md-3,
  .footer-body .col-xs-12 {
    width: 100%
  }

  footer .hidden-md {
    display: block !important
  }

  footer .logo-container {
    display: flex;
    justify-content: center
  }

  .footer-body .logo {
    align-self: center;
    margin-right: 15px;
    float: left
  }

  .footer-body .slogan {
    float: left;
    color: #004a27;
    font-family: FinancierDisplay;
    font-size: 20px;
    font-weight: 500
  }

  .footer-body .slogan span {
    display: block;
    text-align: left
  }

  .footer-body .slogan span.indented {
    padding-left: 16px;
    margin-top: -5px
  }

  .footer-body .section-title {
    display: block;
    color: #054123;
    font-family: FoundersGrotesk;
    font-size: 18px;
    letter-spacing: -.02px;
    margin-top: 16px;
    margin-bottom: 6px;
    padding-left: 30px
  }

  .footer-body ul.section-links {
    padding-left: 30px;
    padding-right: 10px
  }

  .footer-body .section-links li {
    display: inline;
    font-family: FoundersGrotesk;
    font-size: 14px;
    line-height: 1.71;
    list-style: none
  }

  .footer-body .socialIcons {
    margin-top: 38px
  }

  .footer-body .socialIcons .bg-line {
    height: 21px;
    background-repeat: repeat-x
  }

  .footer-body .socialIcons i {
    color: #054123;
    font-size: 21px
  }

  .footer-body .socialIcons a:first-of-type {
    padding-left: 15px
  }

  .footer-body .section-links li+li:before {
    padding: 8px;
    color: #005424;
    content: "/\00a0"
  }

  .footer-body .socialIconContainer {
    margin-top: 38px
  }

  .footer-body .socialIconContainer .socialIcons i {
    color: #054123;
    font-size: 21px
  }

  .footer-body .footer-bottomLinks {
    margin-top: 12px;
    margin-bottom: 12px;
    margin: 60px 15px 40px
  }

  .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link {
    display: block
  }

  .footer-body .footer-bottomLinks .global-gateway.analytics-footer-link img {
    margin-right: 21px
  }

  .footer-body .footer-bottomLinks .legal {
    display: block;
    margin-right: 25px
  }

  .footer-body .footer-bottomLinks .allRights,
  .footer-body .footer-bottomLinks .ni-contact-number-container {
    display: block
  }

  .footer-bottomLinks .col-xs-12 {
    display: flex;
    flex-wrap: wrap
  }

  .footer-bottomLinks .col-xs-12 div:first-of-type {
    order: 4
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(2) {
    order: 3
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(3) {
    order: 1;
    width: 100%;
    padding-bottom: 12px
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(4) {
    order: 2;
    width: 100%;
    padding-bottom: 12px
  }

  #cookieLaw {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .25);
    background-color: #fff;
    font-size: 16px;
    bottom: 0;
    width: inherit;
    display: none;
    padding: 20px 30px;
    position: fixed;
    z-index: 4000;
    border-radius: 10px 10px 0 0;
    width: 90% !important
  }

  #cookieLaw button.ni-btn {
    float: left
  }
}

#cookieLaw {
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .25);
  background-color: #fff;
  font-size: 16px;
  bottom: 0;
  width: inherit;
  display: none;
  padding: 20px 30px;
  position: fixed;
  z-index: 4000;
  border-radius: 10px 10px 0 0
}

#cookieLaw p {
  color: #044123;
  display: table-cell;
  height: 65px;
  padding: 20px 10px 0 0;
  vertical-align: middle
}

#cookieLaw p a {
  text-decoration: underline;
  color: #044123
}

#cookieLaw p a:hover {
  text-decoration: underline;
  color: #b2b2b3
}

#cookieLaw .ni-btn-tertiary {
  background-color: transparent;
  border: 2px solid #054123;
  color: #044123;
  font-weight: 400;
  outline: 0
}

#cookieLaw .ni-btn-tertiary:hover {
  background-color: #fff;
  color: #03b585;
  outline: 0;
  border-color: #03b585
}

#cookieLaw button.ni-btn {
  display: inline-block !important;
  margin-top: 20px;
  padding: 10px 27px;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1em;
  width: auto;
  border-radius: 15px 10px 10px 0;
  font-family: FoundersGrotesk;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center
}

body,
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  max-width: 100vw;
  text-rendering: optimizeLegibility
}

body {
  position: relative
}

nav.ni-wrapper-header {
  background: #fff;
  height: 72px;
  padding: 0 10px;
  position: relative;
  z-index: 1000
}

.ni-wrapper-header .no-overflow {
  overflow: hidden
}

.ni-wrapper-header ul {
  list-style-type: none
}

.ni-wrapper-header a {
  color: #044123;
  font-family: FoundersGrotesk, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  outline: 0;
  padding: 0 12px;
  text-decoration: none
}

li.nia-menu-item.nia-utils.header-icon {
  order: 2;
  display: block;
  width: auto;
  justify-content: flex-end
}

.ni-wrapper-header .account-content {
  background-color: #f5f5f5;
  display: none;
  min-width: 176px;
  object-fit: contain;
  padding: 7px 16px 6px 17px;
  position: absolute;
  right: 61px;
  text-align: left;
  top: 80px;
  z-index: -1
}

.nia-menu-item.nia-utils.header-icon .account-content a {
  color: #03b585;
  font-family: FoundersGrotesk;
  font-size: 16px;
  line-height: 2.31;
  padding: 0;
  text-decoration: none
}

.ni-wrapper-header .account-link.hover {
  border-bottom: 2px solid #044123
}

.ni-wrapper-header .account:not(.hidden-xs):active .account-content,
.ni-wrapper-header .account:not(.hidden-xs):focus .account-content,
.ni-wrapper-header .account:not(.hidden-xs):hover .account-content {
  display: block
}

.wrapper-search-form button svg,
li.nia-menu-item.nia-utils.header-icon svg {
  display: inline-block;
  fill: none;
  height: 27px;
  position: relative;
  stroke-width: 2.29;
  stroke: #044123;
  vertical-align: baseline;
  width: 29px
}

.nia-menu-item.header-icon>a:active svg,
.nia-menu-item.nia-utils.header-icon svg:active,
.wrapper-search-form button:active svg {
  stroke: #ccdcc8
}

.ni-wrapper-header .cart-badge[data-badge]:after {
  background: #044123;
  border-radius: 50%;
  color: #f4f4f4;
  content: attr(data-badge);
  font-family: FoundersGrotesk;
  font-size: 12px;
  font-weight: 500;
  height: 18px;
  line-height: 16px;
  min-width: 18px;
  padding: 2px 4px;
  position: absolute;
  right: 11px;
  text-align: center;
  top: 16px;
  width: auto
}

.ni-wrapper-header .cart-badge[data-badge~="0"]:after {
  display: none
}

.ni-wrapper-header .cart-badge[data-badge]:active:after {
  background: #ccdcc8
}

.nia-menu-item.mega-dropdown>a:after {
  color: #044123;
  content: "\e259";
  font-family: Glyphicons Halflings;
  font-size: 9px;
  padding-left: 7px;
  text-decoration: none
}

.ni-wrapper-header .flex-container li.nia-menu-item {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 15px 0;
  white-space: nowrap
}

ul.flex-container {
  margin-left: 0;
  padding-left: 0
}

.ni-wrapper-header .toggle a {
  font-size: 20px
}

.ni-wrapper-header li.ni-logo a {
  display: block;
  height: 72px;
  margin: 0;
  padding: 0;
  width: 72px;
  cursor: pointer;
  background-color: #f5f5f5;
  background-position: 22px 31px;
  background-repeat: no-repeat;
  background-size: 55%
}

.ni-wrapper-header .flex-container {
  background-color: #fff;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  position: relative
}

nav.ni-wrapper-header.nav-scroll-rev {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: top .2s ease-in-out
}

body.nav-scroll-rev {
  padding-top: 97px
}

nav.ni-wrapper-header.nav-scroll {
  top: -97px
}

.ni-wrapper-header li.ni-logo {
  order: 0;
  transition: left .5s ease .5s
}

.ni-wrapper-header li.ni-logo.active {
  order: 0;
  position: absolute;
  left: -98px
}

.ni-wrapper-header .toggle {
  order: 1;
  padding: 0 15px;
  transition: left .5s ease .5s
}

.ni-wrapper-header .toggle.active {
  order: 1;
  padding: 0 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000
}

.ni-wrapper-header .toggle .icon-bar {
  background-color: #044123 !important;
  display: block;
  height: 2px;
  width: 22px;
  margin-right: 0 !important
}

.ni-wrapper-header .toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

li.nia-menu-item.spacer {
  order: 2;
  display: inline-flex;
  width: auto;
  flex-grow: 1
}

.nia-menu-item .nia-utils {
  order: 1
}

.nia-menu-item {
  width: 100%;
  text-align: left;
  order: 3;
  display: none
}

@media screen and (max-width:1099px) {
  nav.ni-wrapper-header {
    padding: 0
  }

  .ni-wrapper-header .flex-container {
    position: relative
  }

  .ni-wrapper-header .header-menu {
    display: flex;
    flex: 2;
    order: 2;
    background-color: #fff
  }

  .header-menu.active {
    order: -1;
    flex-wrap: wrap;
    position: relative;
    left: 0
  }

  .ni-wrapper-header .flex-container li.nia-menu-item:first-of-type {
    margin-top: 20px
  }

  li.mobile-spacer {
    display: flex;
    width: auto;
    flex-grow: grow;
    flex-grow: 9;
    order: 2
  }

  li.mobile-spacer.active {
    display: none
  }

  .ni-wrapper-header .toggle {
    order: 1;
    padding: 0 15px;
    transition: left .5s ease .5s;
    flex: 1
  }

  li.nia-menu-item.nia-utils.header-icon.cart-badge {
    background-size: 70%;
    background-position: 0 26px;
    position: absolute;
    top: 7px;
    right: 0
  }

  .ni-wrapper-header .cart-badge[data-badge]:after {
    right: 4px;
    top: -1px
  }

  li.nia-menu-item.wrapper-search {
    background-position: 0 20px;
    background-size: 70%;
    order: 0;
    position: absolute;
    right: 65px;
    top: 8px
  }

  li.nia-menu-item.nia-utils.header-icon.wrapper-search.active {
    background-position-y: 26px
  }

  .ni-wrapper-header .hidden-xs {
    display: none !important
  }

  li.nia-menu-item.nia-utils.header-icon.account {
    display: none
  }

  .ni-wrapper-header .toggle .icon-bar {
    transition: all .25s
  }

  .ni-wrapper-header .toggle.active .icon-bar:first-child {
    margin-top: 6px;
    transform: rotate(-45deg)
  }

  .ni-wrapper-header .toggle.active .icon-bar:nth-child(2) {
    width: 0;
    left: 50%
  }

  .ni-wrapper-header .toggle.active .icon-bar:nth-child(3) {
    margin-top: -8px !important;
    transform: rotate(45deg)
  }

  .ni-wrapper-header li.ni-logo a {
    background-position: 16px 22px
  }

  #ni-vis-head {
    position: relative;
    z-index: 10
  }
}

@media (min-width:1100px) {
  nav.ni-wrapper-header {
    height: 97px;
    background-color: #fff
  }

  .ni-wrapper-header .flex-container {
    max-width: 1440px;
    margin: auto
  }

  .ni-wrapper-header .header-menu {
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-between;
    order: 1;
    position: relative
  }

  .ni-wrapper-header li.dropdown.mega-dropdown {
    display: block
  }

  .nia-menu-item>a,
  .nia-menu-item>a:focus,
  .nia-menu-item>a:hover .nia-menu-item>a:active {
    padding: 42px 19px;
    text-decoration: none;
    outline: 0
  }

  .nia-menu-item.nia-utils a {
    padding: 42px 16px;
    outline: 0
  }

  .nia-menu-item.nia-utils.header-icon a {
    padding: 39px 17px 33px;
    outline: 0
  }

  :root .ie11up,
  _:-ms-fullscreen {
    padding: 39px 17px 42px
  }

  .nia-menu-item {
    display: block;
    width: auto
  }

  .ni-wrapper-header .toggle {
    display: none
  }

  .ni-wrapper-header li.ni-logo a {
    display: block;
    height: 97px;
    margin: 0;
    padding: 0;
    width: 97px
  }

  .ni-wrapper-header li.ni-logo,
  .nia-menu-item {
    order: 1
  }

  .ni-wrapper-header .spacer {
    flex: 1
  }

  .nia-utils {
    order: 2
  }

  .ni-wrapper-header .flex-container li {
    padding: 0
  }

  .ni-wrapper-header .flex-container li.nia-utils {
    padding-right: 0
  }

  .nia-menu-item>a:hover {
    color: #044123;
    text-decoration: none
  }

  .nia-menu-item.header-icon>a:hover,
  .nia-menu-item>a.dropdown-toggle:active,
  .nia-menu-item>a:hover {
    border-bottom: 2px solid #044123
  }

  .nia-menu-item.header-icon>a:active {
    border-bottom: 2px solid #044123;
    color: #ccdcc8
  }

  .nia-menu-item.header-icon.account>a:active {
    border-bottom: 2px solid #044123
  }

  .nia-menu-item.nia-utils.account-mobile {
    display: none
  }
}

.ni-wrapper-header li.dropdown.mega-dropdown {
  position: static
}

.ni-wrapper-header .header-menu .dropdown-menu {
  border-radius: 0;
  margin-top: 0;
  padding-top: 0;
  top: 78px;
  z-index: -1
}

.mega-dropdown-menu {
  border: 0;
  background-color: #f4f4f4;
  box-shadow: none;
  width: 100%;
  -webkit-box-shadow: none
}

li.nia-menu-item.dropdown.mega-dropdown.open>a {
  border-bottom: 2px solid #044123
}

.pnx-page-wrap.grid16 {
  width: 100%
}

.pnx-form INPUT,
.pnx-form INPUT.pnx-inline-input,
.pnx-form SELECT,
.pnx-form SELECT.pnx-inline-input,
.pnx-form TEXTAREA,
.pnx-form TEXTAREA.pnx-inline-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.pnx-page-wrap .pnx-content {
  min-height: 400px;
  height: auto !important;
  margin: 20px auto 0;
  width: 980px !important
}

.ni-first-experience::-webkit-scrollbar {
  width: 0;
  background: 0 0
}

.ni-first-experience.fade {
  background-color: rgba(2, 28, 15, .75)
}

.ni-first-experience .rectangle {
  width: 110px;
  height: 110px;
  background-color: #33ea96;
  position: absolute;
  z-index: 1;
  left: -55px;
  top: 132px;
  border-radius: 100px 0 0 0
}

@media only screen and (min-width:1100px) {
  .ni-first-experience .modal-dialog {
    padding-top: 187px;
    width: 448px;
    height: 580px;
    margin: auto
  }

  .ni-first-experience .modal-content {
    padding: 92px 61px 45px 84px !important
  }

  .ni-first-experience .modal-body {
    margin-top: 31px;
    margin-bottom: 35px
  }

  .ni-first-experience .modal-content h2 {
    font-size: 64px;
    line-height: .94
  }
}

@media only screen and (max-width:1099px) {
  .ni-first-experience .modal-dialog {
    padding-top: 73px;
    width: 335px;
    height: 480px;
    margin: auto
  }

  .ni-first-experience .rectangle {
    display: none
  }

  .ni-first-experience .modal-content {
    padding: 74px 41px 35px 43px !important
  }

  .ni-first-experience .modal-body {
    margin-top: 21px;
    margin-bottom: 25px
  }

  .ni-first-experience .modal-content h2 {
    font-size: 48px;
    line-height: .83
  }
}

.ni-first-experience .modal-header {
  padding: 0;
  border-bottom: unset
}

.ni-first-experience .modal-body {
  padding: 0
}

.ni-first-experience .modal-footer {
  padding: 0;
  border-bottom: unset
}

.ni-first-experience .modal-header .close {
  color: #35b77d !important;
  fill: #35b77d !important
}

.ni-first-experience .modal-content {
  border: none !important
}

.ni-first-experience .modal-content h2 {
  font-family: FinancierDisplay
}

.ni-first-experience .modal-content .modal-body p,
.ni-first-experience .modal-content h2 {
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #044123
}

.ni-first-experience .modal-content .modal-body p {
  font-family: FoundersGrotesk;
  font-size: 18px;
  line-height: 1.33
}

.ni-first-experience .ni-primary-button {
  width: 196px;
  float: left
}

.ni-first-experience .ni-primary-button a {
  display: block;
  min-width: 160px;
  text-align: center;
  padding: 11px 15px 7px;
  white-space: nowrap;
  cursor: pointer;
  border: 2px solid transparent;
  background-color: #044123;
  border-radius: 9px 10px 9px 0;
  text-decoration: none;
  font-family: FoundersGrotesk;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #f4f4f4 !important
}

.ui-autocomplete {
  position: absolute;
  cursor: default
}

.ui-autocomplete.ui-menu {
  display: block;
  list-style: none;
  margin: 0;
  outline: 0;
  z-index: 1
}

.ui-autocomplete.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute
}

.ui-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%
}

.ui-autocomplete.ui-menu .ui-menu-divider {
  margin: 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0
}

.ui-autocomplete.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 10px;
  min-height: 0;
  font-weight: 400
}

.ui-autocomplete.ui-widget-content {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #222;
  -moz-box-shadow: 0 3px 8px 0 #e3e3e3;
  box-shadow: 0 3px 8px 0 #e3e3e3;
  -webkit-box-shadow: 0 3px 8px 0 #e3e3e3
}

.ui-helper-hidden-accessible {
  display: none
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background-color: #e6e6e6;
  font-weight: 400;
  color: #666 !important
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #666 !important;
  text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  background: #004123;
  font-weight: 400;
  color: #cddcc8 !important;
  border: 0
}

.ui-state-focus a,
.ui-state-hover a,
.ui-widget-content .ui-state-focus a,
.ui-widget-content .ui-state-hover a,
.ui-widget-header .ui-state-focus a,
.ui-widget-header .ui-state-hover a {
  color: #cddcc8 !important;
  border: 0
}

.ui-state-focus .ui-menu-item-label-highlight,
.ui-state-hover .ui-menu-item-label-highlight,
.ui-widget-content .ui-state-focus .ui-menu-item-label-highlight,
.ui-widget-content .ui-state-hover .ui-menu-item-label-highlight,
.ui-widget-header .ui-state-focus .ui-menu-item-label-highlight,
.ui-widget-header .ui-state-hover .ui-menu-item-label-highlight {
  color: #fff;
  border: 0
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background-color: #fff;
  font-weight: 400;
  color: #666 !important
}

.autoCompleteItem-global .ui-state-active a,
.autoCompleteItem-global .ui-state-active a:focus,
.autoCompleteItem-global .ui-state-active a:link,
.autoCompleteItem-global .ui-state-active a:visited {
  color: #cddcc8 !important;
  text-decoration: none
}

.ui-widget :active {
  outline: 0
}

.ui-widget .ui-state-highlight {
  background-color: #cddcc8
}

.ui-autocomplete.ui-widget-content {
  padding: 0
}

.ui-autocomplete.ui-menu.global-dropdown {
  background-color: #fff;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, .2);
  font-family: Helvetica;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  width: 230px !important
}

.ui-widget-content {
  background: #fff
}

.ui-autocomplete.ui-menu {
  text-align: left
}

.ui-menu-item-label-highlight,
.ui-menu-item-scenario-highlight {
  font-weight: 500;
  color: #044123
}

.ui-autocomplete a {
  color: #666 !important;
  font-size: 11px
}

.ui-state-focus .ui-menu-item-scenario-highlight {
  color: #fff
}

.scenario-spacer {
  width: 2em !important;
  display: inline-block !important
}

.ui-autocomplete a strong {
  color: #666
}

.ui-menu .ui-menu-item a:focus,
.ui-menu .ui-menu-item a:hover {
  color: #cddcc8 !important
}

.pac-icon {
  display: none
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden