@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/OpenTextSans_W_Rg.woff2") format("woff2"), url("../Fonts/OpenTextSans_W_Rg.woff") format("woff");
}

@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/OpenTextSans_W_Bd.woff2") format("woff2"), url("../Fonts/OpenTextSans_W_Bd.woff") format("woff");
}

@font-face {
  font-family: "OpenText Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/OpenTextSans_W_Lt.woff2") format("woff2"), url("../Fonts/OpenTextSans_W_Lt.woff") format("woff");
}

.ot-hero {
  background-color: #ccc;
  background-position: right center;
  background-size: cover;
  color: #fff;
  padding-bottom: 6rem;
  padding-top: 6rem;
}

@media only screen and (min-width: 45em) {
  .ot-hero {
    padding-bottom: 6rem;
    padding-top: 13.5rem;
  }
}

.ot-hero__content {
  background-color: rgba(46, 61, 152, 0.7);
  box-sizing: border-box;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding: 1.5rem 1.5rem 1.5rem 0.75rem;
}

@media only screen and (min-width: 45em) {
  .ot-hero__content {
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 50%;
  }
}

@media only screen and (min-width: 60.5em) {
  .ot-hero__content {
    width: 33.3333333%;
  }
}

.ot-hero__heading {
  font-weight: 700;
}

.ot-hero__subheading {
  font-size: 1.125em;
  line-height: 1.3333333;
  margin-bottom: 1.3333333em;
}

.ot-hero .btn--bright {
  background-color: #fff;
  border-color: transparent;
  color: #2e3d98;
  font-weight: 700;
}

.ot-hero .btn--bright:hover {
  background-color: #09bcef;
  color: #fff;
}

@media only screen and (max-width: 44.9375em) {
  .ot-mobile-order {
    display: flex;
    flex-direction: column;
  }
  .ot-mobile-order__first {
    order: -1;
  }
}

.ot-promo {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 45em) {
  .ot-promo {
    overflow-x: hidden;
  }
}

.ot-promo__list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-bottom: 0;
  margin-left: -1px;
  margin-right: -1px;
  padding-bottom: 1px;
  padding-left: 0;
  padding-top: 1px;
}

.ot-promo__list:after {
  clear: both;
  content: "";
  display: table;
}

@media only screen and (max-width: 44.9375em) {
  .ot-promo__list {
    width: 320vw;
  }
}

.ot-promo__item {
  box-sizing: border-box;
  display: flex;
  float: left;
  padding: 1px;
  width: 80vw;
}

@media only screen and (min-width: 45em) {
  .ot-promo__item {
    width: 50%;
  }
}

@media only screen and (min-width: 60.5em) {
  .ot-promo__item {
    width: 25%;
  }
}

.ot-promo__image {
  background-color: #ccc;
  background-position: center center;
  background-size: cover;
  min-height: 11.875rem;
}

.ot-promo__box {
  background-color: #f5f5f5;
  flex-grow: 1;
  padding: 0.6875rem 0.75rem;
}

@media only screen and (min-width: 45em) {
  .ot-promo__box {
    padding: 1.4375rem 1.5rem;
  }
}

.ot-promo__heading {
  font-size: 1.125em;
  line-height: 1.3333333;
  font-weight: 700;
  margin-bottom: 0;
}

.ot-promo__link {
  color: inherit;
  padding-right: 0.75em;
}

.ot-promo__link:after {
  left: 0.25em;
  margin-right: -0.75em;
  padding-left: 0;
  text-align: left;
  width: 0.75em;
}

.ot-promo .cover {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}

.ot-promo .cover::after {
  background-color: transparent;
  content: "";
  transition: all 0.1s ease-out 0s;
}

.ot-promo .cover:hover::after {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

html.video {
  margin-bottom: 0;
}

header.ot {
  background-color: rgba(17, 27, 88, 0.95) !important;
}

.responsive header.ot {
  height: 3.75em;
}

@media only screen and (min-width: 60.5em) {
  .responsive header.ot {
    height: 6.75em;
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  .responsive header.ot {
    height: 3.75em;
  }
}

.responsive header.ot .mobile-nav-button,
.responsive header.ot .mobile-search-button {
  top: 9px;
}

@media only screen and (min-width: 45em) and (max-width: 60.4375em) {
  .responsive header.ot .mobile-nav-button,
  .responsive header.ot .mobile-search-button {
    top: 14px;
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  .responsive header.ot .mobile-nav-button,
  .responsive header.ot .mobile-search-button {
    top: 14px;
  }
}

header.ot .top-nav {
  height: 3.75em;
}

.responsive header.ot .top-nav .logo {
  height: auto;
  padding-top: 16px;
}

.responsive header.campaign .top-nav .logo {
  padding-top: 0;
  top: 9px;
}

.page,
#page-wrap {
  font-family: "OpenText Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.footer-row a,
footer a {
  color: #777 !important;
}

.footer-row .btn,
footer .btn {
  border-radius: 0px;
}

.footer-row .btn--default,
footer .btn--default {
  background-color: #2e3d98;
  color: #fff !important;
}

.footer-row .btn--default:hover,
footer .btn--default:hover {
  background-color: #09bcef;
}

.footer-row .trailernew,
footer .trailernew {
  padding-top: 3rem;
}

.footer-row .trailernew,
.footer-row .copyright,
footer .trailernew,
footer .copyright {
  background-color: #f5f5f5;
}

.footer-row .trailer__heading,
footer .trailer__heading {
  font-size: 0.875em;
  line-height: 1.7142857;
  font-weight: 700;
  text-transform: none;
}

.footer-row .trailer__heading,
.footer-row .trailer__heading span,
.footer-row p,
footer .trailer__heading,
footer .trailer__heading span,
footer p {
  color: #000 !important;
}

.footer-row .trailer__bloglist > li:not(:last-child):before,
footer .trailer__bloglist > li:not(:last-child):before {
  color: inherit;
}

.footer-row .follow-list,
footer .follow-list {
  margin-bottom: 0.75rem;
}

.footer-row .follow-list:after,
footer .follow-list:after {
  clear: both;
  content: "";
  display: table;
}

.footer-row .copyright p,
footer .copyright p {
  color: #999 !important;
  padding-bottom: 3rem;
}

header.ot .main-header-nav {
  height: 3em;
  margin-top: 0 !important;
}

@media only screen and (max-width: 60.4375em) {
  .responsive header.ot .main-header-nav,
  .responsive header.ot .main-header-nav ul,
  .responsive header.ot .main-header-nav li {
    background-color: #09bcef !important;
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  .responsive header.ot .main-header-nav,
  .responsive header.ot .main-header-nav ul,
  .responsive header.ot .main-header-nav li {
    background-color: #09bcef !important;
  }
}

@media only screen and (max-width: 60.4375em) {
  .responsive header.ot header.ot .main-header-nav {
    margin: 0;
  }
}

@media only screen and (min-width: 60.5em) {
  header.ot .main-header-nav {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  header.ot .main-header-nav a {
    color: #000 !important;
  }
}

header.ot .main-header-nav > ul > li {
  text-transform: none;
}

header.ot .main-header-nav > ul > li.active, header.ot .main-header-nav > ul > li:hover {
  background-color: #2e3d98;
}

@media only screen and (min-width: 60.5em) {
  header.ot .main-header-nav > ul > li.active > a, header.ot .main-header-nav > ul > li:hover > a {
    color: #fff;
  }
}

@media only screen and (min-width: 60.5em) {
  header.ot .main-header-nav > ul > li.currentLocation > a {
    color: #09bcef;
  }
}

header.ot .main-header-nav > ul > li > a {
  text-transform: none !important;
}

header.ot .main-header-nav .mobile-nav-header a {
  text-transform: none !important;
}

header.ot .main-header-nav .has-subnav > .nav-wrapper {
  background-color: #2e3d98;
}

@media only screen and (min-width: 60.5em) {
  header.ot .main-header-nav .has-subnav > .nav-wrapper > ul > li > a,
  header.ot .main-header-nav .has-subnav > .nav-wrapper > ul > li.active > a {
    color: #fff;
  }
}

header.ot .main-header-nav .has-subnav.active .nav-wrapper ul li.expandable.first > a:after {
  display: none;
}

header.ot .main-header-nav > ul .nav-wrapper .nav-wrapper,
header.ot .main-header-nav > ul > li > .nav-wrapper {
  background-color: #e1e8f6;
  border-top-color: #2e3d98;
}

header.ot .main-header-nav > ul > li:nth-child(7) > .nav-wrapper {
  display: none !important;
}

header.ot .main-header-nav .nav-header {
  color: #2e3d98 !important;
}

header.ot .main-header-nav .contained-box {
  background-color: #09bcef;
}

@media only screen and (max-width: 60.4375em) {
  header.ot .main-header-nav .nav-wrapper a {
    font-weight: 400 !important;
  }
  header.ot .main-header-nav .nav-wrapper a:hover {
    cursor: pointer;
    text-decoration: underline !important;
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  header.ot .main-header-nav .nav-wrapper a {
    font-weight: 400 !important;
  }
}

header.ot .main-header-nav .nav-wrapper .mobile-nav-header a {
  font-weight: 700 !important;
}

header.ot .top-nav .mobile-nav-button,
header.ot .top-nav .mobile-search-button {
  color: #fff !important;
}

header.ot .top-nav .mobile-nav-button [class*="icon-"],
header.ot .top-nav .mobile-search-button [class*="icon-"] {
  color: inherit !important;
}

.utility-nav > ul li {
  padding-bottom: 0;
  padding-top: 0.9375em;
}

@media only screen and (min-width: 60.5em) {
  .utility-nav > ul li.active ul {
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.4);
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  .utility-nav > ul li.active ul {
    box-shadow: none;
  }
}

@media only screen and (max-width: 60.4375em) {
  .utility-nav a:hover {
    text-decoration: underline !important;
  }
}

.utility-nav .icon-search {
  color: #eee;
}

.utility-nav .icon-search:hover {
  background-color: #09bcef;
  color: #fff;
}

.utility-nav .search {
  background-color: #09bcef;
  color: #fff;
  margin-top: 0 !important;
}

@media only screen and (max-width: 60.4375em) {
  .utility-nav .search {
    top: 60px !important;
  }
}

@media only screen and (min-width: 1012px) and (max-device-width: 1024px) {
  .utility-nav .search {
    top: 60px !important;
  }
}

.utility-nav .search.active {
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.4);
}

.utility-nav .search .close-icon .icon-close {
  color: #fff !important;
}

@media only screen and (min-width: 60.5em) {
  .utility-nav .search .pad-half--bottom {
    position: relative;
    top: 4px;
  }
}

.utility-nav .search .main form input.input-text {
  background: #fff;
  border-color: #fff;
  outline: none;
}

.utility-nav .search .main form .button {
  background-color: #2e3d98;
}

.utility-nav .search .main form .button:hover {
  background-color: #2e3d98;
  color: #fff !important;
}

.utility-nav .popularSearches {
  display: none;
}

.page-1148cc9ee5608310 .metaheading {
  color: #777;
  font-weight: normal;
}

.page-1148cc9ee5608310 .content-inner {
  padding-top: 0;
}

.page-1148cc9ee5608310 .most-shared h2,
.page-1148cc9ee5608310 .heading {
  font-size: 1.125em;
  line-height: 1.3333333;
  font-weight: 700;
  margin-bottom: 1.3333333em;
  text-transform: none;
}

.page-1148cc9ee5608310 .most-shared .content-type {
  color: #777;
  font-weight: normal;
}

.page-1148cc9ee5608310 .most-shared a,
.page-1148cc9ee5608310 ol a:not(.more) {
  color: inherit;
}

.page-1148cc9ee5608310 .meta {
  text-transform: uppercase;
}

.page-1148cc9ee5608310 .panel--shade {
  background-color: #e1e8f6;
}

.new-campaign h1,
.new-campaign h2,
.new-campaign h3,
.new-campaign h4,
.new-campaign h5,
.new-campaign h6 {
  font-weight: 700;
}

.new-campaign h2 {
  color: #2e3d98;
}

.new-campaign .right-rail .box h3 {
  color: #2e3d98;
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.2em;
}

.new-campaign .right-rail .box h4 {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1.5em;
}

.new-campaign .right-rail .box p {
  margin-bottom: 1.5em;
}

.new-campaign .billboard-header h1 {
  text-transform: none;
}

.new-campaign .blockquote {
  color: #09bcef;
  padding-left: 0;
  padding-right: 0;
}

.new-campaign .blockquote__body {
  font-family: inherit;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.new-campaign .blockquote__source {
  font-size: 1em;
  line-height: 1.5;
  padding-bottom: 0;
  padding-top: 0;
}

.new-campaign .box--highlight h3,
.new-campaign .box--highlight a {
  color: #2e3d98;
}

@media only screen and (max-width: 60.4375em) {
  .new-campaign .breadcrumb-row .content-wrap {
    padding-bottom: 0;
  }
}

.new-campaign .breadcrumb-row .col-2-3 {
  padding-bottom: 0;
  width: 94.08696%;
}

.new-campaign .breadcrumb-row .nav {
  margin-bottom: 0.75em;
}

@media only screen and (min-width: 45em) {
  .new-campaign .breadcrumb-row .nav {
    margin-bottom: 1.5em;
  }
}

@media only screen and (min-width: 60.5em) {
  .new-campaign .breadcrumb-row .nav {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 44.9375em) {
  .new-campaign .breadcrumb-row .nav > li {
    padding-top: 0.25em;
  }
}

a,
.three-col-template .left-nav ul li.active,
.two-col-template .left-nav ul li.active,
.two-col-right-rail-template .left-nav ul li.active,
.rte-area .left-nav ul li.active,
.otsc-wem-component .left-nav ul li.active,
.three-col-template .left-nav ul li.active a,
.two-col-template .left-nav ul li.active a,
.two-col-right-rail-template .left-nav ul li.active a,
.rte-area .left-nav ul li.active a,
.otsc-wem-component .left-nav ul li.active a,
.customer-stories-search-results .col-1-4.tags li a,
.partner-solutions-feature .col-1-4.tags li a,
.three-col-template .left-nav ul li a:hover,
.two-col-template .left-nav ul li a:hover,
.two-col-right-rail-template .left-nav ul li a:hover,
.rte-area .left-nav ul li a:hover,
.otsc-wem-component .left-nav ul li a:hover,
.three-col-template .left-nav h3 a:hover,
.two-col-template .left-nav h3 a:hover,
.two-col-right-rail-template .left-nav h3 a:hover,
.rte-area .left-nav h3 a:hover,
.otsc-wem-component .left-nav h3 a:hover,
.three-col-template .left-nav ul li .sub-nav li a:hover,
.two-col-template .left-nav ul li .sub-nav li a:hover,
.two-col-right-rail-template .left-nav ul li .sub-nav li a:hover,
.rte-area .left-nav ul li .sub-nav li a:hover,
.otsc-wem-component .left-nav ul li .sub-nav li a:hover,
.three-col-template .left-nav ul li .sub-nav li.active a,
.two-col-template .left-nav ul li .sub-nav li.active a,
.two-col-right-rail-template .left-nav ul li .sub-nav li.active a,
.rte-area .left-nav ul li .sub-nav li.active a,
.otsc-wem-component .left-nav ul li .sub-nav li.active a {
  color: #09bcef;
}

.box--highlight {
  background-color: #e1e8f6;
}

.btn {
  border-radius: 0px;
}

.btn--default {
  background-color: #2e3d98;
  color: #fff !important;
}

.btn--default:hover {
  background-color: #09bcef;
  color: #fff !important;
}

.panel--callout {
  background-color: #2e3d98;
}

.form-elq input[type="submit"] {
  background-color: #2e3d98;
  border-radius: 0px;
  color: #fff;
}

.form-elq input[type="submit"]:hover {
  background-color: #09bcef !important;
  color: #fff !important;
}

ul.tabs li.active,
ul.tabs li:hover,
.three-col-template ul.tabs2 li.active,
.two-col-template ul.tabs2 li.active,
.two-col-right-rail-template ul.tabs2 li.active,
.rte-area ul.tabs2 li.active,
.otsc-wem-component ul.tabs2 li.active {
  background-color: #09bcef;
}

ul.tabs li:hover {
  background-color: #09bcef !important;
}

.three-col-template ul.tabs2,
.two-col-template ul.tabs2,
.two-col-right-rail-template ul.tabs2,
.rte-area ul.tabs2,
.otsc-wem-component ul.tabs2 {
  border-bottom-color: #09bcef;
}

.three-col-template .left-nav ul,
.two-col-template .left-nav ul,
.two-col-right-rail-template .left-nav ul,
.rte-area .left-nav ul,
.otsc-wem-component .left-nav ul,
.learn-more ul.tabs > li.active::after,
.three-col-template ul.tabs2 li.active::after,
.two-col-template ul.tabs2 li.active::after,
.two-col-right-rail-template ul.tabs2 li.active::after,
.rte-area ul.tabs2 li.active::after,
.otsc-wem-component ul.tabs2 li.active::after {
  border-top-color: #09bcef;
}

.right-rail-form {
  background-color: #e1e8f6;
}

.color--default {
  color: #000 !important;
}

.text--highlighted,
.text--highlight {
  color: #09bcef !important;
}