@font-face {
  font-family: 'OTgliffic';
  font-style: normal;
  font-weight: normal;
  src: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/Fonts/OTgliffic.eot");
  src: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/Fonts/OTgliffic.eot#iefix") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/Fonts/OTgliffic.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/Fonts/OTgliffic.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/Fonts/OTgliffic.svg#OTgliffic") format("svg");
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'OTgliffic';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

span.icon-pause:before {
  content: "\e600";
}
span.icon-quote-left:before {
  content: "\e000";
}
span.icon-quote-right:before {
  content: "\e001";
}
span.icon-whitepaper:before {
  content: "\e002";
}
span.icon-webinar:before {
  content: "\e003";
}
span.icon-video:before {
  content: "\e004";
}
span.icon-newsletters:before {
  content: "\e005";
}
span.icon-minus:before {
  content: "\e006";
}
span.icon-menu:before {
  content: "\e007";
}
span.icon-laptop:before {
  content: "\e008";
}
span.icon-heart:before {
  content: "\e009";
}
span.icon-global:before {
  content: "\e00a";
}
span.icon-ticket:before {
  content: "\e00b";
}
span.icon-star:before {
  content: "\e00c";
}
span.icon-error:before {
  content: "\e00d";
}
span.icon-email:before {
  content: "\e00e";
}
span.icon-solid_arrow_up:before {
  content: "\e00f";
}
span.icon-solid_arrow_down:before {
  content: "\e010";
}
span.icon-close:before {
  content: "\e011";
}
span.icon-carousel-arrow-right:before {
  content: "\e012";
}
span.icon-share:before {
  content: "\e013";
}
span.icon-search:before {
  content: "\e014";
}
span.icon-carousel-arrow-left:before {
  content: "\e015";
}
span.icon-audio:before {
  content: "\e016";
}
span.icon-podcast:before {
  content: "\e017";
}
span.icon-plus:before {
  content: "\e018";
}
span.icon-addfavorite:before {
  content: "\e019";
}
span.icon-phone:before {
  content: "\e01a";
}
span.icon-notch-arrow-skinny-left:before {
  content: "\e01b";
}
span.icon-notch-arrow-right:before {
  content: "\e01c";
}
span.icon-notch-arrow-left:before {
  content: "\e01d";
}
span.icon-notch-arrow-down:before {
  content: "\e01e";
}
span.icon-notch-arrow-skinny-right:before {
  content: "\e01f";
}
span.icon-download:before {
  content: "\e020";
}
span.icon-businessman:before {
  content: "\e021";
}
span.icon-developer:before {
  content: "\e022";
}
span.icon-techsupport:before {
  content: "\e023";
}
span.icon-question:before {
  content: "\e024";
}
span.icon-outsidelink:before {
  content: "\e025";
}
span.icon-youtube:before {
  content: "\e026";
}
span.icon-twitter:before {
  content: "\e027";
}
span.icon-linkedin:before {
  content: "\e028";
}
span.icon-instagram:before {
  content: "\e029";
}
span.icon-googleplus:before {
  content: "\e02a";
}
span.icon-facebook:before {
  content: "\e02b";
}
span.icon-calendar:before {
  content: "\e601";
}
span.icon-clock:before {
  content: "\e94e";
}
span.icon-newtab:before {
  content: "\e602";
}
span.icon-checked:before {
  content: "\ea52";
}
span.icon-unchecked:before {
  content: "\ea53";
}

.section {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
}

.opera-only :-o-prefocus,
.section {
  word-spacing: -0.43em;
}

.col {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.col-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-1-6, .col-5-6, .col-1-7, .col-2-7, .col-3-7, .col-4-7, .col-5-7, .col-6-7, .col-1-8, .col-3-8, .col-5-8, .col-7-8, .col-1-9, .col-2-9, .col-4-9, .col-5-9, .col-6-9, .col-7-9, .col-8-9, .col-1-10, .col-3-10, .col-7-10, .col-9-10, .col-1-11, .col-2-11, .col-3-11, .col-4-11, .col-5-11, .col-6-11, .col-7-11, .col-8-11, .col-9-11, .col-10-11, .col-1-12, .col-5-12, .col-7-12, .col-9-12, .col-11-12 {
  display: block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  float: left;
  /* -moz-box-sizing: border-box; */
  /* box-sizing:border-box; */
  padding: 0 0 0 2.95652%;
  min-height: 1px;
}

.col-1 {
  /* width: 1116px; */
  width: 94.08696%;
}

.offset-1 {
  margin-left: 5.91304%;
}

.col-1-2 {
  /* width: 558px; */
  width: 45.56522%;
}

.offset-1-2 {
  margin-left: 54.43478%;
}

.col-1-3 {
  /* width: 372px; */
  width: 29.39130%;
}

.offset-1-3 {
  margin-left: 70.60870%;
}

.col-2-3 {
  /* width: 744px; */
  width: 61.73913%;
}

.offset-2-3 {
  margin-left: 38.26087%;
}

.col-1-4 {
  /* width: 279px; */
  width: 21.30435%;
}

.offset-1-4 {
  margin-left: 78.69565%;
}

.col-3-4 {
  /* width: 837px; */
  width: 69.82609%;
}

.offset-3-4 {
  margin-left: 30.17391%;
}

.col-1-5 {
  /* width: 223.2px; */
  width: 16.45217%;
}

.offset-1-5 {
  margin-left: 83.54783%;
}

.col-2-5 {
  /* width: 446.4px; */
  width: 35.86087%;
}

.offset-2-5 {
  margin-left: 64.13913%;
}

.col-3-5 {
  /* width: 669.6px; */
  width: 55.26957%;
}

.offset-3-5 {
  margin-left: 44.73043%;
}

.col-4-5 {
  /* width: 892.8px; */
  width: 74.67826%;
}

.offset-4-5 {
  margin-left: 25.32174%;
}

.col-1-6 {
  /* width: 186px; */
  width: 13.21739%;
}

.offset-1-6 {
  margin-left: 86.78261%;
}

.col-5-6 {
  /* width: 930px; */
  width: 77.91304%;
}

.offset-5-6 {
  margin-left: 22.08696%;
}

.col-1-7 {
  /* width: 159.4285714px; */
  width: 10.90683%;
}

.offset-1-7 {
  margin-left: 89.09317%;
}

.col-2-7 {
  /* width: 318.8571429px; */
  width: 24.77019%;
}

.offset-2-7 {
  margin-left: 75.22981%;
}

.col-3-7 {
  /* width: 478.2857143px; */
  width: 38.63354%;
}

.offset-3-7 {
  margin-left: 61.36646%;
}

.col-4-7 {
  /* width: 637.7142857px; */
  width: 52.49689%;
}

.offset-4-7 {
  margin-left: 47.50311%;
}

.col-5-7 {
  /* width: 797.1428571px; */
  width: 66.36025%;
}

.offset-5-7 {
  margin-left: 33.63975%;
}

.col-6-7 {
  /* width: 956.5714286px; */
  width: 80.22360%;
}

.offset-6-7 {
  margin-left: 19.77640%;
}

.col-1-8 {
  /* width: 139.5px; */
  width: 9.17391%;
}

.offset-1-8 {
  margin-left: 90.82609%;
}

.col-3-8 {
  /* width: 418.5px; */
  width: 33.43478%;
}

.offset-3-8 {
  margin-left: 66.56522%;
}

.col-5-8 {
  /* width: 697.5px; */
  width: 57.69565%;
}

.offset-5-8 {
  margin-left: 42.30435%;
}

.col-7-8 {
  /* width: 976.5px; */
  width: 81.95652%;
}

.offset-7-8 {
  margin-left: 18.04348%;
}

.col-1-9 {
  /* width: 124px; */
  width: 7.82609%;
}

.offset-1-9 {
  margin-left: 92.17391%;
}

.col-2-9 {
  /* width: 248px; */
  width: 18.60870%;
}

.offset-2-9 {
  margin-left: 81.39130%;
}

.col-4-9 {
  /* width: 496px; */
  width: 40.17391%;
}

.offset-4-9 {
  margin-left: 59.82609%;
}

.col-5-9 {
  /* width: 620px; */
  width: 50.95652%;
}

.offset-5-9 {
  margin-left: 49.04348%;
}

.col-6-9 {
  /* width: 744px; */
  width: 61.73913%;
}

.offset-6-9 {
  margin-left: 38.26087%;
}

.col-7-9 {
  /* width: 868px; */
  width: 72.52174%;
}

.offset-7-9 {
  margin-left: 27.47826%;
}

.col-8-9 {
  /* width: 992px; */
  width: 83.30435%;
}

.offset-8-9 {
  margin-left: 16.69565%;
}

.col-1-10 {
  /* width: 111.6px; */
  width: 6.74783%;
}

.offset-1-10 {
  margin-left: 93.25217%;
}

.col-3-10 {
  /* width: 334.8px; */
  width: 26.15652%;
}

.offset-3-10 {
  margin-left: 73.84348%;
}

.col-7-10 {
  /* width: 781.2px; */
  width: 64.97391%;
}

.offset-7-10 {
  margin-left: 35.02609%;
}

.col-9-10 {
  /* width: 1004.4px; */
  width: 84.38261%;
}

.offset-9-10 {
  margin-left: 15.61739%;
}

.col-1-11 {
  /* width: 101.4545455px; */
  width: 5.86561%;
}

.offset-1-11 {
  margin-left: 94.13439%;
}

.col-2-11 {
  /* width: 202.9090909px; */
  width: 14.68775%;
}

.offset-2-11 {
  margin-left: 85.31225%;
}

.col-3-11 {
  /* width: 304.3636364px; */
  width: 23.50988%;
}

.offset-3-11 {
  margin-left: 76.49012%;
}

.col-4-11 {
  /* width: 405.8181818px; */
  width: 32.33202%;
}

.offset-4-11 {
  margin-left: 67.66798%;
}

.col-5-11 {
  /* width: 507.2727273px; */
  width: 41.15415%;
}

.offset-5-11 {
  margin-left: 58.84585%;
}

.col-6-11 {
  /* width: 608.7272727px; */
  width: 49.97628%;
}

.offset-6-11 {
  margin-left: 50.02372%;
}

.col-7-11 {
  /* width: 710.1818182px; */
  width: 58.79842%;
}

.offset-7-11 {
  margin-left: 41.20158%;
}

.col-8-11 {
  /* width: 811.6363636px; */
  width: 67.62055%;
}

.offset-8-11 {
  margin-left: 32.37945%;
}

.col-9-11 {
  /* width: 913.0909091px; */
  width: 76.44269%;
}

.offset-9-11 {
  margin-left: 23.55731%;
}

.col-10-11 {
  /* width: 1014.545455px; */
  width: 85.26482%;
}

.offset-10-11 {
  margin-left: 14.73518%;
}

.col-1-12 {
  /* width: 93px; */
  width: 5.13043%;
}

.offset-1-12 {
  margin-left: 94.86957%;
}

.col-5-12 {
  /* width: 465px; */
  width: 37.47826%;
}

.offset-5-12 {
  margin-left: 62.52174%;
}

.col-7-12 {
  /* width: 651px; */
  width: 53.65217%;
}

.offset-7-12 {
  margin-left: 46.34783%;
}

.col-9-12 {
  /* width: 837px; */
  width: 69.82609%;
}

.offset-9-12 {
  margin-left: 30.17391%;
}

.col-11-12 {
  /* width: 1023px; */
  width: 86.00000%;
}

.offset-11-12 {
  margin-left: 14.00000%;
}

.section-r {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  word-spacing: -0.43em;
}

.opera-only :-o-prefocus,
.section-r {
  word-spacing: -0.43em;
}

.section-r img {
  max-width: 100%;
}

.content-inner .content-wrap.home-leads {
  padding-top: 2em;
}

@media (min-width: 1151px) {
  .visible-phone {
    display: none;
  }

  .visible-tablet {
    display: none;
  }

  .hidden-desktop {
    display: none;
  }
}
@media (max-width: 719px) {
  .section-r [class^="col"] {
    width: 100% !important;
  }

  .content-inner .content-wrap.home-leads .col-1-3 > div:last-child, .content-inner .home-shared-events .col-1-3 > div:last-child {
    margin-bottom: 0;
  }
}
/* END Global Styles (responsive-base.scss) */
@media screen and (min-width: 720px) and (max-width: 967px) {
  .col-3-4.main-content,
  .col-2-3.main-content {
    width: 94.08696%;
  }

  .content-wrap.home-leads .col-1-3,
  .content-wrap.home-shared-events .col-1-3 {
    width: 45.56522%;
  }

  .content-wrap.home-leads .col-1-3:last-child,
  .content-wrap.home-shared-events .col-1-3:first-child {
    width: 94.08696%;
  }
}
/* ----------------------
 * Global Styles
 -- */
a {
  color: #2da3e0;
}

a:hover {
  text-decoration: underline;
}

.main-content table {
  background: #eeeeee;
  margin-bottom: 2em;
  width: 100%;
}
.main-content table th, .main-content table td {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
}
.main-content table th {
  background: #ccc;
  font-weight: 700;
}
.main-content table tr {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.main-content table td {
  color: #444;
}

iframe {
  border: none;
}

ul li {
  list-style: none;
}

h1 {
  line-height: 1em;
}

h2 {
  font-size: 1.375em;
  margin-bottom: 1em;
}

h3 {
  font-size: 0.875em;
  line-height: 1.45em;
  margin-bottom: 1em;
}

h5 {
  font-size: 1.125em;
  margin-bottom: 15px;
}

p {
  font-size: 1em;
  margin: 1em 0;
}

b,
strong {
  font-weight: 700;
}

.sub-text-color {
  color: #777777;
  font-size: 0.875em;
  line-height: 1.2em;
}

.more-link,
.load-more {
  display: inline-block;
}
.more-link .icon-notch-arrow-down,
.more-link .icon-notch-arrow-right,
.load-more .icon-notch-arrow-down,
.load-more .icon-notch-arrow-right {
  font-size: 0.6em;
  left: 0.5em;
  position: relative;
  top: -0.1em;
}

.no-left-padding {
  padding-left: 0 !important;
}

.input-text {
  border: 1px solid #ccc;
  height: 1.7em;
  line-height: 1.7em;
}

.buttonlist {
  margin-left: 0;
  padding-left: 0;
}

.submit-button,
.buttonlist li a,
.right-rail .submit-button,
.right-rail .buttonlist li a {
  background: #53d5ff;
  border: none;
  color: #000;
  margin-top: 10px;
  padding: 14px 16px 12px;
  font-size: 0.9em;
  line-height: 0.9em;
  text-align: center;
}

.submit-button:hover,
.buttonlist li a:hover,
.right-rail .submit-button:hover,
.right-rail .buttonlist li a:hover {
  background: #000 !important;
  color: #53d5ff !important;
  text-decoration: none;
}

.right-rail .submit-button {
  display: inline-block;
  margin: 0.6em 0;
}

.two-col-table {
  display: table;
}

.table-display {
  display: table;
  height: 100%;
}

.table-row {
  display: table-row;
  height: 100%;
}

.table-cell {
  display: table-cell;
  vertical-align: top;
}

img.table-cell {
  float: left;
}

#page-video-player,
.vidaveeplayer-playlist {
  max-width: 100%;
}
#page-video-player object, #page-video-player embed, #page-video-player iframe, #page-video-player video,
.vidaveeplayer-playlist object,
.vidaveeplayer-playlist embed,
.vidaveeplayer-playlist iframe,
.vidaveeplayer-playlist video {
  max-width: 100%;
}

.mobile-only {
  display: none;
}

ul.nobullets {
  margin-left: 0 !important;
}
ul.nobullets li {
  list-style: none !important;
  color: #000;
}
ul.nobullets li .js-showhidetext-target {
  margin-left: 1.5em;
  clear: both;
  overflow: hidden;
}
ul.nobullets li .js-showhidetext-trigger {
  color: #00a5d9;
  margin-bottom: 1em;
  overflow: hidden;
}
ul.nobullets li .js-showhidetext-trigger .icon-question {
  float: left;
  margin-right: 0.3em;
  padding-top: 3px;
}
ul.nobullets li .js-showhidetext-trigger a {
  color: #00a5d9;
  margin: 0;
  padding: 0;
  width: 90%;
  float: left;
  display: block;
}
ul.nobullets li .js-showhidetext-trigger a:visited {
  color: #00a5d9;
}
ul.nobullets li .jshide {
  display: none;
}

.error, .notice, .success {
  border-style: solid;
  border-width: 1px 0;
  margin: 0 0 14px;
  padding: 13px 59px 13px 59px;
}
.error a, .notice a, .success a {
  color: #00a5d9;
}

.error {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/lv4_error.png") no-repeat scroll 14px 50% #FBE3E4;
  border-color: #FBC2C4;
  color: #8A1F11;
}

.notice {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/lv4_information.png") no-repeat scroll 14px 50% #FFF6BF;
  border-color: #FFD324;
  color: #514721;
}

.success {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/lv4_success.png") no-repeat scroll 14px 50% #E6EFC2;
  border-color: #C6D880;
  color: #264409;
}

#otwww-portalUserDisplayName {
  display: none;
}

.video-image-container-link {
  position: relative;
  background-color: #000;
  display: inline-block !important;
  width: 100%;
}
.video-image-container-link img {
  width: 100%;
}
.video-image-container-link .play-button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 29px;
  z-index: 100;
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_small_sprite.png") 0 0;
}
.video-image-container-link .play-button.large {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_large_sprite.png") 0 0;
  top: 10px;
  right: 10px;
  width: 93px;
  height: 61px;
}
.video-image-container-link:hover .play-button {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_small_sprite.png") 0 -29px;
}
.video-image-container-link:hover .play-button.medium {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_medium_sprite.png") 0 -61px;
}
.video-image-container-link:hover .play-button.large {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_large_sprite.png") 0 -61px;
}
.video-image-container-link:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#page-wrap {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  word-spacing: normal;
}

#main {
  background: #fff;
}

.section-r {
  background: none;
  clear: both;
}
.section-r.gradient {
  background-image: -webkit-linear-gradient(top, #eee 0%, #fdfdfd 349px, #fff 460px);
  background: -o-linear-gradient(top, #eeeeee 0%, #fdfdfd 349px, #ffffff 460px);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #fdfdfd 349px, #ffffff 460px);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #fdfdfd 349px, #ffffff 460px);
  /* W3C */
  padding-top: 2em;
}

#divider {
  /*A full width dividing line, such as is used on customer stories landing page*/
  padding: 1em 0 0;
  border-top: 1px solid #ccc;
  max-width: 1084px;
  margin: 0 auto;
  width: 94%;
}

.content-wrap {
  width: 100%;
  padding: 0;
  clear: both;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1150px;
  margin: 0 auto;
}

.content-inner {
  position: relative;
  z-index: 25;
}
.content-inner .content-wrap {
  padding-top: 0;
}

.row-color-1 {
  background: #000;
}

.row-color-2-gradient {
  background-color: #f7f7f7;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
  background-image: -ms-linear-gradient(top, #eeeeee, #ffffff);
  background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
}

.row-color-3 {
  background: #53d5ff;
}

.row-no-color {
  background: none;
}
.row-no-color .content-wrap {
  background: #fff;
  padding-bottom: 0;
}

.at-a-glance-row {
  position: relative;
}

.used_sortby {
  margin-bottom: 1em;
  overflow: hidden;
}
.used_sortby .col-3-5, .used_sortby .col-2-5 {
  padding: 0;
}
.used_sortby .col-3-5 .usedFilters-title, .used_sortby .col-3-5 .sortby-title, .used_sortby .col-2-5 .usedFilters-title, .used_sortby .col-2-5 .sortby-title {
  display: block;
  float: left;
  margin-right: 0.5em;
}
.used_sortby .col-3-5 .usedFilters a, .used_sortby .col-2-5 .usedFilters a {
  margin-left: 0.2em;
}
.used_sortby .col-3-5 .sortby, .used_sortby .col-2-5 .sortby {
  overflow: hidden;
  padding-left: 0.2em;
}
.used_sortby .col-3-5 .sortby select, .used_sortby .col-2-5 .sortby select {
  width: 100%;
}
.used_sortby .col-3-5 {
  width: 60%;
}
.used_sortby .col-2-5 {
  width: 40%;
  text-align: right;
}

.modal-contents {
  display: none;
}

.final-modal-contents {
  display: none;
  height: 500px;
  width: 50%;
  position: fixed;
  background-color: #fff;
  right: 25%;
  z-index: 101;
  top: 150px;
  overflow: hidden;
}
.final-modal-contents iframe {
  width: 100%;
  height: 100%;
  margin: 1em;
}
.final-modal-contents .close {
  display: block;
  text-indent: -9999em;
  background-color: #000;
  width: 45px;
  position: absolute;
  right: 0px;
  height: 45px;
  padding: 0;
  background: #000 url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/close-icon-blue.png") center center no-repeat;
}
.final-modal-contents object, .final-modal-contents embed, .final-modal-contents iframe, .final-modal-contents video {
  max-width: 100%;
}

.homepage .content-wrap.home-leads a:hover {
  color: #00a5d9;
  text-decoration: underline;
}

.banner {
  margin-bottom: 2em;
}

.section-landing .banner {
  margin-bottom: 0;
}

/* callout box */
.callout {
  background: #eeeeee;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0 0 1.75em 0;
  overflow: hidden;
  padding: 1em 3%;
}
.callout h3 {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 0.5em;
}
.callout h4 {
  font-size: 1em;
  font-weight: 700;
  margin: 0 0 0.5em;
}
.callout p {
  margin: 0.5em 0 0.75em;
}
.callout ul {
  list-style: disc outside none;
  margin: 0 0 0 5.5%;
}
.callout li {
  list-style: disc outside none;
  margin: 0.5em 0;
}

@media (max-width: 719px) {
  .responsive .row-color-2-gradient [class^="col"] {
    border-top: 1px solid #d5d5d5;
    padding-top: 30px;
  }
  .responsive .row-color-2-gradient [class^="col"]:first-child {
    border: none;
  }
  .responsive .content-wrap {
    width: 100%;
    padding: 0;
  }
  .responsive .content-wrap .no-mobile {
    display: none;
  }
  .responsive .content-inner .content-wrap {
    padding-left: 3%;
    padding-right: 3%;
  }
  .responsive .content-inner .content-wrap .main-content {
    padding-right: 0;
    padding-left: 0;
  }
  .responsive .homepage .content-wrap.home-leads {
    margin-top: 0;
    padding-top: 1.5em;
  }
  .responsive .at-a-glance-row {
    display: none;
  }
  .responsive .header-bg-or-carousel {
    margin-bottom: 0px;
  }
  .responsive .submit-button {
    padding: 1em 0 0.8em;
    font-size: 1em;
    line-height: 1em;
  }
  .responsive .col-1, .responsive .col-1-2, .responsive .col-1-3, .responsive .col-2-3, .responsive .col-1-4, .responsive .col-3-4, .responsive .col-1-5, .responsive .col-2-5, .responsive .col-3-5, .responsive .col-4-5, .responsive .col-1-6, .responsive .col-5-6, .responsive .col-1-7, .responsive .col-2-7, .responsive .col-3-7, .responsive .col-4-7, .responsive .col-5-7, .responsive .col-6-7, .responsive .col-1-8, .responsive .col-3-8, .responsive .col-5-8, .responsive .col-7-8, .responsive .col-1-9, .responsive .col-2-9, .responsive .col-4-9, .responsive .col-5-9, .responsive .col-6-9, .responsive .col-7-9, .responsive .col-8-9, .responsive .col-1-10, .responsive .col-3-10, .responsive .col-7-10, .responsive .col-9-10, .responsive .col-1-11, .responsive .col-2-11, .responsive .col-3-11, .responsive .col-4-11, .responsive .col-5-11, .responsive .col-6-11, .responsive .col-7-11, .responsive .col-8-11, .responsive .col-9-11, .responsive .col-10-11, .responsive .col-1-12, .responsive .col-5-12, .responsive .col-7-12, .responsive .col-9-12, .responsive .col-11-12 {
    padding-top: 0;
    padding-bottom: 1.5em;
    padding-left: 0;
  }
  .responsive .main-content {
    padding: 0 3%;
  }
  .responsive .main-content.col-1-3, .responsive .main-content.col-2-3, .responsive .main-content.col-1-4, .responsive .main-content.col-3-4, .responsive .main-content.col-1-5, .responsive .main-content.col-2-5, .responsive .main-content.col-3-5, .responsive .main-content.col-4-5, .responsive .main-content.col-1-6, .responsive .main-content.col-5-6, .responsive .main-content.col-1-7, .responsive .main-content.col-2-7, .responsive .main-content.col-3-7, .responsive .main-content.col-4-7, .responsive .main-content.col-5-7, .responsive .main-content.col-6-7, .responsive .main-content.col-1-8, .responsive .main-content.col-3-8, .responsive .main-content.col-5-8, .responsive .main-content.col-7-8, .responsive .main-content.col-1-9, .responsive .main-content.col-2-9, .responsive .main-content.col-4-9, .responsive .main-content.col-5-9, .responsive .main-content.col-6-9, .responsive .main-content.col-7-9, .responsive .main-content.col-8-9, .responsive .main-content.col-1-10, .responsive .main-content.col-3-10, .responsive .main-content.col-7-10, .responsive .main-content.col-9-10, .responsive .main-content.col-1-11, .responsive .main-content.col-2-11, .responsive .main-content.col-3-11, .responsive .main-content.col-4-11, .responsive .main-content.col-5-11, .responsive .main-content.col-6-11, .responsive .main-content.col-7-11, .responsive .main-content.col-8-11, .responsive .main-content.col-9-11, .responsive .main-content.col-10-11, .responsive .main-content.col-1-12, .responsive .main-content.col-5-12, .responsive .main-content.col-7-12, .responsive .main-content.col-9-12, .responsive .main-content.col-11-12 {
    padding: 0;
  }
  .responsive .main-content.col-5-7 {
    padding: 0 0 1.8em;
  }
  .responsive .callout h3 {
    font-size: 1.125em;
  }
  .responsive .callout h4 {
    font-size: 1.05em;
  }
  .responsive .callout li {
    margin: 0.75em 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 1150px) {
  .responsive .content-wrap {
    width: 100%;
  }
}
.follow-list li {
  display: block;
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 0.75em;
  margin-bottom: 0.75em;
  /* default colors (used on homepage): black bg/blue fg, with blue fg/black bg on hover */
}
.follow-list li a:hover {
  text-decoration: none;
}
.follow-list li.facebook a {
  background-position: 0 -72px;
}
.follow-list li.facebook a:hover {
  background-position: 0 -108px;
}
.follow-list li.twitter a {
  background-position: -36px -72px;
}
.follow-list li.twitter a:hover {
  background-position: -36px -108px;
}
.follow-list li.google-plus a {
  background-position: -72px -72px;
}
.follow-list li.google-plus a:hover {
  background-position: -72px -108px;
}
.follow-list li.linked-in a {
  background-position: -108px -72px;
}
.follow-list li.linked-in a:hover {
  background-position: -108px -108px;
}
.follow-list li.youtube a {
  background-position: -144px -72px;
}
.follow-list li.youtube a:hover {
  background-position: -144px -108px;
}
.follow-list li.instagram {
  margin-right: 0;
}
.follow-list li.instagram a {
  background-position: -180px -72px;
}
.follow-list li.instagram a:hover {
  background-position: -180px -108px;
}
.follow-list li.flipboard {
  margin-right: 0;
}
.follow-list li.flipboard a {
  background-position: -216px -72px;
}
.follow-list li.flipboard a:hover {
  background-position: -216px -108px;
}
.follow-list a, .follow-list span {
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/social-media-sprite.png");
  background-repeat: no-repeat;
  text-indent: -99em;
  overflow: hidden;
}
.follow-list a.no-background-image, .follow-list span.no-background-image {
  background-image: none;
}

.alt.follow-list li {
  /* colors: blue bg/black fg, with white fg/blue bg on hover */
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
  margin-right: 3%;
}
.alt.follow-list li a {
  width: 28px;
  height: 28px;
}
.alt.follow-list li.facebook a {
  background-position: -4px -244px;
}
.alt.follow-list li.facebook a:hover {
  background-position: -4px -274px;
}
.alt.follow-list li.twitter a {
  background-position: -40px -244px;
}
.alt.follow-list li.twitter a:hover {
  background-position: -40px -274px;
}
.alt.follow-list li.google-plus a {
  background-position: -76px -244px;
}
.alt.follow-list li.google-plus a:hover {
  background-position: -76px -274px;
}
.alt.follow-list li.linked-in a {
  background-position: -112px -244px;
}
.alt.follow-list li.linked-in a:hover {
  background-position: -112px -274px;
}
.alt.follow-list li.youtube a {
  background-position: -148px -244px;
}
.alt.follow-list li.youtube a:hover {
  background-position: -148px -274px;
}
.alt.follow-list li.instagram a {
  background-position: -184px -244px;
}
.alt.follow-list li.instagram a:hover {
  background-position: -184px -274px;
}
.alt.follow-list li.flipboard a {
  background-position: -220px -244px;
}
.alt.follow-list li.flipboard a:hover {
  background-position: -220px -274px;
}

.nav-wrapper .follow-list span {
  /* colors: black with blue figure, black with white figure on hover*/
  height: 28px;
  width: 28px;
  margin-bottom: 1em;
  float: none;
  overflow: visible;
}
.nav-wrapper .follow-list span a {
  height: 28px;
  width: auto;
  padding-top: 0.4em;
  padding-left: 2.75em;
  text-indent: 0;
  background: none;
  float: none;
  overflow: visible;
  white-space: nowrap;
}
.nav-wrapper .follow-list span.facebook {
  background-position: -4px -214px;
}
.nav-wrapper .follow-list span.facebook:hover {
  background-position: -4px -184px;
}
.nav-wrapper .follow-list span.twitter {
  background-position: -40px -214px;
}
.nav-wrapper .follow-list span.twitter:hover {
  background-position: -40px -184px;
}
.nav-wrapper .follow-list span.google-plus {
  background-position: -76px -214px;
}
.nav-wrapper .follow-list span.google-plus:hover {
  background-position: -76px -184px;
}
.nav-wrapper .follow-list span.linked-in {
  background-position: -112px -214px;
}
.nav-wrapper .follow-list span.linked-in:hover {
  background-position: -112px -184px;
}
.nav-wrapper .follow-list span.youtube {
  background-position: -148px -214px;
}
.nav-wrapper .follow-list span.youtube:hover {
  background-position: -148px -184px;
}
.nav-wrapper .follow-list span.instagram {
  background-position: -184px -214px;
}
.nav-wrapper .follow-list span.instagram:hover {
  background-position: -184px -184px;
}
.nav-wrapper .follow-list span.flipboard {
  background-position: -220px -214px;
}
.nav-wrapper .follow-list span.flipboard:hover {
  background-position: -220px -184px;
}

@media (max-width: 967px) {
  .responsive .nav-wrapper .follow-list span a {
    max-width: 967px !important;
    min-width: 300px !important;
  }
  .responsive .follow-list li a {
    margin-bottom: 0.5em;
    background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/social-media-sprite.svg");
  }
  .responsive .follow-list .facebook {
    background-position: 0 -88px;
  }
  .responsive .follow-list .facebook:hover {
    background-position: 0 -132px;
  }
  .responsive .follow-list .twitter {
    background-position: -44px -88px;
  }
  .responsive .follow-list .twitter:hover {
    background-position: -44px -132px;
  }
  .responsive .follow-list .google-plus {
    background-position: -88px -88px;
  }
  .responsive .follow-list .google-plus:hover {
    background-position: -88px -132px;
  }
  .responsive .follow-list .linked-in {
    background-position: -132px -88px;
  }
  .responsive .follow-list .linked-in:hover {
    background-position: -132px -132px;
  }
  .responsive .follow-list .youtube {
    background-position: -176px -88px;
  }
  .responsive .follow-list .youtube:hover {
    background-position: -176px -132px;
  }
  .responsive .follow-list .instagram {
    background-position: -220px -88px;
  }
  .responsive .follow-list .instagram:hover {
    background-position: -220px -132px;
  }
  .responsive .follow-list .flipboard {
    background-position: -264px -88px;
  }
  .responsive .follow-list .flipboard:hover {
    background-position: -264px -132px;
  }
}
/* tabs accordian */
#tabs-accordian {
  width: 100%;
  overflow: hidden;
  background: #eeeeee;
  margin-bottom: 3em;
  /*THIS IS THE EXACT SAME AS .learn-more h2*/
}
#tabs-accordian h2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.375em;
  line-height: 1.3em;
  color: #fff;
  background: #000;
  width: 100%;
  padding: 0.7em;
  margin: 0;
  text-transform: none;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  width: 22.5%;
  background: #9c9c9c;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.tabs li {
  font-size: 0.875em;
  font-weight: 700;
  float: none;
  margin: 0;
  cursor: pointer;
  padding: 1.3em 1em 1.15em 1.1em;
  line-height: 1em;
  color: #000;
  overflow: visible;
  background-color: #9c9c9c;
  border-bottom: 1px solid #c8c8c8;
  position: relative;
  text-transform: uppercase;
}
ul.tabs li span {
  display: block;
}

.tab-last {
  border-bottom: none;
}

ul.tabs li:hover {
  background-color: #53d5ff !important;
}

ul.tabs li.active {
  display: block;
  background: #53d5ff;
  border-bottom: none;
}
ul.tabs li.active .right-arrow {
  background: transparent url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/blue_notch_arrow_right.png") no-repeat center left;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  height: 100%;
  overflow: hidden;
}

.tab-container {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: none;
  float: left;
  width: 77.5%;
  overflow: auto;
}
.tab-container ul, .tab-container ol {
  width: 46%;
  padding: 0 2%;
  display: block;
  float: left;
}
.tab-container ul li, .tab-container ol li {
  margin-bottom: 0.75em;
}
.tab-container ol {
  padding-left: 3%;
}

.tab-content {
  padding: 1.5em 2.5% 0;
  display: none;
  overflow: hidden;
}

.tab-drawer-heading {
  display: none;
}

.modal-overlay {
  display: none;
  position: fixed;
  background-color: #005884;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 100;
  opacity: 0.5;
}

.image-links {
  margin-bottom: 1.5em;
}
.image-links h2 {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.09091;
  margin-bottom: 1.09091em;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}
.image-links div img {
  margin-bottom: 1.5em;
  width: 100%;
}

.video-image-container-link .video-detail-overlay {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-align: center;
  font-size: 0.8em;
  padding: 5px 20px;
}

a.load-more {
  display: block;
  clear: both;
  text-align: center;
}

@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .no-mobile {
    display: none;
  }
  .responsive .mobile-only {
    display: none;
  }
  .responsive .homepage .content-inner {
    top: 0;
    margin-bottom: 0;
  }
  .responsive .campaigns-sub .content-inner {
    top: 0;
    margin-bottom: 0;
  }
  .responsive .campaigns-landing .content-inner {
    top: 0;
    margin-bottom: 0;
  }
  .responsive .content-inner {
    top: -48px;
    margin-bottom: -48px;
  }
  .responsive .alt.follow-list li {
    margin-right: 6%;
    width: 28px;
    height: 28px;
  }
  .responsive .alt.follow-list li a {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 719px) {
  .responsive .no-mobile {
    display: none;
  }
  .responsive .mobile-only {
    display: block;
  }
  .responsive .section-r.gradient {
    padding-top: 1.75em;
  }
  .responsive #tabs-accordian {
    margin-bottom: 2em;
  }
  .responsive #tabs-accordian h2 {
    font-size: 1.277em;
    line-height: 1.35em;
  }
  .responsive .tab-content {
    padding: 1.5em 2.5% 0.5em;
  }
  .responsive .tabs {
    display: none;
  }
  .responsive .tab-container {
    width: 100%;
  }
  .responsive .tab-container ul {
    width: 100%;
  }
  .responsive .tab-drawer-heading {
    position: relative;
    background-color: #9c9c9c;
    font-weight: 700;
    color: #000;
    border-top: 1px solid #c8c8c8;
    margin: 0;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.8em 0.7em 0.7em;
    text-align: left;
    font-size: 1em;
  }
  .responsive .tab-drawer-heading .icon-plus, .responsive .tab-drawer-heading .icon-minus {
    position: absolute;
    right: 1em;
    padding-top: 0.5em;
    font-size: 0.7em;
  }
  .responsive .tab-drawer-heading .icon-plus {
    right: 1em;
  }
  .responsive .tab-drawer-heading:first-of-type {
    border-top: none;
  }
  .responsive .tab-drawer-heading:hover {
    background-color: #53d5ff;
  }
  .responsive .d-active {
    background-color: #53d5ff;
    position: relative;
  }
  .responsive .d-active .down-arrow {
    position: absolute;
    bottom: -10px;
    left: 49.33%;
    width: 0%;
    height: 0;
    overflow: hidden;
    border-top: 10px solid #53d5ff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}
/* END Global Styles (-global.scss) */
.three-col-template .main-content {
  width: 50%;
  padding: 0 0 0 3.304347%;
}
.three-col-template .right-rail {
  display: block;
  width: 19.478261%;
}

.two-col-template .main-content {
  width: 72.782609%;
  padding: 0 0 0 3.304347%;
  max-width: 46em;
}
.two-col-template .right-rail {
  display: none;
}

.two-col-right-rail-template .main-content {
  width: 65.608698%;
  padding: 0 0 0 3.304347%;
}
.two-col-right-rail-template .right-rail {
  display: block;
  width: 25.478261%;
}
.two-col-right-rail-template .left-nav {
  display: none;
}

.three-col-template, .two-col-template, .two-col-right-rail-template, .rte-area, .otsc-wem-component {
  padding: 0 0 1.5em 0 !important;
  /*-------- LEFT NAV STYLES ---------*/
  /*----------- RIGHT RAIL STYLES -----------*/
  /*------------- MAIN BODY CONTENT GENERIC STYLES -------------*/
  /*------- Tab Structure --------*/
}
.three-col-template .left-nav, .three-col-template .main-content, .three-col-template .right-rail, .three-col-template .main-content, .two-col-template .left-nav, .two-col-template .main-content, .two-col-template .right-rail, .two-col-template .main-content, .two-col-right-rail-template .left-nav, .two-col-right-rail-template .main-content, .two-col-right-rail-template .right-rail, .two-col-right-rail-template .main-content, .rte-area .left-nav, .rte-area .main-content, .rte-area .right-rail, .rte-area .main-content, .otsc-wem-component .left-nav, .otsc-wem-component .main-content, .otsc-wem-component .right-rail, .otsc-wem-component .main-content {
  display: block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  float: left;
}
.three-col-template .mobile-only, .two-col-template .mobile-only, .two-col-right-rail-template .mobile-only, .rte-area .mobile-only, .otsc-wem-component .mobile-only {
  display: none;
}
.three-col-template .left-nav, .two-col-template .left-nav, .two-col-right-rail-template .left-nav, .rte-area .left-nav, .otsc-wem-component .left-nav {
  width: 18%;
  padding: 0 0 0 2.95652%;
  margin-top: 0.3em;
}
.three-col-template .left-nav h3, .two-col-template .left-nav h3, .two-col-right-rail-template .left-nav h3, .rte-area .left-nav h3, .otsc-wem-component .left-nav h3 {
  font-size: 1.05em;
  margin: 0.35em 0;
}
.three-col-template .left-nav h3 a, .two-col-template .left-nav h3 a, .two-col-right-rail-template .left-nav h3 a, .rte-area .left-nav h3 a, .otsc-wem-component .left-nav h3 a {
  color: #000;
}
.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 {
  text-decoration: none;
  color: #00a5d9;
}
.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 {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #f7f7f7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #f7f7f7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #f7f7f7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7',GradientType=0 );
  /* IE6-9 */
  border-top: 3px solid #53d5ff;
  margin: 0;
  list-style: none;
}
.three-col-template .left-nav ul li, .two-col-template .left-nav ul li, .two-col-right-rail-template .left-nav ul li, .rte-area .left-nav ul li, .otsc-wem-component .left-nav ul li {
  list-style: none;
  font-size: 0.875em;
  line-height: 1.4em;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 0;
}
.three-col-template .left-nav ul li a, .two-col-template .left-nav ul li a, .two-col-right-rail-template .left-nav ul li a, .rte-area .left-nav ul li a, .otsc-wem-component .left-nav ul li a {
  color: #666;
  padding: 0.65em 0.65em 0.5em 0.65em;
  display: block;
}
.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 {
  text-decoration: none;
  color: #00a5d9;
}
.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 {
  background: #fff;
  color: #00a5d9;
}
.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 {
  color: #00a5d9;
}
.three-col-template .left-nav ul li .sub-nav, .two-col-template .left-nav ul li .sub-nav, .two-col-right-rail-template .left-nav ul li .sub-nav, .rte-area .left-nav ul li .sub-nav, .otsc-wem-component .left-nav ul li .sub-nav {
  padding-left: 1em;
  margin-bottom: 0.5em;
  border: none;
  background: inherit;
}
.three-col-template .left-nav ul li .sub-nav li, .two-col-template .left-nav ul li .sub-nav li, .two-col-right-rail-template .left-nav ul li .sub-nav li, .rte-area .left-nav ul li .sub-nav li, .otsc-wem-component .left-nav ul li .sub-nav li {
  border: none;
  font-size: 0.9em;
  line-height: 1.35em;
  margin-bottom: 0.35em;
}
.three-col-template .left-nav ul li .sub-nav li.active, .two-col-template .left-nav ul li .sub-nav li.active, .two-col-right-rail-template .left-nav ul li .sub-nav li.active, .rte-area .left-nav ul li .sub-nav li.active, .otsc-wem-component .left-nav ul li .sub-nav li.active {
  color: #00a5d9;
  background: #fff !important;
}
.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 {
  padding-bottom: 0;
  color: #00a5d9;
}
.three-col-template .left-nav ul li .sub-nav li span, .two-col-template .left-nav ul li .sub-nav li span, .two-col-right-rail-template .left-nav ul li .sub-nav li span, .rte-area .left-nav ul li .sub-nav li span, .otsc-wem-component .left-nav ul li .sub-nav li span {
  color: #b8bbb8;
  font-size: 0.675em;
}
.three-col-template .left-nav ul li .sub-nav li a, .two-col-template .left-nav ul li .sub-nav li a, .two-col-right-rail-template .left-nav ul li .sub-nav li a, .rte-area .left-nav ul li .sub-nav li a, .otsc-wem-component .left-nav ul li .sub-nav li a {
  display: inline-block;
  padding: 0.2em 0 0.2em 0.5em;
  color: #666;
  background: inherit;
}
.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 {
  text-decoration: none;
  color: #00a5d9;
}
.three-col-template .right-rail, .two-col-template .right-rail, .two-col-right-rail-template .right-rail, .rte-area .right-rail, .otsc-wem-component .right-rail {
  padding: 0 0 0 3.304347%;
  margin-top: 0.5em;
}
.three-col-template .right-rail iframe.eloqua-form body, .two-col-template .right-rail iframe.eloqua-form body, .two-col-right-rail-template .right-rail iframe.eloqua-form body, .rte-area .right-rail iframe.eloqua-form body, .otsc-wem-component .right-rail iframe.eloqua-form body {
  background: transparent !important;
}
.three-col-template .sub-header, .two-col-template .sub-header, .two-col-right-rail-template .sub-header, .rte-area .sub-header, .otsc-wem-component .sub-header {
  color: #9c9c9c;
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.2em;
}
.three-col-template p.intro, .two-col-template p.intro, .two-col-right-rail-template p.intro, .rte-area p.intro, .otsc-wem-component p.intro {
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.2em;
}
.three-col-template p.small, .two-col-template p.small, .two-col-right-rail-template p.small, .rte-area p.small, .otsc-wem-component p.small {
  font-size: 0.875em;
  line-height: 1.7143;
  margin-bottom: 1.7143em;
}
.three-col-template a.download:hover span, .three-col-template a.watch:hover span, .three-col-template a.contact:hover span, .two-col-template a.download:hover span, .two-col-template a.watch:hover span, .two-col-template a.contact:hover span, .two-col-right-rail-template a.download:hover span, .two-col-right-rail-template a.watch:hover span, .two-col-right-rail-template a.contact:hover span, .rte-area a.download:hover span, .rte-area a.watch:hover span, .rte-area a.contact:hover span, .otsc-wem-component a.download:hover span, .otsc-wem-component a.watch:hover span, .otsc-wem-component a.contact:hover span {
  text-decroation: none;
}
.three-col-template ul, .two-col-template ul, .two-col-right-rail-template ul, .rte-area ul, .otsc-wem-component ul {
  list-style: disc outside;
  margin: 1em 0 1.5em 5.5%;
}
.three-col-template ul li, .two-col-template ul li, .two-col-right-rail-template ul li, .rte-area ul li, .otsc-wem-component ul li {
  list-style: disc outside;
  margin: 0.75em 0;
}
.three-col-template ul.pipelist, .two-col-template ul.pipelist, .two-col-right-rail-template ul.pipelist, .rte-area ul.pipelist, .otsc-wem-component ul.pipelist {
  list-style: none;
  margin: 0 0 1.5em 0;
}
.three-col-template ul.pipelist li, .two-col-template ul.pipelist li, .two-col-right-rail-template ul.pipelist li, .rte-area ul.pipelist li, .otsc-wem-component ul.pipelist li {
  list-style: none;
  display: inline;
  margin-right: 1em;
}
.three-col-template ul.pipelist li a span, .two-col-template ul.pipelist li a span, .two-col-right-rail-template ul.pipelist li a span, .rte-area ul.pipelist li a span, .otsc-wem-component ul.pipelist li a span {
  padding-right: 0.25em;
}
.three-col-template blockquote, .two-col-template blockquote, .two-col-right-rail-template blockquote, .rte-area blockquote, .otsc-wem-component blockquote {
  background: #D9F6FF;
  margin: 1.2em 0;
  padding: 0.15em 3%;
}
.three-col-template blockquote span.icon-quote-left, .two-col-template blockquote span.icon-quote-left, .two-col-right-rail-template blockquote span.icon-quote-left, .rte-area blockquote span.icon-quote-left, .otsc-wem-component blockquote span.icon-quote-left {
  margin-right: 0.5em;
}
.three-col-template blockquote span.icon-quote-right, .two-col-template blockquote span.icon-quote-right, .two-col-right-rail-template blockquote span.icon-quote-right, .rte-area blockquote span.icon-quote-right, .otsc-wem-component blockquote span.icon-quote-right {
  margin-left: 0.5em;
}
.three-col-template blockquote p.attribute, .two-col-template blockquote p.attribute, .two-col-right-rail-template blockquote p.attribute, .rte-area blockquote p.attribute, .otsc-wem-component blockquote p.attribute {
  font-size: 0.875em;
}
.three-col-template button, .three-col-template input[type="button"], .three-col-template input[type="reset"], .three-col-template input[type="submit"], .two-col-template button, .two-col-template input[type="button"], .two-col-template input[type="reset"], .two-col-template input[type="submit"], .two-col-right-rail-template button, .two-col-right-rail-template input[type="button"], .two-col-right-rail-template input[type="reset"], .two-col-right-rail-template input[type="submit"], .rte-area button, .rte-area input[type="button"], .rte-area input[type="reset"], .rte-area input[type="submit"], .otsc-wem-component button, .otsc-wem-component input[type="button"], .otsc-wem-component input[type="reset"], .otsc-wem-component input[type="submit"] {
  background: #53d5ff;
  border: none;
  padding: 0.65em 1em 0.55em;
  font-size: 0.875em;
  color: #000;
}
.three-col-template button:hover, .three-col-template input[type="button"]:hover, .three-col-template input[type="reset"]:hover, .three-col-template input[type="submit"]:hover, .two-col-template button:hover, .two-col-template input[type="button"]:hover, .two-col-template input[type="reset"]:hover, .two-col-template input[type="submit"]:hover, .two-col-right-rail-template button:hover, .two-col-right-rail-template input[type="button"]:hover, .two-col-right-rail-template input[type="reset"]:hover, .two-col-right-rail-template input[type="submit"]:hover, .rte-area button:hover, .rte-area input[type="button"]:hover, .rte-area input[type="reset"]:hover, .rte-area input[type="submit"]:hover, .otsc-wem-component button:hover, .otsc-wem-component input[type="button"]:hover, .otsc-wem-component input[type="reset"]:hover, .otsc-wem-component input[type="submit"]:hover {
  color: #53d5ff;
  background: #000;
}
.three-col-template video, .two-col-template video, .two-col-right-rail-template video, .rte-area video, .otsc-wem-component video {
  background: #000;
  color: #eee;
  font-size: 0.875em;
  line-height: 1.275em;
  padding: 0.5em;
  margin-bottom: 1.5em;
}
.three-col-template object, .three-col-template embed, .three-col-template iframe, .three-col-template video, .two-col-template object, .two-col-template embed, .two-col-template iframe, .two-col-template video, .two-col-right-rail-template object, .two-col-right-rail-template embed, .two-col-right-rail-template iframe, .two-col-right-rail-template video, .rte-area object, .rte-area embed, .rte-area iframe, .rte-area video, .otsc-wem-component object, .otsc-wem-component embed, .otsc-wem-component iframe, .otsc-wem-component video {
  max-width: 100%;
}
.three-col-template .callout, .two-col-template .callout, .two-col-right-rail-template .callout, .rte-area .callout, .otsc-wem-component .callout {
  margin: 1.75em 0;
}
.three-col-template .callout h3, .two-col-template .callout h3, .two-col-right-rail-template .callout h3, .rte-area .callout h3, .otsc-wem-component .callout h3 {
  font-size: 1em;
}
.three-col-template .callout h4, .two-col-template .callout h4, .two-col-right-rail-template .callout h4, .rte-area .callout h4, .otsc-wem-component .callout h4 {
  font-size: 1em;
}
.three-col-template .callout li, .two-col-template .callout li, .two-col-right-rail-template .callout li, .rte-area .callout li, .otsc-wem-component .callout li {
  margin: 0.5em 0;
}
.three-col-template .ot-press-releases, .two-col-template .ot-press-releases, .two-col-right-rail-template .ot-press-releases, .rte-area .ot-press-releases, .otsc-wem-component .ot-press-releases {
  margin-bottom: 1.5em;
}
.three-col-template .ot-press-releases h3, .two-col-template .ot-press-releases h3, .two-col-right-rail-template .ot-press-releases h3, .rte-area .ot-press-releases h3, .otsc-wem-component .ot-press-releases h3 {
  border-top: 1px solid #ccc;
  clear: left;
  padding-top: 0.9583334em;
}
.three-col-template .view-by, .two-col-template .view-by, .two-col-right-rail-template .view-by, .rte-area .view-by, .otsc-wem-component .view-by {
  background: #D9F6FF;
  padding: 0.65em 0.65em 0.65em 0.75em;
  overflow: auto;
  display: table;
  margin-bottom: 1em;
}
.three-col-template .view-by h3, .two-col-template .view-by h3, .two-col-right-rail-template .view-by h3, .rte-area .view-by h3, .otsc-wem-component .view-by h3 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
  width: 12em;
}
.three-col-template .view-by form, .two-col-template .view-by form, .two-col-right-rail-template .view-by form, .rte-area .view-by form, .otsc-wem-component .view-by form {
  display: table-cell;
  vertical-align: middle;
}
.three-col-template .view-by form ul, .two-col-template .view-by form ul, .two-col-right-rail-template .view-by form ul, .rte-area .view-by form ul, .otsc-wem-component .view-by form ul {
  list-style: none;
  display: table-cell;
  vertical-align: middle;
}
.three-col-template .view-by form ul li, .two-col-template .view-by form ul li, .two-col-right-rail-template .view-by form ul li, .rte-area .view-by form ul li, .otsc-wem-component .view-by form ul li {
  list-style: none;
  margin: 0 1em 0 0;
  display: inline;
}
.three-col-template .view-by form ul li label, .three-col-template .view-by form ul li select, .two-col-template .view-by form ul li label, .two-col-template .view-by form ul li select, .two-col-right-rail-template .view-by form ul li label, .two-col-right-rail-template .view-by form ul li select, .rte-area .view-by form ul li label, .rte-area .view-by form ul li select, .otsc-wem-component .view-by form ul li label, .otsc-wem-component .view-by form ul li select {
  margin-right: 0.5em;
}
.three-col-template .view-by form .buttons, .two-col-template .view-by form .buttons, .two-col-right-rail-template .view-by form .buttons, .rte-area .view-by form .buttons, .otsc-wem-component .view-by form .buttons {
  display: table-cell;
  vertical-align: middle;
}
.three-col-template .view-by + p, .two-col-template .view-by + p, .two-col-right-rail-template .view-by + p, .rte-area .view-by + p, .otsc-wem-component .view-by + p {
  margin: 0;
}
.three-col-template .paging, .two-col-template .paging, .two-col-right-rail-template .paging, .rte-area .paging, .otsc-wem-component .paging {
  overflow: auto;
  border-top: 1px solid #ccc;
  padding-top: 0.5em;
}
.three-col-template .paging-showing, .two-col-template .paging-showing, .two-col-right-rail-template .paging-showing, .rte-area .paging-showing, .otsc-wem-component .paging-showing {
  margin-bottom: 1.25em;
  float: left;
}
.three-col-template .paging-list, .two-col-template .paging-list, .two-col-right-rail-template .paging-list, .rte-area .paging-list, .otsc-wem-component .paging-list {
  float: right;
}
.three-col-template .paging-list span.here, .two-col-template .paging-list span.here, .two-col-right-rail-template .paging-list span.here, .rte-area .paging-list span.here, .otsc-wem-component .paging-list span.here {
  background: #53d5ff;
  padding: 0.2em 0.5em;
  font-weight: 700;
}
.three-col-template .paging-list a, .two-col-template .paging-list a, .two-col-right-rail-template .paging-list a, .rte-area .paging-list a, .otsc-wem-component .paging-list a {
  color: #000;
  padding: 0 0.5em;
}
.three-col-template .paging-list a:hover, .two-col-template .paging-list a:hover, .two-col-right-rail-template .paging-list a:hover, .rte-area .paging-list a:hover, .otsc-wem-component .paging-list a:hover {
  color: #53d5ff;
  background: #000;
  padding: 0.2em 0.5em;
  text-decoration: none;
}
.three-col-template .paging-list a.next, .two-col-template .paging-list a.next, .two-col-right-rail-template .paging-list a.next, .rte-area .paging-list a.next, .otsc-wem-component .paging-list a.next {
  padding: 0 0 0 0.5em;
  font-size: 0.875em;
  text-transform: uppercase;
}
.three-col-template .paging-list a.next:hover, .two-col-template .paging-list a.next:hover, .two-col-right-rail-template .paging-list a.next:hover, .rte-area .paging-list a.next:hover, .otsc-wem-component .paging-list a.next:hover {
  padding: 0 0 0 0.5em;
  color: #00a5d9;
  background: transparent;
  text-decoration: underline;
}
.three-col-template .results-list, .two-col-template .results-list, .two-col-right-rail-template .results-list, .rte-area .results-list, .otsc-wem-component .results-list {
  list-style: none;
  margin-left: 0;
  margin-top: 0;
}
.three-col-template .results-list li, .two-col-template .results-list li, .two-col-right-rail-template .results-list li, .rte-area .results-list li, .otsc-wem-component .results-list li {
  list-style: none;
}
.three-col-template .results-list li p.date, .two-col-template .results-list li p.date, .two-col-right-rail-template .results-list li p.date, .rte-area .results-list li p.date, .otsc-wem-component .results-list li p.date {
  color: #777777;
  font-size: 0.875em;
  line-height: 1.7143;
  margin: 0;
}
.three-col-template .results-list li h4, .two-col-template .results-list li h4, .two-col-right-rail-template .results-list li h4, .rte-area .results-list li h4, .otsc-wem-component .results-list li h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.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 {
  width: 100%;
  border-bottom: 3px solid #53d5ff;
  float: left;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.three-col-template ul.tabs2 li, .two-col-template ul.tabs2 li, .two-col-right-rail-template ul.tabs2 li, .rte-area ul.tabs2 li, .otsc-wem-component ul.tabs2 li {
  background: #9c9c9c;
  list-style: none;
  padding: 0.45em 1em;
  margin: 0 1px 2px 0;
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: 700;
  overflow: visible;
  position: relative;
  color: #000;
  cursor: pointer;
}
.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: #53d5ff;
}
.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 {
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #53d5ff;
  position: absolute;
  left: 41%;
  bottom: -12px;
}
.three-col-template ul.tabs2 .controls, .two-col-template ul.tabs2 .controls, .two-col-right-rail-template ul.tabs2 .controls, .rte-area ul.tabs2 .controls, .otsc-wem-component ul.tabs2 .controls {
  display: none;
  position: absolute;
  background: #000;
  color: #fff;
  z-index: 2;
}
.three-col-template ul.tabs2 .controls.left, .two-col-template ul.tabs2 .controls.left, .two-col-right-rail-template ul.tabs2 .controls.left, .rte-area ul.tabs2 .controls.left, .otsc-wem-component ul.tabs2 .controls.left {
  left: 0;
  top: 0;
}
.three-col-template ul.tabs2 .controls.right, .two-col-template ul.tabs2 .controls.right, .two-col-right-rail-template ul.tabs2 .controls.right, .rte-area ul.tabs2 .controls.right, .otsc-wem-component ul.tabs2 .controls.right {
  top: 0;
  right: 0;
}
.three-col-template .tabs2-container, .two-col-template .tabs2-container, .two-col-right-rail-template .tabs2-container, .rte-area .tabs2-container, .otsc-wem-component .tabs2-container {
  clear: both;
  width: 100%;
}
.three-col-template .section-break, .two-col-template .section-break, .two-col-right-rail-template .section-break, .rte-area .section-break, .otsc-wem-component .section-break {
  border-bottom: 1px solid #adb1ad;
  overflow: hidden;
  margin-bottom: 0.5em;
}
.three-col-template .section-break ul, .two-col-template .section-break ul, .two-col-right-rail-template .section-break ul, .rte-area .section-break ul, .otsc-wem-component .section-break ul {
  margin: 0 0 1em 0;
  overflow: hidden;
}
.three-col-template .section-break ul li, .two-col-template .section-break ul li, .two-col-right-rail-template .section-break ul li, .rte-area .section-break ul li, .otsc-wem-component .section-break ul li {
  list-style: none;
  float: left;
  width: 50%;
  margin: 0 0 0.3em 0;
}
.three-col-template .section-break ul li .icon-notch-arrow-skinny-right, .two-col-template .section-break ul li .icon-notch-arrow-skinny-right, .two-col-right-rail-template .section-break ul li .icon-notch-arrow-skinny-right, .rte-area .section-break ul li .icon-notch-arrow-skinny-right, .otsc-wem-component .section-break ul li .icon-notch-arrow-skinny-right {
  color: #adb1ad;
  font-size: 0.6em;
  padding: 0 0.75em 0 0;
}

.otsc-wem-component .left-nav {
  width: 100%;
  padding-left: 0;
}

/*--------- DESKTOP ---------*/
/* .three-col-template .left-nav ul li .sub-nav li a, .two-col-template .left-nav ul li .sub-nav li a, .rte-area .left-nav ul li .sub-nav li a*/
@media screen and (min-width: 720px) {
  .three-col-template .left-nav ul li .sub-nav li, .two-col-template .left-nav ul li .sub-nav li, .rte-area .left-nav ul li .sub-nav li {
    zoom: 1;
  }
  .three-col-template .left-nav ul li .sub-nav li:before, .three-col-template .left-nav ul li .sub-nav li:after, .two-col-template .left-nav ul li .sub-nav li:before, .two-col-template .left-nav ul li .sub-nav li:after, .rte-area .left-nav ul li .sub-nav li:before, .rte-area .left-nav ul li .sub-nav li:after {
    display: table;
    content: "";
    zoom: 1;
  }
  .three-col-template .left-nav ul li .sub-nav li:after, .two-col-template .left-nav ul li .sub-nav li:after, .rte-area .left-nav ul li .sub-nav li:after {
    clear: both;
  }
  .three-col-template .left-nav ul li .sub-nav li span, .two-col-template .left-nav ul li .sub-nav li span, .rte-area .left-nav ul li .sub-nav li span {
    float: left;
    margin-top: 0.75em;
  }
  .three-col-template .left-nav ul li .sub-nav li a, .two-col-template .left-nav ul li .sub-nav li a, .rte-area .left-nav ul li .sub-nav li a {
    display: block;
    float: left;
    max-width: 92%;
  }

  .three-col-template ul.tabs2 li, .two-col-template ul.tabs2 li, .two-col-right-rail-template ul.tabs2 li, .rte-area ul.tabs2 li, .otsc-wem-component ul.tabs2 li {
    float: left;
    margin-bottom: 0;
  }
}
/*------- TABLET --------*/
@media screen and (max-width: 967px) {
  .responsive .three-col-template, .responsive .two-col-template, .responsive .two-col-right-rail-template, .responsive .rte-area {
    padding: 0.5em 0 0 0 !important;
  }
  .responsive .three-col-template .no-mobile, .responsive .two-col-template .no-mobile, .responsive .two-col-right-rail-template .no-mobile, .responsive .rte-area .no-mobile {
    display: block;
  }
  .responsive .three-col-template .main-content, .responsive .two-col-template .main-content, .responsive .two-col-right-rail-template .main-content, .responsive .rte-area .main-content {
    width: 65.625%;
    padding: 0 0 0 4.03645%;
    margin-bottom: 2em;
  }
  .responsive .three-col-template .right-rail, .responsive .two-col-template .right-rail, .responsive .two-col-right-rail-template .right-rail, .responsive .rte-area .right-rail {
    clear: both;
    width: 94%;
    padding: 0 3%;
    background: #eee;
  }
  .responsive .three-col-template .left-nav, .responsive .two-col-template .left-nav, .responsive .two-col-right-rail-template .left-nav, .responsive .rte-area .left-nav {
    width: 24.609375%;
  }
  .responsive .two-col-right-rail-template .main-content {
    padding: 0 0 0 2.95652%;
    width: 62.625%;
  }
  .responsive .two-col-right-rail-template .right-rail {
    clear: none;
    width: 27.609375%;
    padding: 0 0 0 4.03645%;
    background: transparent;
    border-top: none;
  }
  .responsive .two-col-right-rail-template .right-rail .module {
    margin: 0 0 1.5em 0;
    padding: 0 0 1.25em 0;
    clear: both;
    width: auto;
    border-bottom: 1px solid #d5d5d5;
    float: none;
  }
  .responsive .two-col-right-rail-template .right-rail .module.right-rail-form {
    background-color: #D9F6FF;
    padding: 1em 1em 0.75em 1em;
    border-bottom: none;
  }
  .responsive .two-col-right-rail-template .right-rail .module.right-rail-form h3 {
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight: 700;
    text-transform: none;
  }
}
/*--------- MOBILE ---------*/
@media screen and (max-width: 719px) {
  .responsive .three-col-template, .responsive .two-col-template, .responsive .two-col-right-rail-template, .responsive .rte-area {
    padding: 0 !important;
    /* FOR PRESS RELEASE LANDING */
  }
  .responsive .three-col-template .mobile-only, .responsive .two-col-template .mobile-only, .responsive .two-col-right-rail-template .mobile-only, .responsive .rte-area .mobile-only {
    display: block;
  }
  .responsive .three-col-template .no-mobile, .responsive .two-col-template .no-mobile, .responsive .two-col-right-rail-template .no-mobile, .responsive .rte-area .no-mobile {
    display: none;
  }
  .responsive .three-col-template .main-content, .responsive .two-col-template .main-content, .responsive .two-col-right-rail-template .main-content, .responsive .rte-area .main-content {
    width: 94.08696%;
    padding: 0 0 0 2.95652% !important;
  }
  .responsive .three-col-template .left-nav, .responsive .two-col-template .left-nav, .responsive .two-col-right-rail-template .left-nav, .responsive .rte-area .left-nav {
    width: 94.08696%;
    padding: 0 0 0 2.95652%;
    margin-bottom: 1.5em;
  }
  .responsive .three-col-template .left-nav h3, .responsive .two-col-template .left-nav h3, .responsive .two-col-right-rail-template .left-nav h3, .responsive .rte-area .left-nav h3 {
    background: #eee;
    padding: 0.35em 0.5em;
    margin: 0;
  }
  .responsive .three-col-template .left-nav h3 a, .responsive .two-col-template .left-nav h3 a, .responsive .two-col-right-rail-template .left-nav h3 a, .responsive .rte-area .left-nav h3 a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .responsive .three-col-template .left-nav a h3, .responsive .two-col-template .left-nav a h3, .responsive .two-col-right-rail-template .left-nav a h3, .responsive .rte-area .left-nav a h3 {
    background: #dbdbdb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #eeeeee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #eeeeee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #eeeeee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 0%, #eeeeee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%, #eeeeee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%, #eeeeee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#eeeeee',GradientType=0 );
    /* IE6-9 */
    border: 1px solid #ccc;
    margin: 0.35em 0 0;
    padding: 0.35em 0.5em;
    font-size: 1.125em;
    color: #444;
  }
  .responsive .three-col-template .left-nav a h3 span, .responsive .two-col-template .left-nav a h3 span, .responsive .two-col-right-rail-template .left-nav a h3 span, .responsive .rte-area .left-nav a h3 span {
    float: right;
    font-size: 1.25em;
    position: relative;
    top: 2px;
  }
  .responsive .three-col-template .left-nav a h3 span.icon-close, .responsive .two-col-template .left-nav a h3 span.icon-close, .responsive .two-col-right-rail-template .left-nav a h3 span.icon-close, .responsive .rte-area .left-nav a h3 span.icon-close {
    display: none;
  }
  .responsive .three-col-template .left-nav a:hover, .responsive .two-col-template .left-nav a:hover, .responsive .two-col-right-rail-template .left-nav a:hover, .responsive .rte-area .left-nav a:hover {
    text-decoration: none;
  }
  .responsive .three-col-template .left-nav a.active h3, .responsive .two-col-template .left-nav a.active h3, .responsive .two-col-right-rail-template .left-nav a.active h3, .responsive .rte-area .left-nav a.active h3 {
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dbdbdb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #dbdbdb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbdbdb',GradientType=0 );
    /* IE6-9 */
  }
  .responsive .three-col-template .left-nav a.active h3 span.icon-menu, .responsive .two-col-template .left-nav a.active h3 span.icon-menu, .responsive .two-col-right-rail-template .left-nav a.active h3 span.icon-menu, .responsive .rte-area .left-nav a.active h3 span.icon-menu {
    display: none;
  }
  .responsive .three-col-template .left-nav a.active h3 span.icon-close, .responsive .two-col-template .left-nav a.active h3 span.icon-close, .responsive .two-col-right-rail-template .left-nav a.active h3 span.icon-close, .responsive .rte-area .left-nav a.active h3 span.icon-close {
    display: block;
    font-size: 0.9em;
    top: 6px;
  }
  .responsive .three-col-template .left-nav ul, .responsive .two-col-template .left-nav ul, .responsive .two-col-right-rail-template .left-nav ul, .responsive .rte-area .left-nav ul {
    border-bottom: 3px solid #53d5ff;
  }
  .responsive .three-col-template .left-nav ul li, .responsive .two-col-template .left-nav ul li, .responsive .two-col-right-rail-template .left-nav ul li, .responsive .rte-area .left-nav ul li {
    font-size: 1em;
  }
  .responsive .three-col-template .left-nav .hidden-list, .responsive .two-col-template .left-nav .hidden-list, .responsive .two-col-right-rail-template .left-nav .hidden-list, .responsive .rte-area .left-nav .hidden-list {
    display: none;
  }
  .responsive .three-col-template .left-nav .hidden-list.active, .responsive .two-col-template .left-nav .hidden-list.active, .responsive .two-col-right-rail-template .left-nav .hidden-list.active, .responsive .rte-area .left-nav .hidden-list.active {
    display: block;
  }
  .responsive .three-col-template .right-rail .module, .responsive .two-col-template .right-rail .module, .responsive .two-col-right-rail-template .right-rail .module, .responsive .rte-area .right-rail .module {
    clear: both;
    width: 100%;
    padding: 0 0 1em 0;
    margin-right: 0;
    border-bottom: 1px solid #ccc;
    display: block;
    overflow: auto;
  }
  .responsive .three-col-template .right-rail .module.last, .responsive .two-col-template .right-rail .module.last, .responsive .two-col-right-rail-template .right-rail .module.last, .responsive .rte-area .right-rail .module.last {
    border-bottom: none;
  }
  .responsive .three-col-template .right-rail h2, .responsive .two-col-template .right-rail h2, .responsive .two-col-right-rail-template .right-rail h2, .responsive .rte-area .right-rail h2 {
    font-size: 1em;
  }
  .responsive .three-col-template .right-rail h3, .responsive .two-col-template .right-rail h3, .responsive .two-col-right-rail-template .right-rail h3, .responsive .rte-area .right-rail h3 {
    font-size: 1em;
  }
  .responsive .three-col-template .right-rail p, .responsive .two-col-template .right-rail p, .responsive .two-col-right-rail-template .right-rail p, .responsive .rte-area .right-rail p {
    font-size: 1em;
  }
  .responsive .three-col-template .right-rail ul li, .responsive .two-col-template .right-rail ul li, .responsive .two-col-right-rail-template .right-rail ul li, .responsive .rte-area .right-rail ul li {
    margin: 0.5em 0;
    font-size: 1em;
  }
  .responsive .three-col-template h1, .responsive .two-col-template h1, .responsive .two-col-right-rail-template h1, .responsive .rte-area h1 {
    font-size: 2em;
    line-height: 1.1em;
  }
  .responsive .three-col-template h2, .responsive .two-col-template h2, .responsive .two-col-right-rail-template h2, .responsive .rte-area h2 {
    font-size: 1.75em;
  }
  .responsive .three-col-template h3, .responsive .two-col-template h3, .responsive .two-col-right-rail-template h3, .responsive .rte-area h3 {
    font-size: 1.5em;
  }
  .responsive .three-col-template h4, .responsive .two-col-template h4, .responsive .two-col-right-rail-template h4, .responsive .rte-area h4 {
    font-size: 1.3em;
  }
  .responsive .three-col-template p .intro, .responsive .two-col-template p .intro, .responsive .two-col-right-rail-template p .intro, .responsive .rte-area p .intro {
    font-size: 1.25em;
  }
  .responsive .three-col-template ul li, .responsive .two-col-template ul li, .responsive .two-col-right-rail-template ul li, .responsive .rte-area ul li {
    font-size: 1.125em;
  }
  .responsive .three-col-template blockquote p.attribute, .responsive .two-col-template blockquote p.attribute, .responsive .two-col-right-rail-template blockquote p.attribute, .responsive .rte-area blockquote p.attribute {
    font-size: 0.937em;
  }
  .responsive .three-col-template table th, .responsive .three-col-template table td, .responsive .two-col-template table th, .responsive .two-col-template table td, .responsive .two-col-right-rail-template table th, .responsive .two-col-right-rail-template table td, .responsive .rte-area table th, .responsive .rte-area table td {
    font-size: 1em;
  }
  .responsive .three-col-template button, .responsive .three-col-template input[type="button"], .responsive .three-col-template input[type="reset"], .responsive .three-col-template input[type="submit"], .responsive .two-col-template button, .responsive .two-col-template input[type="button"], .responsive .two-col-template input[type="reset"], .responsive .two-col-template input[type="submit"], .responsive .two-col-right-rail-template button, .responsive .two-col-right-rail-template input[type="button"], .responsive .two-col-right-rail-template input[type="reset"], .responsive .two-col-right-rail-template input[type="submit"], .responsive .rte-area button, .responsive .rte-area input[type="button"], .responsive .rte-area input[type="reset"], .responsive .rte-area input[type="submit"] {
    padding: 0.65em 1em 0.75em;
    font-size: 1em;
  }
  .responsive .three-col-template .callout h3, .responsive .two-col-template .callout h3, .responsive .two-col-right-rail-template .callout h3, .responsive .rte-area .callout h3 {
    font-size: 1.125em;
  }
  .responsive .three-col-template .callout h4, .responsive .two-col-template .callout h4, .responsive .two-col-right-rail-template .callout h4, .responsive .rte-area .callout h4 {
    font-size: 1.05em;
  }
  .responsive .three-col-template .callout li, .responsive .two-col-template .callout li, .responsive .two-col-right-rail-template .callout li, .responsive .rte-area .callout li {
    margin: 0.75em 0;
  }
  .responsive .three-col-template .view-by, .responsive .two-col-template .view-by, .responsive .two-col-right-rail-template .view-by, .responsive .rte-area .view-by {
    display: block;
  }
  .responsive .three-col-template .view-by h3, .responsive .two-col-template .view-by h3, .responsive .two-col-right-rail-template .view-by h3, .responsive .rte-area .view-by h3 {
    display: block;
    font-size: 1.125em;
  }
  .responsive .three-col-template .view-by form, .responsive .two-col-template .view-by form, .responsive .two-col-right-rail-template .view-by form, .responsive .rte-area .view-by form {
    display: table;
  }
  .responsive .three-col-template .ot-press-releases, .responsive .two-col-template .ot-press-releases, .responsive .two-col-right-rail-template .ot-press-releases, .responsive .rte-area .ot-press-releases {
    margin-top: 1em;
  }
  .responsive .three-col-template .results-list p.date, .responsive .two-col-template .results-list p.date, .responsive .two-col-right-rail-template .results-list p.date, .responsive .rte-area .results-list p.date {
    font-size: 1em;
  }
  .responsive .three-col-template .results-list h4, .responsive .two-col-template .results-list h4, .responsive .two-col-right-rail-template .results-list h4, .responsive .rte-area .results-list h4 {
    font-size: 1.125em;
  }
  .responsive .three-col-template .paging-showing, .responsive .two-col-template .paging-showing, .responsive .two-col-right-rail-template .paging-showing, .responsive .rte-area .paging-showing {
    font-size: 1.125em;
    line-height: 1.45em;
    float: none;
    margin-bottom: 0.5em;
  }
  .responsive .three-col-template .paging-list, .responsive .two-col-template .paging-list, .responsive .two-col-right-rail-template .paging-list, .responsive .rte-area .paging-list {
    float: none;
    font-size: 1.125em;
    line-height: 1.5em;
  }
  .responsive .three-col-template .paging-list span.here, .responsive .three-col-template .paging-list a, .responsive .two-col-template .paging-list span.here, .responsive .two-col-template .paging-list a, .responsive .two-col-right-rail-template .paging-list span.here, .responsive .two-col-right-rail-template .paging-list a, .responsive .rte-area .paging-list span.here, .responsive .rte-area .paging-list a {
    margin: 0 0.75em;
  }
  .responsive .three-col-template .paging-list span.here:first-child, .responsive .three-col-template .paging-list a:first-child, .responsive .two-col-template .paging-list span.here:first-child, .responsive .two-col-template .paging-list a:first-child, .responsive .two-col-right-rail-template .paging-list span.here:first-child, .responsive .two-col-right-rail-template .paging-list a:first-child, .responsive .rte-area .paging-list span.here:first-child, .responsive .rte-area .paging-list a:first-child {
    margin: 0 0.75em 0 0;
  }
  .responsive .three-col-template .paging-list span.here.next, .responsive .three-col-template .paging-list a.next, .responsive .two-col-template .paging-list span.here.next, .responsive .two-col-template .paging-list a.next, .responsive .two-col-right-rail-template .paging-list span.here.next, .responsive .two-col-right-rail-template .paging-list a.next, .responsive .rte-area .paging-list span.here.next, .responsive .rte-area .paging-list a.next {
    float: right;
  }
  .responsive .three-col-template .paging-list + span.here, .responsive .two-col-template .paging-list + span.here, .responsive .two-col-right-rail-template .paging-list + span.here, .responsive .rte-area .paging-list + span.here {
    margin: 0 0.75em 0 0;
  }
  .responsive .two-col-right-rail-template .main-content {
    width: 94.08696% !important;
  }
  .responsive .two-col-right-rail-template .right-rail {
    clear: both;
    width: 94% !important;
    padding: 1.5em 3% 0;
    background: #eee;
    border-top: 1px solid #ccc;
  }
  .responsive .two-col-right-rail-template .right-rail .right-rail-form {
    display: none;
  }
  .responsive .two-col-right-rail-template .right-rail .module.eloqua-wrapper {
    background: transparent;
  }
  .responsive .two-col-right-rail-template .right-rail .module.eloqua-wrapper p {
    color: #000;
  }
}
/* END two col three col Styles Styles (-two_col_three_col.scss) */
/* ----------------------
 * HEADER Base Styles
 -- */
header {
  height: 45px;
  z-index: 100;
}
header .content-wrap {
  overflow: visible;
}
header .mobile-nav-button, header .mobile-search-button {
  display: none;
}
header .mobile-nav-button span, header .mobile-search-button span {
  display: none;
}
header a {
  color: #ccc;
}
header a:visited {
  color: #ccc;
}

/* ----------------------
 * HEADER Base Styles
 -- */
header {
  position: absolute;
  width: 100%;
  height: 115px;
  background: rgba(0, 0, 0, 0.47);
}
header .top-nav {
  opacity: 1;
  height: 65px;
}
header .top-nav .content-wrap {
  width: 94%;
  padding: 0 2.9%;
  max-width: 1081px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
header .top-nav ul {
  float: right;
}
header .top-nav .logo {
  padding: 22px 0 0 0;
  float: left;
}

/* ----------------------
 * HEADER mobile Styles
 -- */
@media screen and (min-width: 720px) and (max-width: 967px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .responsive header.ot {
    height: 72px;
  }
  .responsive header.ot .mobile-nav-button, .responsive header.ot .mobile-search-button {
    display: block;
    text-indent: 0;
    position: absolute;
    text-transform: uppercase;
    font-size: 0.9em;
    background: rgba(0, 0, 0, 0.3);
    /*used to be .47 */
    padding: 5px 10px;
    text-decoration: none;
  }
  .responsive header.ot .mobile-nav-button span, .responsive header.ot .mobile-search-button span {
    display: inline;
  }
  .responsive header.ot .mobile-nav-button .icon-menu, .responsive header.ot .mobile-nav-button .icon-search, .responsive header.ot .mobile-search-button .icon-menu, .responsive header.ot .mobile-search-button .icon-search {
    color: #ccc;
    padding-left: 5px;
    font-size: 1.21em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
  }
  .responsive header.ot .mobile-nav-button .icon-close, .responsive header.ot .mobile-search-button .icon-close {
    display: none;
    padding-left: 8px;
    vertical-align: middle;
    margin-top: -4px;
  }
  .responsive header.ot .mobile-nav-button.active .icon-close, .responsive header.ot .mobile-search-button.active .icon-close {
    display: inline-block;
  }
  .responsive header.ot .mobile-nav-button.active .icon-menu, .responsive header.ot .mobile-nav-button.active .icon-search, .responsive header.ot .mobile-search-button.active .icon-menu, .responsive header.ot .mobile-search-button.active .icon-search {
    display: none;
  }
  .responsive header.ot .mobile-nav-button {
    right: 1em;
    top: 18px;
  }
  .responsive header.ot .mobile-nav-button:hover {
    background-color: #1cd0fe;
    color: #000;
  }
  .responsive header.ot .mobile-nav-button:hover .icon-menu {
    color: #000;
  }
  .responsive header.ot .mobile-nav-button.active {
    background-color: #1cd0fe;
    color: #000;
  }
  .responsive header.ot .mobile-search-button {
    right: 7.7em;
    top: 18px;
  }
  .responsive header.ot .mobile-search-button:hover {
    background-color: #1cd0fe;
    color: #000;
  }
  .responsive header.ot .mobile-search-button:hover .icon-search {
    color: #000;
  }
  .responsive header.ot .mobile-search-button.active {
    background-color: #1cd0fe;
    color: #000;
  }
  .responsive header.ot .search {
    width: 40%;
  }
  .responsive header.ot.campaign {
    height: 115px;
  }
  .responsive header.ot.campaign .mobile-nav-button, .responsive header.ot.campaign .mobile-search-button {
    display: none;
  }
}
/* ----------------------
 * HEADER mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive header {
    position: static !important;
    background: black !important;
    height: 72px;
  }
  .responsive header .mobile-nav-button, .responsive header .mobile-search-button {
    display: block;
    position: relative;
    float: right;
    top: 15px;
    width: 42px;
    height: 42px;
  }
  .responsive header .mobile-nav-button span, .responsive header .mobile-search-button span {
    display: none;
  }
  .responsive header .mobile-nav-button .icon-menu, .responsive header .mobile-search-button .icon-menu {
    display: block;
    font-size: 1.45em;
    padding: 9px 0 0 10px;
    color: #fff;
  }
  .responsive header .mobile-nav-button .icon-search, .responsive header .mobile-search-button .icon-search {
    display: block;
    font-size: 1.15em;
    padding: 12px 0 0 12px;
    color: #fff;
  }
  .responsive header .mobile-nav-button.active, .responsive header .mobile-search-button.active {
    background: #1cd0fe;
  }
  .responsive header .mobile-nav-button.active .icon-close, .responsive header .mobile-search-button.active .icon-close {
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    color: #000;
  }
  .responsive header .mobile-nav-button.active .icon-menu, .responsive header .mobile-search-button.active .icon-menu {
    display: none;
  }
  .responsive header .mobile-nav-button {
    right: 3%;
  }
  .responsive header .mobile-search-button {
    right: 5%;
  }
  .responsive header .mobile-search-button.active {
    background: #53d5ff;
  }
  .responsive header .mobile-search-button.active .icon-search {
    display: none;
  }
  .responsive header .main-header-nav {
    margin-top: -9px;
  }
  .responsive header .top-nav .logo {
    margin: 0;
    padding: 1.5em 0 0 0;
    position: static;
    height: 21px;
  }
}
/* HEADER-STYLES */
/* ----------------------
 * MODULE-NAME Base Styles
 -- */
footer {
  background: #000;
  color: #fff;
  overflow: hidden;
  padding: 1.5em 0 1em;
}
footer p {
  font-size: 0.875em;
  line-height: 1.7143em;
  margin-bottom: 1.7143em;
}
footer a {
  color: #9c9c9c;
}
footer a:hover {
  color: #fff;
}
footer.col-1 .footer .content-wrap {
  padding: 0;
}

.trailer {
  background: #000;
  color: #fff;
  padding: 1.5em 0 0;
  overflow: hidden;
  width: 94%;
  margin: 0 auto;
  /* Campaign Trailer Styles */
  /* END */
}
.trailer ul {
  margin-top: 0.65em;
}
.trailer ul li {
  line-height: 1.37em;
  margin-bottom: 0.65em;
  color: #ccc;
  font-size: 0.8125em;
}
.trailer ul li a {
  color: #ccc;
}
.trailer ul li a:hover {
  color: #fff;
}
.trailer h3 {
  font-size: 0.875em;
  line-height: 1.214em;
  color: #fff;
  text-transform: uppercase;
}
.trailer .contact-us h3 {
  color: #00a5d9;
}
.trailer .info-experts h3 span {
  color: #fff;
  margin-bottom: 1em;
  text-transform: none;
}
.trailer .info-experts p {
  font-size: 0.8125em;
  line-height: 1.307em;
}
.trailer .more-link {
  font-size: 0.85em;
}
.trailer .upcoming-events h4 {
  margin-bottom: 0;
}
.trailer .campaign-contact-us h4 {
  font-size: 0.8125em;
  padding-bottom: 0;
  margin-bottom: 0;
}
.trailer .campaign-contact-us ul {
  margin-top: 0;
  margin-bottom: 15px;
}
.trailer .campaign-contact-us li {
  margin-bottom: 0;
}
.trailer .col-1-5:first-child {
  padding-left: 0;
}

.campaign.trailer {
  margin-bottom: 1em;
}
.campaign.trailer .col-1-7 {
  padding-left: 2%;
  padding-right: 0;
}
.campaign.trailer .col-1-7:first-child {
  padding-left: 0;
}
.campaign.trailer .col-1-6 {
  padding-left: 2%;
  padding-right: 0;
}
.campaign.trailer .col-1-5 {
  float: right;
}

.campaign-footer {
  padding-right: 2.95652%;
  padding-left: 2.95652%;
}
.campaign-footer .content-wrap {
  overflow: auto;
  border-top: 1px solid #3e3d3b;
  padding: 10px 0;
  max-width: 1082px;
}
.campaign-footer nav {
  float: left;
  width: 50%;
}
.campaign-footer p {
  float: right;
  width: 50%;
  text-align: right;
  font-size: 0.8125em;
  color: #9c9c9c;
  margin: 0.7em 0;
}
.campaign-footer nav ul {
  font-size: 0.8125em;
  display: block;
  margin: 5px 0;
}
.campaign-footer nav ul li {
  display: inline;
}
.campaign-footer nav ul li a {
  color: #9c9c9c;
  margin: 0 10px 0 0;
}

footer.col-1 {
  width: 100%;
  padding: 0;
}
footer .contact-us h3 {
  color: #00a5d9;
}
footer .contact-us li {
  margin-bottom: 12px;
  color: #fff !important;
  font-size: .9em;
}
footer .contact-us li a {
  color: #fff !important;
}
footer .contact-us .icon-phone, footer .contact-us .icon-email {
  font-size: 1.5em;
  padding-right: 10px;
  top: 5px;
  vertical-align: middle;
  color: #777777;
}
footer .contact-us .phone-icon {
  height: 32px;
  line-height: 32px;
  vertical-align: bottom;
}

@media (max-width: 719px) {
  .responsive footer {
    padding: 0;
  }
  .responsive footer.col-1 {
    padding: 0;
  }
  .responsive footer.col-1 .footer .content-wrap {
    padding: 0 3%;
  }
  .responsive footer p {
    margin-left: 0;
  }
  .responsive .footer-row .content-wrap {
    padding: 0 3%;
  }
  .responsive .trailer {
    width: 100%;
  }
  .responsive .trailer h3 {
    font-size: 0.95em;
  }
  .responsive .trailer .info-experts p {
    font-size: 0.875em;
  }
  .responsive .trailer .contact-us h3 {
    color: #53d5ff;
  }
  .responsive .trailer .contact-us .phone-icon {
    font-size: 1.3em;
  }
  .responsive .trailer .contact-us .phone-icon .icon-phone {
    font-size: 1.1em;
    padding-right: 0.3em;
    position: relative;
    top: 2px;
  }
  .responsive .trailer .contact-us .live-chat-icon {
    font-size: 1.3em;
  }
  .responsive .trailer .contact-us .email-icon {
    font-size: 1.2em;
  }
  .responsive .trailer .contact-us .email-icon .icon-email {
    font-size: 1.1em;
    padding-right: 0.5em;
    top: 2px;
    position: relative;
  }
  .responsive .campaign.trailer .col-1-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .responsive .campaign.trailer .col-1-7:first-child {
    padding-left: 0;
  }
  .responsive .campaign.trailer .col-1-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .responsive .campaign.trailer .col-1-5 {
    float: none;
  }
  .responsive .campaign-footer {
    /*
    		padding-left: 0;
    		padding-right: 0;
     */
  }
  .responsive .campaign-footer .content-wrap {
    padding: 0;
  }
  .responsive .campaign-footer nav {
    width: 100%;
  }
  .responsive .campaign-footer p {
    width: 100%;
    text-align: left;
  }
}
/* ----------------------
 * MODULE-NAME Accessibility Styles
 -- */
/* ----------------------
 * MODULE-NAME Accessibility Styles
 -- */
/* ----------------------
 * NAVIGATION Base Styles
 -- */
.main-header-nav {
  line-height: 1em;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  height: 50px;
}
.main-header-nav h3, .main-header-nav .nav-header {
  clear: both;
  color: #000 !important;
  font-weight: 700;
  margin: 1.5em 0 1em;
  font-size: 1.0625em;
  line-height: 1.35em;
}
.main-header-nav h3:hover, .main-header-nav .nav-header:hover {
  cursor: default;
  color: #000 !important;
  text-decoration: none !important;
}
.main-header-nav .nav-header + .nav-wrapper .contained-box {
  margin-top: 20px !important;
}
.main-header-nav .hidden-desktop.nav-header + .nav-wrapper .contained-box {
  margin-top: 0 !important;
}
.main-header-nav .hidden-desktop {
  display: none;
}
.main-header-nav .icon-phone, .main-header-nav .icon-email {
  padding-right: 7px;
  font-size: 1.5em;
  position: relative;
  top: 5px;
}
.main-header-nav .icon-podcast {
  font-size: 1.75em;
  padding-right: 5px;
  color: #000000;
}
.main-header-nav .icon-notch-arrow-skinny-right {
  font-size: .5em;
  padding-left: 7px;
  position: relative;
  top: -1px;
}
.main-header-nav .nav-header .icon-notch-arrow-skinny-right {
  font-size: .6em;
}
.main-header-nav .phone-number {
  padding: 10px 0;
  min-height: 23px;
}
.main-header-nav .phone-number-international {
  background: none;
  display: inline-block;
  padding: 0 0 0 2.1em;
}
.main-header-nav .email-link {
  padding: 10px 0 10px 0px;
}
.main-header-nav .upcoming-events p a {
  font-size: 1.05em;
}
.main-header-nav .upcoming-events .sub-text-color {
  color: #000000;
  font-size: 0.95em;
}
.main-header-nav .icon-notch-arrow-right {
  display: none;
}
.main-header-nav .icon-notch-arrow-left {
  display: none;
}
.main-header-nav .mobile-only {
  display: none;
}
.main-header-nav .podcast {
  padding-bottom: 10px;
}
.main-header-nav a {
  text-decoration: none;
}
.main-header-nav ul {
  display: none;
  border-right-color: #666;
}
.main-header-nav li {
  float: left;
}
.main-header-nav li.mobile-nav-header {
  display: none;
}
.main-header-nav > ul {
  display: block;
  width: 94%;
  max-width: 1081px;
  margin: 0 auto;
  padding: 0 2.9%;
  height: 100%;
}
.main-header-nav > ul > li {
  padding: 0 1.5%;
  text-align: center;
  font-size: 0.875em;
  text-transform: uppercase;
  display: table;
  height: 100%;
  max-width: 16%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.main-header-nav > ul > li:first-child {
  margin-left: -1.4%;
}
.main-header-nav > ul > li a {
  color: #eee;
  display: table-cell;
  vertical-align: middle;
}
.main-header-nav > ul > li.currentLocation > a {
  color: #7bdfff;
}
.main-header-nav > ul > li:hover {
  background-color: #1cd0fe;
}
.main-header-nav > ul > li:hover > a {
  color: #000;
}
.main-header-nav > ul > li:hover > a:hover {
  text-decoration: underline;
}
.main-header-nav > ul > li.active {
  background-color: #1cd0fe;
}
.main-header-nav > ul > li.active a {
  color: #000000;
}
.main-header-nav > ul > li.active a:hover {
  text-decoration: underline;
}
.main-header-nav > ul > li > .nav-wrapper {
  display: none;
  width: 100%;
  border-top: 5px solid #1cd0fe;
  background-color: #7bdfff;
}
.main-header-nav > ul.four-col, .main-header-nav > ul.two-col {
  width: 77%;
}
.main-header-nav > ul .nav-wrapper {
  width: 100%;
  position: absolute;
  left: 0px;
  background-color: #1cd0fe;
  top: 46px;
}
.main-header-nav > ul .nav-wrapper .nav-wrapper {
  background-color: #7bdfff;
  top: 44px;
}
.main-header-nav li.has-subnav .nav-wrapper ul.four-col, .main-header-nav li.has-subnav .nav-wrapper ul.two-col {
  padding-top: 28px;
  min-height: 263px;
}
.main-header-nav .nav-wrapper ul.four-col, .main-header-nav .nav-wrapper ul.two-col {
  padding-top: 25px;
  min-height: 305px;
  width: 94%;
}
.main-header-nav .nav-wrapper ul.four-col.nav-video-wrap, .main-header-nav .nav-wrapper ul.two-col.nav-video-wrap {
  margin-bottom: 50px;
  padding-top: 0;
  min-height: 280px;
}
.main-header-nav .nav-wrapper ul.four-col .table-cell a span, .main-header-nav .nav-wrapper ul.two-col .table-cell a span {
  display: block;
  clear: both;
}
.main-header-nav .nav-wrapper ul.four-col a, .main-header-nav .nav-wrapper ul.two-col a {
  color: #000000;
}
.main-header-nav .nav-wrapper ul.four-col a:hover, .main-header-nav .nav-wrapper ul.two-col a:hover {
  text-decoration: underline;
  color: #000000;
}
.main-header-nav .nav-wrapper ul.four-col > li, .main-header-nav .nav-wrapper ul.two-col > li {
  text-align: left;
  padding: 0 1.4%;
  text-transform: none;
}
.main-header-nav .nav-wrapper ul.four-col ul, .main-header-nav .nav-wrapper ul.two-col ul {
  padding-top: 8px;
  width: 100%;
}
.main-header-nav .nav-wrapper ul.four-col ul li, .main-header-nav .nav-wrapper ul.two-col ul li {
  padding: .425em .625em .425em 0;
  color: #000;
}
.main-header-nav .nav-wrapper ul.four-col .nav-wrapper, .main-header-nav .nav-wrapper ul.two-col .nav-wrapper {
  position: relative;
  top: 0px;
}
.main-header-nav .nav-wrapper ul.four-col .nav-wrapper ul, .main-header-nav .nav-wrapper ul.two-col .nav-wrapper ul {
  display: block;
}
.main-header-nav ul.four-col > li {
  width: 22%;
}
.main-header-nav ul.four-col ul li {
  width: 100%;
}
.main-header-nav ul.two-col > li {
  width: 47%;
}
.main-header-nav ul.two-col ul li {
  width: 47%;
}
.main-header-nav ul.two-col .contained-box {
  width: 47% !important;
}
.main-header-nav .contained-box {
  background: #53d5ff;
  padding: 1em;
  overflow: hidden;
  margin-top: 0 !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-header-nav .contained-box li {
  width: 100% !important;
}
.main-header-nav .hidden-desktop .contained-box {
  margin-top: 0 !important;
}
.main-header-nav .nav-wrapper > ul {
  width: 94%;
  max-width: 1106px;
  margin: 0 auto;
}
.main-header-nav .nav-wrapper > ul.four-col {
  width: 94%;
}
.main-header-nav .has-subnav > .nav-wrapper {
  border: none;
  background-color: #1cd0fe;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li {
  padding: 14px 1.5%;
  font-size: 0.9em;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li ul {
  padding-top: 8px;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li > a {
  position: relative;
  color: #000;
  text-transform: none;
  font-size: 1.2em;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li.active > a {
  position: relative;
  color: #000000;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li.active > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: -22px;
  z-index: 25;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1cd0fe;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li ul.four-col, .main-header-nav .has-subnav > .nav-wrapper > ul > li ul.two-col {
  font-size: 1.1em;
  padding-top: 28px;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li.active .nav-wrapper, .main-header-nav .has-subnav > .nav-wrapper > ul > li.active.first .nav-wrapper {
  z-index: 3;
}
.main-header-nav .has-subnav > .nav-wrapper > ul > li.first .nav-wrapper {
  z-index: 1;
}
.main-header-nav .has-subnav .ie-fix {
  display: block !important;
}
.main-header-nav .has-subnav.active .nav-wrapper ul li.expandable.first > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: -10px;
  z-index: 25;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1cd0fe;
}
.main-header-nav .has-subnav.active .nav-wrapper ul li.expandable.first ul {
  display: block;
}
.main-header-nav .active .nav-wrapper {
  display: block;
}
.main-header-nav .active > .nav-wrapper > ul {
  display: block;
}
.main-header-nav .active > ul {
  display: block;
}
.main-header-nav .nav-video-wrap {
  margin-bottom: 50px;
  padding-top: 0;
}
.main-header-nav .nav-video-wrap h3 a {
  float: right;
  color: #000;
  font-size: .95em;
}
.main-header-nav .nav-video-wrap .nav-video {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.main-header-nav .nav-video-wrap .nav-video .video-image-container-link {
  max-width: 100% !important;
}
.main-header-nav .nav-video-wrap .nav-video .video-image-container-link img {
  max-width: 100% !important;
}
.main-header-nav .nav-video-wrap .nav-video h4 {
  color: #000000;
  margin: 1em 0 0 0;
  font-size: 0.9em;
  text-transform: uppercase;
}
.main-header-nav .nav-video-wrap .nav-video p {
  color: #000;
  font-size: 1em;
  margin: 0.35em 0;
}

.ie7 .main-header-nav > ul > li:hover, .ie7 .main-header-nav > ul > li.active, .ie8 .main-header-nav > ul > li:hover, .ie8 .main-header-nav > ul > li.active {
  background-color: #1cd0fe;
}

@media (min-width: 1150px) {
  .main-header-nav > ul > li {
    max-width: 21%;
  }
}
/* ----------------------
 * NAVIGATION mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .main-header-nav {
    z-index: 35;
    overflow-x: auto;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    background: none;
    overflow-x: hidden;
    display: none;
  }
  .responsive .main-header-nav .hidden-desktop {
    display: block;
  }
  .responsive .main-header-nav .desktop-nav-header {
    display: none;
  }
  .responsive .main-header-nav .follow-list {
    width: 100%;
  }
  .responsive .main-header-nav h3, .responsive .main-header-nav .nav-header {
    clear: both;
    color: inherit !important;
    font-family: inherit;
    margin: inherit;
    font-size: inherit;
  }
  .responsive .main-header-nav .nav-header {
    font-weight: 700;
  }
  .responsive .main-header-nav > ul {
    display: block;
    padding: 0;
    width: 100%;
    position: relative;
  }
  .responsive .main-header-nav > ul > li {
    background: #1cd0fe;
    text-align: left;
    padding: 0.7em 3%;
    width: 100%;
    max-width: none;
    height: auto;
    text-transform: none;
    background: #1cd0fe;
  }
  .responsive .main-header-nav > ul > li:first-child {
    padding: 1.35em 3% 0.7em;
    margin-left: 0 !important;
  }
  .responsive .main-header-nav > ul > li.mobile-only {
    padding: 0.7em 3% 1.35em;
  }
  .responsive .main-header-nav > ul > li a {
    color: #000000;
  }
  .responsive .main-header-nav > ul > li > a {
    color: #000000;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 1.17em;
    font-weight: 700;
  }
  .responsive .main-header-nav > ul > li.active {
    background-color: none;
    color: #000000;
  }
  .responsive .main-header-nav > ul > li.active:hover > a {
    color: #000000;
  }
  .responsive .main-header-nav > ul > li:hover {
    background-color: #1cd0fe;
  }
  .responsive .main-header-nav > ul > li > .nav-wrapper {
    border: none;
  }
  .responsive .main-header-nav > ul > li > .nav-wrapper .four-col {
    padding: 0;
  }
  .responsive .main-header-nav > ul .nav-wrapper {
    left: 0px;
    top: 0px;
  }
  .responsive .main-header-nav > ul .nav-wrapper .nav-wrapper {
    top: 0px;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col {
    width: 100%;
    background: none;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col li, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col li {
    padding: 0.65em 4%;
    color: #000;
    font-size: 1.1em;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col li:last-child, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col li:last-child {
    padding: 0.65em 4% 1em !important;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col li li, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col li li {
    font-size: 1em;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col li a, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col li a {
    color: #000;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col li a:hover, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col li a:hover {
    color: inherit;
    text-decoration: none;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col li.mobile-nav-header + li, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col li.mobile-nav-header + li {
    padding: 1em 4% 0.65em !important;
  }
  .responsive .main-header-nav > ul .nav-wrapper > ul.four-col a:hover, .responsive .main-header-nav > ul .nav-wrapper > ul.two-col a:hover {
    color: #000000;
    text-decoration: none;
  }
  .responsive .main-header-nav li {
    width: 100%;
    background-color: #7bdfff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 3%;
  }
  .responsive .main-header-nav li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .responsive .main-header-nav li.mobile-nav-header {
    display: block;
    background: #1cd0fe;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 24px !important;
    height: 46px !important;
    padding: 0.65em 0 !important;
  }
  .responsive .main-header-nav li.mobile-nav-header a {
    text-align: center;
    text-transform: uppercase;
    position: static !important;
  }
  .responsive .main-header-nav li.mobile-nav-header .icon-notch-arrow-left {
    display: block;
    font-size: 0.8em;
    width: 28px;
    height: 21px;
    background: none;
    border-radius: 50%;
    padding: 7px 2px 0 0;
    color: #000 !important;
    position: absolute;
    top: 9px;
    left: 8px;
  }
  .responsive .main-header-nav .mobile-only {
    display: block;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul {
    background: #7bdfff;
    width: 100%;
    padding: 0 0 0.65em;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li {
    padding: 0.65em 4%;
    font-size: 1.1em;
    color: #000;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li a {
    font-size: 1em;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li ul, .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li ul.four-col, .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li ul.two-col {
    padding: 0;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li.mobile-only {
    padding: 1em 4% 0.65em;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul li.mobile-nav-header {
    padding: 0.65em 0 1em;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul > li.active > a:after {
    border: none;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul.four-col > li, .responsive .main-header-nav .has-subnav .nav-wrapper > ul.two-col > li {
    font-size: 0.95em;
  }
  .responsive .main-header-nav .has-subnav .nav-wrapper > ul.four-col > li > li, .responsive .main-header-nav .has-subnav .nav-wrapper > ul.two-col > li > li {
    font-size: 1.05em;
  }
  .responsive .main-header-nav .has-subnav ul ul ul {
    display: none;
  }
  .responsive .main-header-nav .has-subnav ul ul li.active > ul {
    display: block;
  }
  .responsive .main-header-nav ul.four-col .contained-box, .responsive .main-header-nav ul.two-col .contained-box {
    background: inherit;
    padding: inherit;
    width: 100% !important;
    margin: 0 !important;
  }
  .responsive .main-header-nav ul.four-col ul, .responsive .main-header-nav ul.two-col ul {
    padding: 0 !important;
  }
  .responsive .main-header-nav ul.four-col ul li, .responsive .main-header-nav ul.two-col ul li {
    padding: 15px 3%;
    width: 100% !important;
  }
  .responsive .main-header-nav ul.four-col > li, .responsive .main-header-nav ul.two-col > li {
    width: 100% !important;
  }
  .responsive .main-header-nav ul.four-col .nav-wrapper, .responsive .main-header-nav ul.two-col .nav-wrapper {
    position: absolute !important;
  }
  .responsive .main-header-nav ul.four-col .nav-wrapper ul, .responsive .main-header-nav ul.two-col .nav-wrapper ul {
    display: none !important;
  }
  .responsive .main-header-nav ul.four-col .active .nav-wrapper ul, .responsive .main-header-nav ul.two-col .active .nav-wrapper ul {
    display: block !important;
  }
  .responsive .main-header-nav .expandable > .nav-wrapper {
    display: none !important;
  }
  .responsive .main-header-nav .expandable > .utility-nav {
    display: none !important;
  }
  .responsive .main-header-nav .active.expandable > .nav-wrapper {
    display: block !important;
  }
  .responsive .main-header-nav .active.expandable > .utility-nav {
    display: block !important;
  }
  .responsive .main-header-nav .expandable > a {
    display: block;
  }
  .responsive .main-header-nav .expandable > a:after {
    z-index: -100 !important;
  }
  .responsive .main-header-nav .expandable > a .icon-notch-arrow-right {
    float: right;
    font-size: 0.7em;
    display: inline;
  }
  .responsive .main-header-nav .expandable ul {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0px;
  }
}
@media (max-width: 967px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .responsive header.ot {
    /* ----------------------
     * NAVIGATION tablet Styles
     -- */
  }
  .responsive header.ot .main-header-nav {
    z-index: 35;
    overflow-x: auto;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    background: none;
    overflow-x: hidden;
    display: none;
  }
  .responsive header.ot .main-header-nav .hidden-desktop {
    display: block;
  }
  .responsive header.ot .main-header-nav .desktop-nav-header {
    display: none;
  }
  .responsive header.ot .main-header-nav .follow-list {
    width: 100%;
  }
  .responsive header.ot .main-header-nav h3, .responsive header.ot .main-header-nav .nav-header {
    clear: both;
    color: inherit !important;
    font-family: inherit;
    margin: inherit;
    font-size: inherit;
  }
  .responsive header.ot .main-header-nav .nav-header {
    font-weight: 700;
  }
  .responsive header.ot .main-header-nav > ul {
    display: block;
    padding: 0;
    width: 100%;
    position: relative;
  }
  .responsive header.ot .main-header-nav > ul > li {
    background: #1cd0fe;
    text-align: left;
    padding: 0.7em 3%;
    width: 100%;
    max-width: none;
    height: auto;
    text-transform: none;
    background: #1cd0fe;
  }
  .responsive header.ot .main-header-nav > ul > li:first-child {
    padding: 1.35em 3% 0.7em;
    margin-left: 0 !important;
  }
  .responsive header.ot .main-header-nav > ul > li.mobile-only {
    padding: 0.7em 3% 1.35em;
  }
  .responsive header.ot .main-header-nav > ul > li a {
    color: #000000;
  }
  .responsive header.ot .main-header-nav > ul > li > a {
    color: #000000;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 1.17em;
    font-weight: 700;
  }
  .responsive header.ot .main-header-nav > ul > li.active {
    background-color: none;
    color: #000000;
  }
  .responsive header.ot .main-header-nav > ul > li.active:hover > a {
    color: #000000;
  }
  .responsive header.ot .main-header-nav > ul > li:hover {
    background-color: #1cd0fe;
  }
  .responsive header.ot .main-header-nav > ul > li > .nav-wrapper {
    border: none;
  }
  .responsive header.ot .main-header-nav > ul > li > .nav-wrapper .four-col {
    padding: 0;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper {
    left: 0px;
    top: 0px;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper .nav-wrapper {
    top: 0px;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col {
    width: 100%;
    background: none;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col li, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col li {
    padding: 0.65em 4%;
    color: #000;
    font-size: 1.1em;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col li:last-child, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col li:last-child {
    padding: 0.65em 4% 1em !important;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col li li, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col li li {
    font-size: 1em;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col li a, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col li a {
    color: #000;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col li a:hover, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col li a:hover {
    color: inherit;
    text-decoration: none;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col li.mobile-nav-header + li, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col li.mobile-nav-header + li {
    padding: 1em 4% 0.65em !important;
  }
  .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.four-col a:hover, .responsive header.ot .main-header-nav > ul .nav-wrapper > ul.two-col a:hover {
    color: #000000;
    text-decoration: none;
  }
  .responsive header.ot .main-header-nav li {
    width: 100%;
    background-color: #7bdfff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 3%;
  }
  .responsive header.ot .main-header-nav li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .responsive header.ot .main-header-nav li.mobile-nav-header {
    display: block;
    background: #1cd0fe;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 24px !important;
    height: 46px !important;
    padding: 0.65em 0 !important;
  }
  .responsive header.ot .main-header-nav li.mobile-nav-header a {
    text-align: center;
    text-transform: uppercase;
    position: static !important;
  }
  .responsive header.ot .main-header-nav li.mobile-nav-header .icon-notch-arrow-left {
    display: block;
    font-size: 0.8em;
    width: 28px;
    height: 21px;
    background: none;
    border-radius: 50%;
    padding: 7px 2px 0 0;
    color: #000 !important;
    position: absolute;
    top: 9px;
    left: 8px;
  }
  .responsive header.ot .main-header-nav .mobile-only {
    display: block;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul {
    background: #7bdfff;
    width: 100%;
    padding: 0 0 0.65em;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li {
    padding: 0.65em 4%;
    font-size: 1.1em;
    color: #000;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li a {
    font-size: 1em;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li ul, .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li ul.four-col, .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li ul.two-col {
    padding: 0;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li.mobile-only {
    padding: 1em 4% 0.65em;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul li.mobile-nav-header {
    padding: 0.65em 0 1em;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul > li.active > a:after {
    border: none;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul.four-col > li, .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul.two-col > li {
    font-size: 0.95em;
  }
  .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul.four-col > li > li, .responsive header.ot .main-header-nav .has-subnav .nav-wrapper > ul.two-col > li > li {
    font-size: 1.05em;
  }
  .responsive header.ot .main-header-nav .has-subnav ul ul ul {
    display: none;
  }
  .responsive header.ot .main-header-nav .has-subnav ul ul li.active > ul {
    display: block;
  }
  .responsive header.ot .main-header-nav ul.four-col .contained-box, .responsive header.ot .main-header-nav ul.two-col .contained-box {
    background: inherit;
    padding: inherit;
    width: 100% !important;
    margin: 0 !important;
  }
  .responsive header.ot .main-header-nav ul.four-col ul, .responsive header.ot .main-header-nav ul.two-col ul {
    padding: 0 !important;
  }
  .responsive header.ot .main-header-nav ul.four-col ul li, .responsive header.ot .main-header-nav ul.two-col ul li {
    padding: 15px 3%;
    width: 100% !important;
  }
  .responsive header.ot .main-header-nav ul.four-col > li, .responsive header.ot .main-header-nav ul.two-col > li {
    width: 100% !important;
  }
  .responsive header.ot .main-header-nav ul.four-col .nav-wrapper, .responsive header.ot .main-header-nav ul.two-col .nav-wrapper {
    position: absolute !important;
  }
  .responsive header.ot .main-header-nav ul.four-col .nav-wrapper ul, .responsive header.ot .main-header-nav ul.two-col .nav-wrapper ul {
    display: none !important;
  }
  .responsive header.ot .main-header-nav ul.four-col .active .nav-wrapper ul, .responsive header.ot .main-header-nav ul.two-col .active .nav-wrapper ul {
    display: block !important;
  }
  .responsive header.ot .main-header-nav .expandable > .nav-wrapper {
    display: none !important;
  }
  .responsive header.ot .main-header-nav .expandable > .utility-nav {
    display: none !important;
  }
  .responsive header.ot .main-header-nav .active.expandable > .nav-wrapper {
    display: block !important;
  }
  .responsive header.ot .main-header-nav .active.expandable > .utility-nav {
    display: block !important;
  }
  .responsive header.ot .main-header-nav .expandable > a {
    display: block;
  }
  .responsive header.ot .main-header-nav .expandable > a:after {
    z-index: -100 !important;
  }
  .responsive header.ot .main-header-nav .expandable > a .icon-notch-arrow-right {
    float: right;
    font-size: 0.7em;
    display: inline;
  }
  .responsive header.ot .main-header-nav .expandable ul {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0px;
  }
}
@media screen and (max-width: 967px) and (min-width: 720px) and (max-width: 967px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-width: 720px) and (max-width: 967px), only screen and (max-width: 967px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .responsive header.ot .main-header-nav {
    width: 40%;
    right: 0px;
    left: inherit;
    height: 1025px;
    background-color: #7bdfff;
    margin-top: 5px;
  }
  .responsive header.ot .main-header-nav > ul > li {
    background-color: #7bdfff;
  }
  .responsive header.ot .main-header-nav > ul > li:hover {
    background-color: #7bdfff;
  }
}

/* NAVIGATION-STYLES mobile end */
/* ----------------------
 * CAMPAIGN-HEADER Base Styles
 -- */
header.campaign {
  background: rgba(0, 0, 0, 0.6);
  height: 109px;
}
header.campaign div.header .top-nav .content-wrap {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
header.campaign h2 {
  padding-top: 25px;
  margin-bottom: 0;
}
header.campaign h2 a {
  font-size: 1.275em;
  color: #fff;
}
header.campaign h2 a:hover {
  text-decoration: none;
}
header.campaign .top-nav {
  height: 60px;
}
header.campaign .top-nav .logo {
  padding: 0;
  position: absolute;
  top: 25px;
  right: 0;
}
header.campaign .main-header-nav {
  background: none;
}
header.campaign .main-header-nav > ul > li a:hover {
  background: none;
}
header.campaign .main-header-nav > ul .nav-wrapper {
  top: 48px;
}

@media (min-width: 720px) {
  .header-bg-or-carousel {
    margin-bottom: -168px;
  }
  .header-bg-or-carousel #outer-wrapper {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    overflow: visible;
    z-index: -1;
    height: 312px;
  }
  .header-bg-or-carousel #outer-wrapper img {
    width: 1900px;
    max-width: 1900px;
    margin-left: -700px;
  }

  .campaigns-sub .header-bg-or-carousel #outer-wrapper img {
    width: 1400px;
    max-width: 1400px;
    margin-left: -454px;
  }
}
/* ----------------------
 * CAMPAIGN-HEADER Mobile Styles
 -- */
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .header-bg-or-carousel #outer-wrapper {
    width: 100%;
    height: 312px;
  }
  .responsive .header-bg-or-carousel #outer-wrapper img {
    width: 100%;
    margin-left: 0;
  }
  .responsive .homepage .header-bg-or-carousel #outer-wrapper {
    width: 100%;
    height: 558px;
  }
  .responsive .homepage .header-bg-or-carousel #outer-wrapper img {
    width: 1400px;
    margin-left: -454px;
  }
}
@media (max-width: 719px) {
  .responsive header.campaign {
    height: 100px;
  }
  .responsive header.campaign .main-header-nav {
    z-index: 35;
    overflow-x: auto;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    background: none;
    overflow-x: hidden;
    display: none;
  }
  .responsive header.campaign .main-header-nav .hidden-desktop {
    display: block;
  }
  .responsive header.campaign .main-header-nav .desktop-nav-header {
    display: none;
  }
  .responsive header.campaign .main-header-nav .follow-list {
    width: 100%;
  }
  .responsive header.campaign .main-header-nav h3, .responsive header.campaign .main-header-nav .nav-header {
    clear: both;
    color: inherit !important;
    font-family: inherit;
    margin: inherit;
    font-size: inherit;
  }
  .responsive header.campaign .main-header-nav .nav-header {
    font-weight: 700;
  }
  .responsive header.campaign .main-header-nav > ul {
    display: block;
    padding: 0;
    width: 100%;
    position: relative;
  }
  .responsive header.campaign .main-header-nav > ul > li {
    background: #1cd0fe;
    text-align: left;
    padding: 0.7em 3%;
    width: 100%;
    max-width: none;
    height: auto;
    text-transform: none;
    background: #1cd0fe;
  }
  .responsive header.campaign .main-header-nav > ul > li:first-child {
    padding: 1.35em 3% 0.7em;
    margin-left: 0 !important;
  }
  .responsive header.campaign .main-header-nav > ul > li.mobile-only {
    padding: 0.7em 3% 1.35em;
  }
  .responsive header.campaign .main-header-nav > ul > li a {
    color: #000000;
  }
  .responsive header.campaign .main-header-nav > ul > li > a {
    color: #000000;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 1.17em;
    font-weight: 700;
  }
  .responsive header.campaign .main-header-nav > ul > li.active {
    background-color: none;
    color: #000000;
  }
  .responsive header.campaign .main-header-nav > ul > li.active:hover > a {
    color: #000000;
  }
  .responsive header.campaign .main-header-nav > ul > li:hover {
    background-color: #1cd0fe;
  }
  .responsive header.campaign .main-header-nav > ul > li > .nav-wrapper {
    border: none;
  }
  .responsive header.campaign .main-header-nav > ul > li > .nav-wrapper .four-col {
    padding: 0;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper {
    left: 0px;
    top: 0px;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper .nav-wrapper {
    top: 0px;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col {
    width: 100%;
    background: none;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col li, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col li {
    padding: 0.65em 4%;
    color: #000;
    font-size: 1.1em;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col li:last-child, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col li:last-child {
    padding: 0.65em 4% 1em !important;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col li li, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col li li {
    font-size: 1em;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col li a, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col li a {
    color: #000;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col li a:hover, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col li a:hover {
    color: inherit;
    text-decoration: none;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col li.mobile-nav-header + li, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col li.mobile-nav-header + li {
    padding: 1em 4% 0.65em !important;
  }
  .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.four-col a:hover, .responsive header.campaign .main-header-nav > ul .nav-wrapper > ul.two-col a:hover {
    color: #000000;
    text-decoration: none;
  }
  .responsive header.campaign .main-header-nav li {
    width: 100%;
    background-color: #7bdfff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 3%;
  }
  .responsive header.campaign .main-header-nav li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .responsive header.campaign .main-header-nav li.mobile-nav-header {
    display: block;
    background: #1cd0fe;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 24px !important;
    height: 46px !important;
    padding: 0.65em 0 !important;
  }
  .responsive header.campaign .main-header-nav li.mobile-nav-header a {
    text-align: center;
    text-transform: uppercase;
    position: static !important;
  }
  .responsive header.campaign .main-header-nav li.mobile-nav-header .icon-notch-arrow-left {
    display: block;
    font-size: 0.8em;
    width: 28px;
    height: 21px;
    background: none;
    border-radius: 50%;
    padding: 7px 2px 0 0;
    color: #000 !important;
    position: absolute;
    top: 9px;
    left: 8px;
  }
  .responsive header.campaign .main-header-nav .mobile-only {
    display: block;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul {
    background: #7bdfff;
    width: 100%;
    padding: 0 0 0.65em;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li {
    padding: 0.65em 4%;
    font-size: 1.1em;
    color: #000;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li a {
    font-size: 1em;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li ul, .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li ul.four-col, .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li ul.two-col {
    padding: 0;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li.mobile-only {
    padding: 1em 4% 0.65em;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul li.mobile-nav-header {
    padding: 0.65em 0 1em;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul > li.active > a:after {
    border: none;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul.four-col > li, .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul.two-col > li {
    font-size: 0.95em;
  }
  .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul.four-col > li > li, .responsive header.campaign .main-header-nav .has-subnav .nav-wrapper > ul.two-col > li > li {
    font-size: 1.05em;
  }
  .responsive header.campaign .main-header-nav .has-subnav ul ul ul {
    display: none;
  }
  .responsive header.campaign .main-header-nav .has-subnav ul ul li.active > ul {
    display: block;
  }
  .responsive header.campaign .main-header-nav ul.four-col .contained-box, .responsive header.campaign .main-header-nav ul.two-col .contained-box {
    background: inherit;
    padding: inherit;
    width: 100% !important;
    margin: 0 !important;
  }
  .responsive header.campaign .main-header-nav ul.four-col ul, .responsive header.campaign .main-header-nav ul.two-col ul {
    padding: 0 !important;
  }
  .responsive header.campaign .main-header-nav ul.four-col ul li, .responsive header.campaign .main-header-nav ul.two-col ul li {
    padding: 15px 3%;
    width: 100% !important;
  }
  .responsive header.campaign .main-header-nav ul.four-col > li, .responsive header.campaign .main-header-nav ul.two-col > li {
    width: 100% !important;
  }
  .responsive header.campaign .main-header-nav ul.four-col .nav-wrapper, .responsive header.campaign .main-header-nav ul.two-col .nav-wrapper {
    position: absolute !important;
  }
  .responsive header.campaign .main-header-nav ul.four-col .nav-wrapper ul, .responsive header.campaign .main-header-nav ul.two-col .nav-wrapper ul {
    display: none !important;
  }
  .responsive header.campaign .main-header-nav ul.four-col .active .nav-wrapper ul, .responsive header.campaign .main-header-nav ul.two-col .active .nav-wrapper ul {
    display: block !important;
  }
  .responsive header.campaign .main-header-nav .expandable > .nav-wrapper {
    display: none !important;
  }
  .responsive header.campaign .main-header-nav .expandable > .utility-nav {
    display: none !important;
  }
  .responsive header.campaign .main-header-nav .active.expandable > .nav-wrapper {
    display: block !important;
  }
  .responsive header.campaign .main-header-nav .active.expandable > .utility-nav {
    display: block !important;
  }
  .responsive header.campaign .main-header-nav .expandable > a {
    display: block;
  }
  .responsive header.campaign .main-header-nav .expandable > a:after {
    z-index: -100 !important;
  }
  .responsive header.campaign .main-header-nav .expandable > a .icon-notch-arrow-right {
    float: right;
    font-size: 0.7em;
    display: inline;
  }
  .responsive header.campaign .main-header-nav .expandable ul {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0px;
  }
  .responsive header.campaign .header {
    border-top: 1px solid #3a3a3a;
    top: 40px;
    position: absolute;
    width: 100%;
  }
  .responsive header.campaign .header h2 {
    padding-top: 18px;
  }
  .responsive header.campaign .header h2 a {
    padding: 0;
    font-size: 1.05em;
  }
  .responsive header.campaign .header .top-nav {
    height: 59px;
  }
  .responsive header.campaign .header .top-nav .logo {
    height: 17px;
    position: relative;
    left: 0px;
    top: -71px;
    margin: 0;
  }
  .responsive header.campaign .header .mobile-nav-button {
    top: -33px;
  }
  .responsive header.campaign.internal .header {
    border-bottom: 9px solid #00a389;
  }
  .responsive header.campaign .main-header-nav {
    height: 500px;
  }
}
/* ----------------------
 * utility-nav Base Styles
 -- */
.utility-nav {
  position: relative;
  float: right;
  width: auto;
}
.utility-nav .icon-solid_arrow_down {
  font-size: .55em;
  padding-left: 10px;
}
.utility-nav .header-accountMenu {
  display: none;
}
.utility-nav .icon-notch-arrow-right {
  display: none;
}
.utility-nav .icon-global {
  font-size: .85em;
  padding-right: 5px;
}
.utility-nav .icon-search {
  color: #ccc;
  cursor: pointer;
  font-size: 1.1em;
  padding: 6px;
  margin-top: -3px;
  display: block;
}
.utility-nav .icon-search:hover {
  color: #000;
  background-color: #53d5ff;
}
.utility-nav li {
  float: left;
}
.utility-nav li.mobile-nav-header {
  display: none;
}
.utility-nav ul {
  float: right;
}
.utility-nav > ul li {
  position: relative;
  padding: 1em 0 1em 1.5em;
  margin: 5px 0 0 0;
}
.utility-nav > ul li > ul {
  display: none;
}
.utility-nav > ul li > ul li {
  position: static;
}
.utility-nav > ul li a {
  font-size: 0.9em;
  color: #eeeeee;
}
.utility-nav > ul li a:hover {
  text-decoration: none;
  color: #fff;
}
.utility-nav > ul li.expandable > a {
  text-decoration: none;
}
.utility-nav > ul li.expandable > a:after {
  content: "";
}
.utility-nav > ul li.expandable > a:hover {
  text-decoration: none;
}
.utility-nav > ul li .button {
  text-transform: uppercase;
  background: #53d5ff;
  padding: 7px 15px 6px;
  color: #000;
  text-decoration: none;
  border: none;
  font-weight: normal;
  line-height: 1em;
  text-shadow: none;
  border-radius: 0;
}
.utility-nav > ul li .button:hover {
  color: #53d5ff;
  background: #000;
}
.utility-nav > ul li.active .icon-solid_arrow_down:before {
  content: "\e00f";
}
.utility-nav > ul li.active > ul {
  display: block;
  background-color: #fff;
  position: absolute;
  z-index: 15;
  width: auto;
  min-width: 145px;
  top: 43px;
  right: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
}
.utility-nav > ul li.active > ul li {
  width: 100%;
  padding: 0;
}
.utility-nav > ul li.active > ul li a {
  color: #777777;
  display: block;
  width: 100%;
}
.utility-nav > ul li.active > ul li a:hover {
  color: #000;
  text-decoration: underline;
}
.utility-nav > ul li.active.expandable > a:after {
  content: "";
}
.utility-nav .search {
  display: none;
  background-color: #1cd0fe;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 35;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 304px;
}
.utility-nav .search.active {
  display: block;
}
.utility-nav .search .main {
  padding: 1em 5% 0.5em;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.utility-nav .search .main h3 {
  float: left;
  font-size: 1.15em;
  padding-bottom: 15px;
  margin: 0;
}
.utility-nav .search .main img {
  float: right;
}
.utility-nav .search .main form {
  padding-bottom: 0.7em;
}
.utility-nav .search .main form input.input-text {
  width: 79%;
  height: 2.35em;
  padding: 0 3%;
  font-size: 0.96em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #777777;
  border: 2px solid #52d5ff;
  outline: 1px solid #30b3eb;
  background: #c7e9f5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c7e9f5 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7e9f5), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c7e9f5 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c7e9f5 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c7e9f5 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c7e9f5 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e9f5', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
}
.utility-nav .search .main form .button {
  background: #000;
  outline: 1px solid #52edff;
  text-decoration: none;
  border: none;
  outline: none;
  height: 2.35em;
  padding: .3em 0.625em;
  width: 17%;
  margin-left: 2%;
  color: #fff;
  font-weight: normal;
  line-height: 1em;
  text-shadow: none;
  border-radius: 0;
}
.utility-nav .search .main form .button:hover {
  background: #000;
  color: #1cd0fe;
}
.utility-nav .search .main .close-icon {
  position: absolute;
  width: 12px;
  height: 12px;
  display: block;
  top: 1.3em;
  right: 1.35em;
}
.utility-nav .search .main .close-icon .close-icon-text {
  display: none;
}
.utility-nav .search .main .close-icon .icon-close {
  display: inline-block !important;
  color: #000;
  cursor: pointer;
}
.utility-nav .search .popularSearches {
  -moz-box-sizing: border-box;
  margin: -0.5em 0 0;
  position: relative;
}
.utility-nav .search .popularSearches a.dropdown {
  color: #005884;
  font-size: 0.9em;
  position: relative;
  text-decoration: none;
  margin-left: 1.1em;
}
.utility-nav .search .popularSearches a.dropdown:after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #005884;
  top: 5px;
  right: -15px;
  position: absolute;
}
.utility-nav .search .popularSearches a.dropdown:hover {
  color: #000;
}
.utility-nav .search .popularSearches a.dropdown:hover:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-top: 5px solid #000;
}
.utility-nav .search .popularSearches a.dropdown.active {
  color: #000;
}
.utility-nav .search .popularSearches a.dropdown.active:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  border-top: none;
}
.utility-nav .search .hidden-list {
  width: 100%;
  background-color: #fff;
  padding: 0.5em 5%;
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.utility-nav .search .hidden-list li {
  float: none;
  padding-top: 5px;
  font-size: 0.9em;
}
.utility-nav .search .hidden-list li a {
  color: #777777;
  width: 100%;
  display: block;
}
.utility-nav .search .hidden-list li a:hover {
  text-decoration: underline;
  color: #000;
}
.utility-nav .search .hidden-list li:first-child {
  padding-top: 0px;
}
.utility-nav .search .hidden-list.active {
  display: block;
}

.cookie-settings-link {
  display: none;
}

/* ----------------------
 * NAVIGATION mobile Styles
 -- */
@media (max-width: 967px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .responsive .top-nav .header-signIn, .responsive .top-nav .header-accountMenu {
    display: none;
  }
  .responsive .active.expandable .utility-nav > ul {
    display: block;
  }
  .responsive .active.expandable .utility-nav > ul li {
    display: block;
    position: static;
    font-size: 1.1em;
    color: #000;
  }
  .responsive .active.expandable .utility-nav > ul li.active > ul {
    display: block;
  }
  .responsive .active.expandable .utility-nav > ul li.active > ul li {
    display: block;
    padding: 11px 3%;
  }
  .responsive .active.expandable .utility-nav > ul li.active > ul li a {
    color: #000000;
    text-decoration: none;
    font-size: 1.05em;
  }
  .responsive .active.expandable .utility-nav > ul li.active > ul li a:hover {
    color: #fff;
  }
  .responsive .active.expandable .utility-nav > ul li.expandable > a:hover {
    text-decoration: none;
  }
  .responsive .active.expandable .utility-nav > ul li > a {
    font-size: 1.1em;
  }
  .responsive .active.expandable .utility-nav > ul li li a {
    font-size: 1em;
  }
  .responsive .active.expandable .utility-nav > ul li.mobile-nav-header a {
    font-size: 1em;
  }
  .responsive .active.expandable .utility-nav > ul li.search-icon {
    display: none;
  }
  .responsive .utility-nav {
    position: static;
  }
  .responsive .utility-nav li {
    display: none;
  }
  .responsive .utility-nav li.active {
    display: block;
  }
  .responsive .utility-nav > ul li {
    font-size: 1.03em;
    margin: 0;
    padding: 0.65em 4%;
  }
  .responsive .utility-nav > ul li.active > ul {
    padding: 0;
    top: 0px;
    left: 100%;
    width: 100%;
  }
  .responsive .utility-nav > ul li.expandable > a:after {
    background: none;
    padding: 0;
  }
  .responsive .utility-nav > ul li a {
    color: inherit !important;
  }
  .responsive .utility-nav > ul li .button {
    background-color: #7bdfff;
    text-transform: none;
    padding: 0;
  }
  .responsive .utility-nav > ul li .button:hover {
    color: #000000;
    background-color: #7bdfff;
  }
  .responsive .utility-nav > ul li .icon-solid_arrow_down, .responsive .utility-nav > ul li .icon-global, .responsive .utility-nav > ul li .icon-solid_wrrow_down {
    display: none;
  }
  .responsive .utility-nav .search {
    width: 100%;
    top: 57px;
    min-width: 200px;
  }
  .responsive .utility-nav .search .popularSearches {
    padding: 0.75em 0 0;
  }
  .responsive .utility-nav .search .popularSearches a.dropdown {
    font-size: 1em;
  }
  .responsive .utility-nav .search li {
    display: block;
  }
  .responsive .utility-nav .search form {
    clear: both;
  }
  .responsive .utility-nav .search .main h3 {
    padding-bottom: 0;
    margin-bottom: 0.25em;
  }
  .responsive .utility-nav .search .main form .button {
    padding: 0.2em 0.625em;
  }
  .responsive .utility-nav .search .main .close-icon {
    display: none;
  }
  .responsive .utility-nav .search .main a.dropdown {
    font-size: 1em;
  }
  .responsive .utility-nav .search .hidden-list {
    padding: 0.75em 5% 0.5em;
  }
  .responsive .utility-nav .search .hidden-list li {
    font-size: 1em;
    padding: 0.35em 0;
  }

  /* ----------------------
   * utility-nav tablet Styles
   -- */
}
@media screen and (max-width: 967px) and (min-width: 720px) and (max-width: 967px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-width: 720px) and (max-width: 967px), only screen and (max-width: 967px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .responsive .utility-nav .search {
    width: 40%;
    margin-top: 13px;
  }
}
/* ----------------------
 * campaign-navigation Base Styles
 -- */
/* ----------------------
 * campaign-navigation Tablet Styles
 -- */
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .campaign .main-header-nav {
    /* top: 57px; */
  }
}
/* ----------------------
 * Breadcrumb Base Styles
 -- */
.breadcrumb .icon-carousel-arrow-right:before {
  font-size: 10px;
  padding-left: 0.625em;
  display: inline;
  position: relative;
  top: 0;
  left: 0;
}

ul.breadcrumb {
  display: block;
}
ul.breadcrumb a {
  color: #000;
}
ul.breadcrumb li {
  display: inline;
  margin-right: 9px;
}
ul.breadcrumb li.last {
  background: none;
  margin-right: 0;
  padding-right: 0;
}
ul.breadcrumb li.selected {
  color: #9c9c9c;
}

@media (max-width: 719px) {
  .responsive ul.breadcrumb {
    display: none !important;
  }
}
.most-shared {
  margin-bottom: 1.5em;
}
.most-shared h2 {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.09091;
  margin-bottom: 1.09091em;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}
.most-shared h2 .icon-share {
  display: none;
  font-size: 1.2em;
  padding-left: 10px;
}
.most-shared .content-type {
  color: #888;
  display: block;
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.7143em;
  text-transform: uppercase;
}
.most-shared a:hover {
  color: #00a5d9;
}

/* ----------------------
 * share-this Base Styles
 -- */
.sthoverbuttons-pos-left {
  display: block;
}

.share-this-icons {
  display: none;
  margin-bottom: -20px;
  zoom: 1;
}
.share-this-icons:before, .share-this-icons:after {
  display: table;
  content: "";
  zoom: 1;
}
.share-this-icons:after {
  clear: both;
}
.share-this-icons > span {
  display: block;
  float: left;
}

.share-this-wrapper {
  letter-spacing: normal;
  overflow: inherit;
}

.share-this {
  border: 1px solid #9c9c9c;
  height: 233px;
  width: 40px;
  position: absolute;
  background: #eeeeee;
  left: 0;
}
.share-this .container {
  border: 1px solid #fff;
  height: 231px;
  text-align: center;
}

/* .content-wrap .subscribe { display: none !important; } */
@media (max-width: 1150px) {
  .sthoverbuttons-pos-left {
    display: none;
  }

  .breadcrumb-row .share-this-icons {
    float: right;
    width: 243px;
    padding-top: 6px;
    display: none;
  }

  .breadcrumb-row .share-this-wrapper .share-this {
    display: none;
  }
  .breadcrumb-row .share-this-wrapper .mobile {
    display: block;
    text-align: right;
    padding-top: 10px;
    width: 76px;
    float: right;
    /*height:34px;*/
    color: #0092c7;
    cursor: pointer;
  }
}
/* ----------------------
 * share-this Mobile Styles
 -- */
/* ----------------------
 * share-this mobile Styles
 -- */
/* Tablet */
@media screen and (max-width: 967px) {
  .responsive .breadcrumb-row .share-this-wrapper .mobile a .icon-share {
    display: inline-block;
    width: 15px;
  }
  .responsive .breadcrumb-row .share-this-icons {
    /* 		width:145px; */
  }
}
/* Phone */
@media (max-width: 719px) {
  .responsive .breadcrumb-row .share-this-wrapper .mobile a .icon-share {
    display: inline-block;
    width: 15px;
  }
  .responsive .breadcrumb-row .share-this-wrapper .share-this-icons {
    margin-bottom: -12px;
    padding-right: .75em;
  }
}
.right-rail div.table-cell p, .right-rail div.last {
  margin-bottom: 0;
}
.right-rail .module {
  border-bottom: 1px solid #d5d5d5;
  clear: both;
  margin-bottom: 1.5em;
  overflow: auto;
  padding-bottom: 1.4375em;
}
.right-rail .module.image-links > div {
  margin-bottom: 0.75em;
}
.right-rail .module.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 1.5em;
}
.right-rail .module.right-rail-form {
  border-bottom: none;
  padding-bottom: 1.5em;
}
.right-rail .module > *:last-child {
  margin-bottom: 0;
}
.right-rail div.webinar-event,
.right-rail div.current-conversations div {
  margin-bottom: 0.75em;
  overflow: auto;
}
.right-rail h2 {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}
.right-rail h3,
.right-rail h5,
.right-rail p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 0.75em;
}
.right-rail .load-more,
.right-rail .more-link {
  font-size: 1em;
  margin-top: 0;
}
.right-rail ul {
  list-style: none;
  margin: 0 0 0.75em;
  padding-bottom: 0;
}
.right-rail ul li {
  list-style: none;
  margin: 0 0 0.375em;
}
.right-rail ul li .icon-notch-arrow-skinny-right {
  color: #adb1ad;
  font-size: 0.6em;
  padding: 0 0.75em;
}
.right-rail ul li:last-child {
  margin-bottom: 0;
}
.right-rail img {
  clear: both;
  margin: 0 0 0.75em;
  max-width: 100%;
}
.right-rail img.logo {
  background: #fff;
  padding: 0.75em;
}
.right-rail img.table-cell {
  float: left;
  margin-right: 0.75em;
}
.right-rail .video-image-container-link {
  margin: 0 0 0.75em;
}
.right-rail .video-image-container-link img {
  margin: 0;
}
.right-rail .module.eloqua-wrapper {
  overflow: hidden;
}
.right-rail .module.eloqua-wrapper h2 {
  font-size: 1.125em;
  line-height: 1.3333334em;
  margin: 0 0 0.6666667em;
  text-transform: none;
}

@media screen and (max-width: 967px) {
  .responsive .right-rail {
    background: #eeeeee;
    border-top: 1px solid #ccc;
    clear: both;
    padding: 1.4375em 0 0;
    width: 100%;
  }
  .responsive .right-rail.col-1-3 {
    background: #fff;
    border-top: none;
    padding: 0 0 0 2.95652%;
    width: 94.08696%;
  }
  .responsive .right-rail.customer-stories {
    display: none;
  }
  .responsive .right-rail div.image-links.last {
    padding-bottom: 1.5em;
  }
  .responsive .right-rail div.image-links div {
    overflow: auto;
    margin-bottom: 0;
  }
  .responsive .right-rail div.image-links img {
    float: left;
    margin-right: 1em;
  }
  .responsive .right-rail .module {
    border-bottom: none;
    clear: none;
    display: block;
    float: left;
    margin: 0 0 1.5em;
    overflow: auto;
    padding: 0 1.666%;
    width: 30%;
  }
  .responsive .right-rail .module:nth-child(3n+1) {
    clear: both;
  }
  .responsive .right-rail .module.related-video-sidebar {
    padding: 0;
    width: 100%;
  }
  .responsive .right-rail .video-image-container-link {
    float: left;
    margin: 0 3% 1em 0;
    width: 33%;
  }
}
@media screen and (max-width: 719px) {
  .responsive .right-rail {
    background: transparent;
  }
  .responsive .right-rail.col-1-3 {
    border-top: 1px solid #d5d5d5;
    margin-bottom: 1.5em;
    padding: 0;
  }
  .responsive .right-rail.col-1-4 {
    padding-bottom: 0;
  }
  .responsive .right-rail div.image-links div {
    margin-bottom: 1em;
    overflow: auto;
  }
  .responsive .right-rail .module {
    clear: both;
    float: none;
    padding: 0;
    width: 100%;
  }
  .responsive .right-rail .module.right-rail-form {
    padding: 1.5em;
    width: auto;
  }
  .responsive .right-rail .video-image-container-link {
    float: left;
    margin: 0 3% 1.5em 0;
    width: 33%;
  }
}
.header-bg-or-carousel, .header-bg-or-carousel-mobile {
  letter-spacing: normal;
  word-spacing: normal;
}

.header-bg-or-carousel {
  display: none;
}

/* ----------------------
 * homepage-carousel Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .header-bg-or-carousel {
    display: none;
  }
  .responsive .header-bg-or-carousel-mobile {
    background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/home-banner-1.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
  }
  .responsive .caption {
    margin: 0 auto;
    max-height: none;
    position: relative;
    top: 0;
    width: 97%;
  }
  .responsive .caption-title,
  .responsive .caption-link {
    width: auto;
  }
  .responsive .caption-title {
    font-size: 2.55em;
    line-height: 1.1em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-top: 0;
  }
  .responsive .caption-title span {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: inline-block;
    line-height: 1.2em;
    padding: 0 4px;
  }
  .responsive .caption-title .black-space {
    display: none;
  }
  .responsive .caption-title .black-bg {
    background-color: transparent;
  }
  .responsive .caption-link {
    font-size: 1.55em;
    line-height: 1.25em;
    margin: 0;
  }
  .responsive .caption-link .caption-text {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    color: #53d5ff;
  }
  .responsive .caption-link .caption-text .icon-notch-arrow-right:before {
    background-color: transparent;
    font-size: 0.75em;
  }
  .responsive .caption-link .caption-text:hover {
    color: #fff;
    text-decoration: none;
  }
  .responsive .caption-link .black-bg {
    display: inline-block;
    padding: 0 3px;
  }
}
/* ----------------------
 * homepage-carousel Desktop Styles
 - */
@media (min-width: 720px) {
  .responsive .header-bg-or-carousel-mobile {
    display: none;
  }
  .responsive .header-bg-or-carousel {
    display: block;
    max-width: 1900px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto -168px;
  }
  .responsive .header-bg-or-carousel #outer-wrapper {
    z-index: -1;
  }
  .responsive .header-bg-or-carousel ul, .responsive .header-bg-or-carousel li {
    width: 100%;
    overflow: hidden;
  }
  .responsive .caption {
    display: block;
    position: relative;
    z-index: 29;
  }
  .responsive .caption-title {
    font-size: 4em;
    margin-bottom: 0;
    margin-top: 0;
    -moz-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
  }
  .responsive .caption-title span {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    line-height: 1.2em;
  }
  .responsive .caption-title .black-space {
    display: none;
  }
  .responsive .caption-title .black-bg {
    background-color: transparent;
    padding-left: 0;
  }
  .responsive .caption-link .caption-text {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    color: #53d5ff;
    font-size: 2em;
  }
  .responsive .caption-link .caption-text .icon-notch-arrow-right:before {
    background-color: transparent;
    font-size: 0.75em;
  }
  .responsive .caption-link .caption-text:hover {
    color: #fff;
    text-decoration: none;
  }
  .responsive .caption-link .black-bg {
    display: inline-block;
    padding: 3px 3px 4px;
    -moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  }
  .responsive .content.homepage .header-bg-or-carousel {
    margin-bottom: -86px;
  }
  .responsive .content.homepage #outer-wrapper {
    width: 100%;
    height: 558px;
  }
  .responsive #carousel-wrapper {
    /* width: 100%; */
    height: 558px;
    margin: 0 auto;
    position: relative;
  }
  .responsive #carousel-wrapper #outer-wrapper {
    z-index: -1;
  }
  .responsive #carousel-rotation {
    height: 558px;
  }
  .responsive .carousel-item {
    /* width:100%;
    height: 558px; */
    display: none;
  }
  .responsive .carousel-item .image-wrap {
    display: block;
    width: 500px;
    height: 558px;
    margin: 0 auto;
    overflow: visible;
    text-align: center;
  }
  .responsive .carousel-item img {
    max-width: 100%;
    display: inline;
  }
  .responsive .header-bg-or-carousel .carousel-item img, .responsive .campaign-bg-or-carousel .carousel-item img {
    margin-left: -700px;
    height: 558px;
    width: 1900px;
    max-width: 1900px;
  }
  .responsive .campaign-bg-or-carousel .carousel-item img {
    margin-left: -454px;
    width: 1400px;
    max-width: 1400px;
  }
  .responsive a#carousel-prev, .responsive a#carousel-next {
    color: #fff;
    position: absolute;
    z-index: 29;
    width: 2.5%;
    bottom: 43%;
    height: 80px;
    width: 30px;
    padding: 10px;
    opacity: 0.65;
  }
  .responsive a#carousel-prev:hover, .responsive a#carousel-next:hover {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
  }
  .responsive a#carousel-prev {
    left: 1%;
  }
  .responsive a#carousel-next {
    right: 1%;
  }
  .responsive .header-bg-or-carousel .icon-carousel-arrow-left:before, .responsive .header-bg-or-carousel .icon-carousel-arrow-right:before {
    font-size: 5.2em;
    line-height: 0.9em;
    display: block;
    position: absolute;
    left: -40%;
  }
  .responsive .ie7 .icon-carousel-arrow-left span, .responsive .ie7 .icon-carousel-arrow-right span {
    font-size: 5.2em;
  }
  .responsive .ie7 a#carousel-next {
    right: 5%;
  }
  .responsive .pager-controls {
    position: absolute;
    z-index: 29;
    bottom: 37%;
    width: 95%;
    height: 20%;
    left: 0;
    margin: 0 2.5%;
  }
  .responsive #pager-wrap-pos {
    position: absolute;
    bottom: 120px;
    right: 0;
    width: 1150px;
    margin: 0 auto;
    z-index: 29;
    display: block;
  }
  .responsive #pager-wrap-pos #pager-wrap {
    position: absolute;
    background: black;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    right: 0;
    height: 26px;
    padding: 4px 9px 0;
    margin-right: 2.9%;
  }
  .responsive #pager-wrap-pos #pager-wrap .pause-button {
    color: #fff;
  }
  .responsive #pager-wrap-pos #pager-wrap .pause-button .hidden-text {
    text-indent: -10000px;
    display: inline-block;
  }
  .responsive #pager-wrap-pos #pager-wrap .pause-button:hover {
    text-decoration: none;
  }
  .responsive #pager-wrap-pos #pager-wrap .pause-button.paused {
    color: #53d5ff;
  }
  .responsive #pager-wrap-pos #pager {
    display: inline-block;
  }
  .responsive #pager-wrap-pos #pager > a {
    margin: 0;
    color: white;
    color: rgba(255, 255, 255, 0);
    width: 13px;
    height: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    background: white;
    background: rgba(255, 255, 255, 0.43);
    border-radius: 14px;
    line-height: 10px;
    text-indent: -10000px;
    display: block;
    float: left;
    margin: 0 4px;
  }
  .responsive #pager-wrap-pos #pager > a:hover {
    background: #fff;
  }
  .responsive #pager-wrap-pos #pager > a.activeSlide {
    background: #53d5ff;
  }
  .responsive .carousel-fluid-fix {
    position: relative;
    display: block;
    /* height: 100% !important; */
  }
}
@media screen and (max-width: 1150px) {
  a#carousel-prev {
    left: 0;
  }

  a#carousel-next {
    right: 0;
  }

  .header-bg-or-carousel .icon-carousel-arrow-left:before, .header-bg-or-carousel .icon-carousel-arrow-right:before {
    /* 		font-size: 5.2em; */
    line-height: 0.95em;
    left: -32%;
  }

  #pager-wrap-pos {
    width: 100%;
  }

  .caption {
    margin: 0 auto;
    max-height: 335px;
    top: -415px;
    width: 100%;
  }

  .caption-title,
  .caption-link {
    margin-left: 5%;
    width: 85%;
  }
}
@media screen and (min-width: 968px) {
  .responsive .caption {
    max-height: 286px;
    top: -406px;
  }
  .responsive .caption-title,
  .responsive .caption-link {
    margin-left: 7%;
    width: 86%;
  }
}
@media screen and (min-width: 1150px) {
  .caption {
    margin-left: auto;
    margin-right: auto;
    width: 1150px;
  }

  .caption-title,
  .caption-link {
    margin-left: 2.5%;
  }
}
/* ----------------------
 * homepage-carousel Tablet Styles
 -- */
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .caption {
    margin: 0 auto;
    max-height: 335px;
    top: -443px;
    width: 100%;
  }
  .responsive .caption-title,
  .responsive .caption-link {
    margin-left: 8%;
    width: 84%;
  }
  .responsive .caption-title {
    font-size: 3.6em;
  }
  .responsive .caption-link {
    margin-top: 1.2em;
  }
  .responsive .caption-link .caption-text {
    font-size: 1.8em;
  }
}
.campaign-bg-or-carousel, .campaign-bg-or-carousel-mobile {
  letter-spacing: normal;
  word-spacing: normal;
}

.campaign-bg-or-carousel-mobile, .campaign-bg-or-carousel {
  display: block;
}
.campaign-bg-or-carousel-mobile .icon-podcast, .campaign-bg-or-carousel .icon-podcast {
  font-size: 1.9em;
  position: absolute;
  right: 7px;
  top: 5px;
}
.campaign-bg-or-carousel-mobile a, .campaign-bg-or-carousel a {
  color: #fff;
}
.campaign-bg-or-carousel-mobile a.call-to-action, .campaign-bg-or-carousel a.call-to-action {
  font-size: 1em;
  background: #53d5ff;
  display: inline;
  position: relative;
  color: #000;
  padding: 11px 42px 11px 11px;
  top: 0.5em;
}
.campaign-bg-or-carousel-mobile a.call-to-action:hover, .campaign-bg-or-carousel a.call-to-action:hover {
  text-decoration: none;
  background: #fff;
}
.campaign-bg-or-carousel-mobile .arrow, .campaign-bg-or-carousel .arrow {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/circle-arrow.png") 11px 0 no-repeat;
  height: 33px;
  width: 33px;
  display: inline-block;
  padding-left: 10px;
}
.campaign-bg-or-carousel-mobile .caption, .campaign-bg-or-carousel .caption {
  background: black;
  background: rgba(0, 0, 0, 0.66);
  color: #fff;
  text-align: center;
}
.campaign-bg-or-carousel-mobile .icon-carousel-arrow-left:before, .campaign-bg-or-carousel-mobile .icon-carousel-arrow-right:before, .campaign-bg-or-carousel .icon-carousel-arrow-left:before, .campaign-bg-or-carousel .icon-carousel-arrow-right:before {
  /* font-size: 5.25em; */
  line-height: 0.97em;
  left: -36%;
}
.campaign-bg-or-carousel-mobile #pager-wrap-pos, .campaign-bg-or-carousel #pager-wrap-pos {
  top: 398px;
}

.campaign-caption-title {
  line-height: 1.1em;
  margin: 0 0 0.25em 0;
  width: 100%;
}
.campaign-caption-title a:hover {
  color: #53d5ff;
  text-decoration: none;
}

.campaign-caption-subtitle {
  font-size: 1.5em;
  line-height: 1.35em;
  margin-top: 0;
}
.campaign-caption-subtitle a:hover {
  color: #53d5ff;
  text-decoration: none;
}

@media screen and (min-width: 720px) {
  .campaign-bg-or-carousel .caption {
    top: -412px;
    width: 76%;
    padding: 2em 3% 0;
    margin-left: auto;
    margin-right: auto;
  }

  .campaign-caption-title {
    font-size: 3em;
  }
}
@media screen and (min-width: 1024px) {
  .campaign-bg-or-carousel .caption {
    width: 58%;
  }

  .campaign-caption-title {
    font-size: 4em;
  }
}
@media screen and (min-width: 1150px) {
  .campaign-bg-or-carousel .caption {
    width: 50%;
  }
}
/* ----------------------
 * campaign-carousel Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .campaign-bg-or-carousel {
    display: none;
  }
  .responsive .campaign-bg-or-carousel-mobile {
    display: block;
    background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/home-banner-1.jpg") 0 0 no-repeat;
    height: 305px;
  }
  .responsive .campaign-bg-or-carousel-mobile .content {
    float: left;
    width: 100%;
  }
  .responsive .campaign-bg-or-carousel-mobile .caption {
    position: relative;
    padding: 1em 2.5%;
    margin-top: 1.5em;
    margin-left: 0;
    margin-right: 0;
    width: 95%;
  }
  .responsive .campaign-bg-or-carousel-mobile .button {
    text-align: center;
    margin-top: 1.5em;
  }
  .responsive .campaign-bg-or-carousel-mobile a.call-to-action {
    display: inline-block;
    padding: 11px 42px 11px 11px;
  }
  .responsive .campaign-bg-or-carousel-mobile .icon-podcast {
    position: absolute;
    right: 0;
    top: 7px;
    padding-right: 9px;
  }
  .responsive .campaigns-sub {
    border-top: 10px solid #00a389;
  }
  .responsive .campaign-caption-title,
  .responsive .campaign-caption-subtitle {
    margin-bottom: 0;
    text-align: left;
  }
  .responsive .campaign-caption-title {
    font-size: 2em;
  }
  .responsive .campaign-caption-subtitle {
    font-size: 1.3em;
  }
}
/* ----------------------
 * campaign-carousel Desktop Styles
 - */
@media (min-width: 720px) {
  .campaign-bg-or-carousel-mobile {
    display: none;
  }

  .campaign-bg-or-carousel {
    display: block;
    max-width: 1400px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto -110px;
  }
  .campaign-bg-or-carousel #outer-wrapper {
    z-index: -1;
  }
  .campaign-bg-or-carousel ul, .campaign-bg-or-carousel li {
    width: 100%;
    overflow: hidden;
  }
}
.trending-topics {
  margin-bottom: 1.5em;
}
.trending-topics h2 {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.09091;
  margin-bottom: 1.09091em;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}
.trending-topics .topic-wrap,
.trending-topics .item {
  margin-bottom: 1.5em;
  overflow: hidden;
}
.trending-topics .slug {
  color: #888;
  display: block;
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.7143em;
  text-transform: uppercase;
}
.trending-topics p {
  margin: 0;
}
.trending-topics img {
  float: left;
  padding: 0 0.75em 0.75em 0;
  width: 60px;
}
.trending-topics a:hover {
  color: #00a5d9;
}

/* ----------------------
 * blog_mashup_list Base Styles
 -- */
.blog-mashup-list {
  clear: both;
}
.blog-mashup-list .topic-wrap {
  clear: left;
  overflow: hidden;
  margin-bottom: 2em;
  float: left;
  width: 49%;
}
.blog-mashup-list .topic-wrap.even {
  clear: none;
  margin-left: 1%;
}
.blog-mashup-list .slug {
  font-size: 0.875em;
  line-height: 1.142em;
  color: #000;
  display: block;
  font-weight: 700;
}
.blog-mashup-list p {
  margin: 0.25em 0;
  color: #666;
  font-size: 0.875em;
}
.blog-mashup-list a.follow-slug {
  background: #daf6ff;
  display: inline-block;
  padding: 5px 15px 4px 9px;
  color: #0197d6;
  font-size: 0.8125em;
  margin-top: 0.8em;
}
.blog-mashup-list a.follow-slug span {
  margin-right: 0.6875em;
  font-size: 0.875em;
}
.blog-mashup-list img {
  float: left;
  padding: 0 14px 14px 0;
  max-width: 27%;
}
.blog-mashup-list a:hover {
  color: #00a5d9;
}

/* ----------------------
 * trending-topics Desktop Styles
 -- */
/* ----------------------
 * featured-video Base Styles
 -- */
.featured-video p {
  margin: 0.25em 0 1em;
}
.featured-video a:hover {
  color: #00a5d9;
}

/* ----------------------
* newsletter-contact Base Styles
-- */
.newsletter-contact {
  background-color: #ededed;
  padding: 1.75em 7.9% 1.5em;
  overflow: auto;
}
.newsletter-contact .col-1-2 {
  width: 100%;
  padding: 0;
  margin: 0;
}
.newsletter-contact h2 {
  margin-bottom: 0;
  text-transform: none;
}
.newsletter-contact h2 span {
  font-size: 0.8em;
  display: block;
  margin-top: 0.25em;
}
.newsletter-contact h3 {
  padding: 0.75em 0 0.35em;
  font-size: 1.0625em;
  margin-bottom: 0;
}
.newsletter-contact p {
  font-size: 0.875em;
  line-height: 1.285em;
  margin: 0 0 0.25em;
}
.newsletter-contact p.phone {
  color: #22a6d8;
  font-size: 2em;
  margin: 0;
}
.newsletter-contact .contact-button {
  display: inline-block;
  margin: 0.6em 0 0.7em;
  padding: 1em 11% 0.8em;
  background-color: #53d5ff;
  color: #000;
  border: none;
  padding: 14px 16px 12px;
  text-align: center;
  font-size: 0.9em;
  line-height: 0.9em;
}
.newsletter-contact .contact-button:hover {
  color: #53d5ff !important;
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .newsletter-contact {
    margin-top: 1.5em;
    padding: 1.5em 1.5em 1em;
  }
  .responsive .newsletter-contact h2 {
    margin-bottom: 0.5em;
  }
  .responsive .newsletter-contact .col-1-2 {
    width: 48.52174%;
  }
  .responsive .newsletter-contact .col-1-2:last-child {
    padding-left: 2.95652%;
  }
  .responsive .newsletter-contact .col-1-2 p:first-child, .responsive .newsletter-contact .col-1-2 h3:first-child {
    padding-top: 0;
    margin-top: 0;
  }
  .responsive .newsletter-contact h3 {
    margin-bottom: 0;
    padding: 0;
  }
  .responsive .newsletter-contact p {
    font-size: 0.95em;
    margin: 0.25em 0;
  }
  .responsive .newsletter-contact p.phone {
    margin-bottom: 0.35em;
  }
  .responsive .newsletter-contact ul.follow-list {
    margin-top: 0.5em;
  }
}
@media (max-width: 719px) {
  .responsive .newsletter-contact {
    background-color: #ededed;
    padding: 1.5em 4%;
  }
  .responsive .newsletter-contact .col-1-2 {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .responsive .newsletter-contact .col-1-2 h3:first-child {
    padding-top: 0;
    margin-top: 0;
  }
  .responsive .newsletter-contact h3 {
    font-size: 1.2em;
    line-height: 1.4em;
    padding-bottom: 0.25em;
    padding-top: 0.9em;
  }
  .responsive .newsletter-contact p {
    font-size: 1em;
    line-height: 1.4em;
  }
  .responsive .newsletter-contact .submit-button {
    width: 100%;
  }
  .responsive .newsletter-contact .contact-button {
    width: 100%;
    padding: 14px 0 12px;
    font-size: 1em;
  }
}
.customer-stories {
  letter-spacing: normal;
  word-spacing: normal;
}

#customer-story-tabs {
  background: #eeeeee;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#customer-story-tabs li {
  font-size: 0.875em;
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 1.3em 1em 1.15em 1em;
  line-height: 1em;
  color: #888888;
  overflow: visible;
  background: inherit;
}
#customer-story-tabs li span {
  display: block;
}
#customer-story-tabs li.active, #customer-story-tabs li:hover {
  color: #000;
}

.customer-stories-container {
  background: #fff;
  margin-bottom: 1em;
}
.customer-stories-container .content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.customer-stories-container .content-wrap .carousel-content {
  display: none;
}
.customer-stories-container .content-wrap .carousel-content .contentWrapper {
  display: table;
  width: 100%;
}
.customer-stories-container .content-wrap .carousel-content .contentWrapper .content-container {
  padding-top: 2em;
  padding-bottom: 1em;
  padding-right: 5%;
  width: 57%;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.customer-stories-container .content-wrap .carousel-content .contentWrapper .video-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  float: none;
  padding: 0 6% 0 0;
}
.customer-stories-container .content-wrap .carousel-content .contentWrapper .video-container img {
  width: auto;
  max-width: 100%;
  padding: 2em 0 1em 0;
  margin: 0 auto;
}

.content-container .quote {
  font-size: 1.9em;
  line-height: 1.45em;
  margin: 0;
  padding-bottom: 0;
  padding-left: 37px;
}
.content-container .quote .icon-quote-right {
  font-size: 26px;
  padding-left: 0.35em;
  color: #ccc;
}
.content-container .quote .icon-quote-left {
  font-size: 26px;
  color: #ccc;
  display: block;
  position: absolute;
  margin-left: -36px;
}
.content-container .author, .content-container .title {
  color: #888888;
  padding-left: 37px;
}
.content-container .title {
  font-size: 0.8375em;
  line-height: 0.933em;
}
.content-container .submit-button {
  margin: 2em 0 0 8%;
  color: #000;
  display: inline-block;
}
.content-container a {
  padding-left: 37px;
}

.customer-stories-carousel {
  display: none;
  padding-top: 1.5em;
}
.customer-stories-carousel h2 {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.09091;
  margin-bottom: 1.09091em;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}

.carousel .header-container {
  display: block;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}

/* ----------------------
 * customer-stories Mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .customer-stories-carousel .col-1 {
    padding-bottom: 0;
  }
  .responsive #customer-story-tabs {
    background: #000;
  }
  .responsive #customer-story-tabs li {
    color: #ccc;
    padding: 1em 1.25em;
  }
  .responsive #customer-story-tabs li.active, .responsive #customer-story-tabs li:hover {
    color: #fff;
  }
  .responsive .customer-stories-container .content-wrap .carousel-content .contentWrapper {
    display: block;
  }
  .responsive .customer-stories-container .content-wrap .carousel-content .contentWrapper .mobile-only {
    text-align: center;
    margin: 1.5em 0 0;
    padding: 0 20%;
  }
  .responsive .customer-stories-container .content-wrap .carousel-content .contentWrapper .content-container {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-top: 1em;
  }
  .responsive .customer-stories-container .content-wrap .carousel-content .contentWrapper .video-container {
    display: none;
  }
  .responsive .content-container .quote {
    font-size: 1.5em;
    padding-right: 25px;
    padding-left: 25px;
  }
  .responsive .content-container .quote .icon-quote-left {
    margin-left: -25px;
    font-size: 21px;
  }
  .responsive .content-container .quote .icon-quote-right {
    font-size: 21px;
  }
  .responsive .content-container .author, .responsive .content-container .title, .responsive .content-container a {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .customer-stories-carousel {
    margin-top: 2em;
  }
  .responsive #customer-story-tabs {
    background: #000;
  }
  .responsive #customer-story-tabs li {
    color: #ccc;
  }
  .responsive #customer-story-tabs li.active, .responsive #customer-story-tabs li:hover {
    color: #fff;
  }
  .responsive .content-container .quote {
    font-size: 1.55em;
    padding-left: 30px;
  }
  .responsive .content-container .quote .icon-quote-left {
    margin-left: -30px;
    font-size: 21px;
  }
  .responsive .content-container .quote .icon-quote-right {
    font-size: 21px;
  }
  .responsive .content-container .author, .responsive .content-container .title, .responsive .content-container a {
    padding-left: 30px;
  }
}
/* ----------------------
 * customer-stories Desktop Styles
 -- */
@media screen and (min-width: 720px) {
  .customer-stories-carousel {
    width: 100%;
  }
  .customer-stories-carousel .content-wrap .col-1 {
    padding-top: 0;
    padding-bottom: 0;
    /* padding: 0 1.5%; */
  }
  .customer-stories-carousel .content-wrap .col-1-4 {
    /* padding: 0 0 0 1.5%; */
    padding-top: 0;
    padding-bottom: 0;
  }
  .customer-stories-carousel .content-wrap .col-3-4 {
    /* padding: 0 1.5% 0  0; */
    padding-top: 0;
    padding-bottom: 0;
  }

  .customer-stories-container .content-container {
    /* padding-left:0; */
  }
  .customer-stories-container .content-wrap {
    background: #fff;
  }
  .customer-stories-container .content-wrap .col-1-2.video-container {
    /* padding-right:0; */
  }
  .customer-stories-container .content-wrap .col-1-2.content-container {
    /* padding-left:0; */
  }
}
@media screen and (min-width: 1150px) {
  .customer-stories-container .content-wrap .col-1-2.video-container {
    /* padding:0 0 0 1.5%; */
    padding-top: 0;
    padding-bottom: 0;
  }
  .customer-stories-container .content-wrap .col-1-2.content-container {
    background: #fff;
    /* padding:0 1.5% 0 0; */
    padding-top: 0;
    padding-bottom: 0;
  }

  .customer-stories-component {
    height: 100%;
    background: #fff;
  }
  .customer-stories-component .content {
    background: #fff;
  }
}
/* ----------------------
 * find-software Base Styles
 -- */
.customer-stories-landing {
  overflow: auto;
}
.customer-stories-landing .carousel-content {
  display: none;
}
.customer-stories-landing .customer-stories-component {
  overflow: auto;
}
.customer-stories-landing .customer-stories-component .carousel .header-container {
  overflow: auto;
}
.customer-stories-landing .customer-stories-component .carousel .header-container h2 {
  float: left;
}
.customer-stories-landing .customer-stories-component .carousel .header-container a {
  float: right;
  color: #00a5d9;
  font-size: 0.9em;
}
.customer-stories-landing .customer-stories-component .carousel .header-container a span {
  font-size: 0.75em;
  padding-left: 0.25em;
}
.customer-stories-landing .customer-stories-component .carousel .header-container a:hover {
  text-decoration: none;
  color: #00a389;
}
.customer-stories-landing .carousel-content .contentWrapper {
  overflow: auto;
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
  padding: 2em 0 0.5em;
}
.customer-stories-landing .carousel-content .contentWrapper .logo {
  float: left;
  width: 25%;
  padding: 0 3%;
  text-align: center;
}
.customer-stories-landing .carousel-content .contentWrapper .quote {
  float: left;
  width: 64%;
  padding: 0 3% 0 1.5%;
}
.customer-stories-landing .carousel-content .contentWrapper .quote span {
  color: #ccc;
}
.customer-stories-landing .carousel-content .contentWrapper .quote span.icon-quote-left {
  position: absolute;
  font-size: 1.3em;
}
.customer-stories-landing .carousel-content .contentWrapper .quote span.icon-quote-right {
  padding-left: 0.35em;
}
.customer-stories-landing .carousel-content .contentWrapper .quote p {
  margin-top: 0;
  font-size: 1.3em;
  line-height: 1.4em;
  font-weight: 700;
  padding-left: 30px;
  margin-bottom: 0.5em;
}
.customer-stories-landing .carousel-content .contentWrapper .quote p.author {
  font-size: 0.9em;
  color: #777777;
  margin-bottom: 1em;
}
.customer-stories-landing .carousel-content .contentWrapper .quote p a {
  font-size: 0.875em;
}
.customer-stories-landing .carousel-content .contentWrapper .quote p a span {
  color: inherit;
}

@media screen and (max-width: 967px) {
  .responsive .customer-stories-landing .carousel-content .contentWrapper .logo {
    width: 17%;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper .quote {
    width: 72%;
  }
}
@media screen and (max-width: 719px) {
  .responsive .customer-stories-landing #customer-story-tabs {
    background: #eee;
  }
  .responsive .customer-stories-landing #customer-story-tabs li {
    color: #888888;
    font-size: 1em;
    padding: 0.75em;
  }
  .responsive .customer-stories-landing #customer-story-tabs li.active {
    color: #000;
  }
  .responsive .customer-stories-landing .carousel .header-container a {
    float: none;
    display: block;
    font-size: 1em;
    margin-bottom: 1.35em;
  }
  .responsive .customer-stories-landing .carousel .header-container h2 {
    float: none;
    display: block;
    margin-bottom: 0.65em;
  }
  .responsive .customer-stories-landing .carousel-content {
    padding: 0 0 0.5em;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper {
    padding: 1.5em 3%;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper .logo {
    float: none;
    width: 50%;
    padding: 0;
    margin: 0 auto;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper .quote {
    float: none;
    width: 100%;
    padding: 1em 0 0;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper .quote span.icon-quote-left {
    position: static;
    display: inline;
    margin-right: 0.25em;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper .quote p {
    display: inline;
    padding-left: 0;
  }
  .responsive .customer-stories-landing .carousel-content .contentWrapper .quote p.author {
    display: block;
    margin-top: 1em;
  }
}
/* ----------------------
 * find-software Base Styles
 -- */
.customer-stories-chart {
  padding-bottom: 2em;
  clear: both;
}
.customer-stories-chart .row {
  display: table;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 0.5em;
  position: relative;
}
.customer-stories-chart .row .arrow-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #a05fa6;
  position: absolute;
  left: 30.8%;
  top: 1.25em;
}
.customer-stories-chart .row h2 {
  font-size: 1.25em;
  line-height: 1.35em;
  color: white;
  background: #2da3e0;
  width: 31%;
  padding: 0.75em 2.5%;
  margin: 0;
  text-transform: none;
  display: table-cell;
  vertical-align: top;
}
.customer-stories-chart .row h2 span {
  display: none;
}
.customer-stories-chart .row div {
  display: table-cell;
  vertical-align: top;
  background: #eeeeee;
  padding: 1em 3% 0.25em;
  margin: 0;
}
.customer-stories-chart .row div > p {
  margin-top: 0;
  margin-bottom: 0.65em;
}
.customer-stories-chart .row ul li {
  list-style: disc outside;
  margin-left: 4%;
  margin-bottom: 0.65em;
}

@media screen and (max-width: 967px) {
  .responsive .customer-stories-chart .row h2 {
    width: 23%;
  }
  .responsive .customer-stories-chart .row h2 span {
    display: none;
  }
  .responsive .customer-stories-chart .row .arrow-right {
    left: 22.8%;
  }
}
@media screen and (max-width: 719px) {
  .responsive .customer-stories-chart {
    display: block;
  }
  .responsive .customer-stories-chart .row {
    margin-bottom: 0.25em;
  }
  .responsive .customer-stories-chart .row h2, .responsive .customer-stories-chart .row div {
    display: block;
    width: 94%;
    padding: 0.5em 3%;
  }
  .responsive .customer-stories-chart .row h2 span {
    display: block;
    position: absolute;
    font-size: 0.7em;
    right: 3%;
    top: 1.2em;
  }
  .responsive .customer-stories-chart .row h2:hover {
    cursor: pointer;
  }
  .responsive .customer-stories-chart .row div {
    padding: 1em 3% 0.25em;
    display: none;
  }
  .responsive .customer-stories-chart .row div.active {
    display: block;
  }
  .responsive .customer-stories-chart .row .arrow-right {
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2da3e0;
    top: 2.9em;
    left: 46%;
  }
  .responsive .customer-stories-chart .row ul li {
    margin-left: 6%;
    font-size: 1.125em;
    line-height: 1.45em;
  }
}
.at-a-glance {
  padding-bottom: 2em;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.at-a-glance h3 {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: 1.125em;
  line-height: 1.277em;
}
.at-a-glance .pointer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.at-a-glance .pointer img {
  display: block;
  margin: 0 auto;
}
.at-a-glance ul {
  height: 100px;
  line-height: 100%;
  width: 100%;
  text-align: center;
}
.at-a-glance ul li {
  height: 100%;
  display: inline-block;
  margin: 0 1.5%;
  width: 22%;
  vertical-align: middle;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -199em;
  white-space: nowrap;
}
.at-a-glance ul li a {
  height: 100%;
  width: 100%;
  display: block;
  overflow: hidden;
}
.at-a-glance ul li a img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.at-a-glance ul .item1 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_1.png");
}
.at-a-glance ul .item2 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_2.png");
}
.at-a-glance ul .item3 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_3.png");
}
.at-a-glance ul .item4 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_4.png");
  margin-right: 0;
}

.ie7 .at-a-glance ul {
  height: 114px;
}
.ie7 .at-a-glance ul li {
  display: block;
  float: left;
}
.ie7 .at-a-glance ul li.item1 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_1.png");
}
.ie7 .at-a-glance ul li.item2 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_2.png");
}
.ie7 .at-a-glance ul li.item3 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_3.png");
}
.ie7 .at-a-glance ul li.item4 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_4.png");
}

.at-a-glance-right-rail ul li {
  background-size: contain !important;
  text-indent: 100%;
  white-space: nowrap;
  background-position: left;
  background-repeat: no-repeat;
  line-height: 1em;
  margin-bottom: 2em;
  overflow: hidden;
  height: 42px;
  width: 100%;
  display: block;
  overflow: hidden;
}
.at-a-glance-right-rail ul li a {
  height: 100%;
  width: 100%;
  display: block;
  overflow: hidden;
}
.at-a-glance-right-rail ul li.item1 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_rr_1.png");
}
.at-a-glance-right-rail ul li.item2 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_rr_2.png");
}
.at-a-glance-right-rail ul li.item3 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_rr_3.png");
}
.at-a-glance-right-rail ul li.item4 {
  background-image: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/at_a_glance_rr_4.png");
  margin-bottom: 0;
}

.info-experts h3 {
  color: #00a5d9;
  margin-bottom: 24px;
}
.info-experts h3 span {
  color: #fff;
  display: block;
  margin-top: 6px;
}

.section-landing {
  padding-bottom: 1.5em;
}
.section-landing h1 {
  font-size: 3.5em;
  line-height: 1.2857143em;
  margin-bottom: 0;
}
.section-landing .sub-header,
.section-landing .sub-header a {
  color: #9c9c9c;
}
.section-landing .sub-header {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}
.section-landing h2 {
  font-size: 2em;
  line-height: 1.25em;
  margin-bottom: 0.5em;
}
.section-landing h3 {
  font-size: 1.5em;
  line-height: 1.3em;
  margin: 1em 0 0.5em;
}
.section-landing p {
  font-size: 1.125em;
  line-height: 1.3333334;
  margin-bottom: 1.3333334em;
}
.section-landing .col-1-3 {
  padding: 0;
  margin: 0 0 0 3%;
  width: 31.333%;
}
.section-landing .col-1-3.first {
  margin: 0;
}
.section-landing .icon-quote-left, .section-landing .icon-quote-right {
  font-size: .7em;
  position: relative;
  top: -0.3em;
}
.section-landing .product h3 {
  margin-bottom: 15px;
  min-height: 35px;
  font-size: 1.1875em;
}
.section-landing .product h3 a {
  padding-bottom: 25px;
  color: #00a5d9;
}
.section-landing .product h3 a:hover {
  color: #00a389;
  text-decoration: none;
}
.section-landing .product > img {
  width: 100%;
}
.section-landing .product .solution-suite {
  min-height: 50px;
  display: table;
  background-color: #000;
  width: 100%;
}
.section-landing .product .solution-suite span {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 35%;
  padding-right: 3%;
}
.section-landing .product .solution-suite h4 {
  color: #fff;
  font-size: 0.8125em;
  line-height: 1.18em;
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em 5%;
}
.section-landing .product .solution-suite img {
  width: auto;
  max-width: 100%;
  padding: 0.2em 0;
}
.section-landing .product .detail-wrap {
  background-color: #eeeeee;
  padding: 0.75em 5% 0;
  position: relative;
}
.section-landing .product .detail-wrap p {
  margin: 0 0 0.75em;
  font-size: 1.05em;
}
.section-landing .product .detail-wrap p.quote-attribution {
  font-size: 0.8em;
  line-height: 1.3em;
  color: #777777;
}
.section-landing .product .detail-wrap .more-link {
  color: #00a5d9;
  font-size: 1.0625em;
  line-height: 1.2353em;
}
.section-landing .product .detail-wrap .more-link:hover {
  color: #00a389;
}
.section-landing .product .detail-wrap .more-link .icon-notch-arrow-right {
  padding-top: 4px;
  position: relative;
}
.section-landing .product .quote {
  font-size: 1.062em;
  line-height: 1.35em;
  margin-bottom: 10px;
}
.section-landing .product .quote:before {
  content: "";
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/open-quote-black.png") no-repeat;
  padding-left: 15px;
}
.section-landing .product .quote:after {
  content: "";
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/close-quote-black.png") no-repeat;
  padding-right: 17px;
}

.section-landing-subpages {
  margin-bottom: 2em;
}

.ie7 .section-landing h3 {
  height: 35px;
}
.ie7 .section-landing .product .solution-suite h4 {
  float: left;
  width: 50%;
}
.ie7 .section-landing .product .solution-suite span {
  float: right;
}

@media (max-width: 719px) {
  .responsive .section-landing .detail-wrap p {
    font-size: 1.05em;
    line-height: 1.4em;
    margin: 0;
  }
  .responsive .section-landing .detail-wrap .more-link {
    font-size: 1.1em;
  }
  .responsive .section-landing .scroll-wrapper {
    width: 850px;
  }
  .responsive .section-landing .product {
    width: 250px;
  }
  .responsive .section-landing .product .solution-suite h4 {
    font-size: 0.9em;
    line-height: 1.25em;
  }
  .responsive .section-landing .product .detail-wrap {
    padding: 0.75em 5%;
  }
  .responsive .section-landing .col-1-3 {
    margin: 0 0 0 1em;
  }
  .responsive .section-landing h1 {
    font-size: 2.25em;
    line-height: 1.3333334;
  }
  .responsive .section-landing h2 {
    margin-bottom: 0.75em;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .section-landing .product h3 {
    margin-bottom: 0.5em;
    font-size: 1.2em;
    line-height: 1.3em;
  }
  .responsive .section-landing .product .solution-suite h4 {
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 0.25em 5%;
  }
  .responsive .section-landing .product .detail-wrap p {
    margin: 0 0 0.75em;
  }
}
/* ----------------------
 * section-landing Base Styles
 -- */
.section-landing-subpages h1 {
  font-size: 2.5em;
  line-height: 1.25em;
  margin: 0 0 0.25em;
}
.section-landing-subpages .sub-header {
  text-transform: none;
  color: #9c9c9c;
  font-size: 1.375em;
  line-height: 1.3em;
  margin: 0 0 1.25em 0;
}

.ie7 .section-landing h3 {
  height: 35px;
}

@media screen and (max-width: 719px) {
  .responsive h1 {
    font-size: 2em;
    line-height: 1.1em;
  }
}
.right-rail-form {
  background-color: #D9F6FF;
  overflow: hidden;
  padding: 1.5em;
}
.right-rail-form h2,
.right-rail-form h3 {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}
.right-rail-form .contact-button {
  background-color: #2da3e0;
  color: #fff;
  display: inline-block;
  margin-bottom: 0.75em;
  padding: 0.75em 1.5em;
  text-align: center;
}
.right-rail-form .contact-button:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
.right-rail-form div {
  clear: left;
  margin-bottom: 0.75em;
}
.right-rail-form .icon-email,
.right-rail-form .icon-global,
.right-rail-form .icon-laptop,
.right-rail-form .icon-phone {
  float: left;
  font-size: 16px;
  position: relative;
  top: 4px;
  width: 24px;
}
.right-rail-form .icon-phone {
  color: #00a5d9;
}
.right-rail-form > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 719px) {
  .responsive .right-rail-form .contact-button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .responsive .right-rail.customer-stories .right-rail-form {
    display: none;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .right-rail-form {
    background-color: transparent;
  }
}
.find-software {
  clear: both;
  padding-bottom: 1.5em;
}
.find-software h2 {
  color: #fff;
  background: #000;
  font-size: 1.25em;
  line-height: 1.2em;
  margin: 0;
  padding: 0.6em 1.2em;
}
.find-software .arrow-right {
  border: 8px solid transparent;
  border-left-color: #2da3e0;
  height: 0;
  left: 33.3333334%;
  position: absolute;
  top: 1.875em;
  width: 0;
}
.find-software .alt-green .arrow-right {
  border-left-color: #a05fa6;
}
.find-software .orange .arrow-right {
  border-left-color: #8dc63f;
}
.find-software .yellow .arrow-right {
  border-left-color: #f47d20;
}

.solutions-table {
  position: relative;
}
.solutions-table a {
  color: #000;
}
.solutions-table .row {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  margin-bottom: 1.5em;
  position: relative;
  width: 100%;
}
.solutions-table .row:first-child {
  margin-bottom: 0;
}
.solutions-table .row:first-child .problem,
.solutions-table .row:first-child .solution {
  background: none;
  color: #000;
  font-weight: 700;
  padding: 0.75em 1.5em;
  text-transform: uppercase;
}
.solutions-table .row:nth-child(7) .problem {
  background-color: #00a389;
}
.solutions-table .row:nth-child(7) .solution .arrow-right {
  border-left-color: #00a389;
}
.solutions-table .row:last-child .problem {
  background-color: #9c9c9c;
}
.solutions-table .row:last-child .solution .arrow-right {
  border-left-color: #9c9c9c;
}
.solutions-table .problem,
.solutions-table .solution {
  display: table-cell;
  padding: 1.5em;
  vertical-align: top;
}
.solutions-table .problem {
  background-color: #2da3e0;
  color: #fff;
  width: 33.3333334%;
}
.solutions-table .alt-green .problem {
  background-color: #a05fa6;
}
.solutions-table .orange .problem {
  background-color: #8dc63f;
}
.solutions-table .yellow .problem {
  background-color: #f47d20;
}
.solutions-table .solution {
  background-color: #eeeeee;
  padding-bottom: 0.75em;
}
.solutions-table .solution ul {
  clear: both;
}
.solutions-table .solution li {
  display: inline-block;
  padding-bottom: 0.75em;
  vertical-align: top;
  width: 47%;
}
.solutions-table .solution li:nth-child(odd) {
  padding-right: 4%;
}
.solutions-table h3 {
  display: block;
  float: left;
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.2em;
  width: 70%;
}
.solutions-table .video-link {
  color: #888888;
  display: block;
  float: right;
  font-size: 0.875em;
  line-height: 1.7143em;
  text-align: right;
  width: 30%;
}
.solutions-table .video-link:hover {
  color: #000;
  text-decoration: none;
}
.solutions-table .video-link .icon-video {
  display: inline-block;
  float: right;
  font-size: 16px;
  margin-top: 0.3125em;
  padding-left: 0.5em;
}
.solutions-table .video-link div {
  display: inline-block;
}

@media (max-width: 719px) {
  .responsive .find-software .arrow-right {
    border-left-color: transparent !important;
    border-top-color: #2da3e0;
    left: 48%;
    top: 0;
  }
  .responsive .find-software .alt-green .arrow-right {
    border-top-color: #a05fa6;
  }
  .responsive .find-software .orange .arrow-right {
    border-top-color: #8dc63f;
  }
  .responsive .find-software .yellow .arrow-right {
    border-top-color: #f47d20;
  }
  .responsive .solutions-table .row:first-child .solution {
    display: none;
  }
  .responsive .solutions-table .row:nth-child(7) .arrow-right {
    border-top-color: #00a389;
  }
  .responsive .solutions-table .row:last-child .arrow-right {
    border-top-color: #9c9c9c;
  }
  .responsive .solutions-table .problem,
  .responsive .solutions-table .solution {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 100%;
  }
  .responsive .solutions-table .solution {
    position: relative;
  }
  .responsive .solutions-table .solution ul,
  .responsive .solutions-table .solution .video-link {
    display: none;
  }
  .responsive .solutions-table h3 {
    margin-bottom: 0.6em;
    width: 100%;
  }
}
/* ----------------------
 * product-category Base Styles
 -- */
.product-category {
  margin-bottom: 3em;
}
.product-category h1, .product-category h2 {
  font-size: 2.5em;
  line-height: 1em;
  margin: 0;
  margin-bottom: 0.25em;
  text-transform: none;
}
.product-category .sub-header {
  color: #9c9c9c;
  font-size: 1.35em;
  line-height: 1.3;
  margin: 0 0 1.75em 0;
}
.product-category .two-col-wrap {
  width: 100%;
  overflow: auto;
}
.product-category .two-col-wrap .video, .product-category .two-col-wrap .quote-context {
  float: left;
}
.product-category .two-col-wrap .video {
  width: 63%;
  padding-right: 2.5%;
}
.product-category .two-col-wrap .video img.full {
  width: 100%;
  max-width: none;
}
.product-category .two-col-wrap .quote-context {
  width: 34.5%;
}
.product-category .two-col-wrap .icon-quote-left, .product-category .two-col-wrap .icon-quote-right {
  color: #ccc;
  font-size: 1.1em;
  line-height: 0;
}
.product-category .two-col-wrap .icon-quote-left {
  padding-right: 0.3em;
}
.product-category .two-col-wrap .icon-quote-right {
  padding-left: 0.3em;
}
.product-category .two-col-wrap p.quote {
  font-size: 1.25em;
  line-height: 1.45em;
  margin: 0 0 0.75em;
}
.product-category .two-col-wrap .quote-attribution {
  font-size: 0.8em;
  line-height: 1.3em;
  color: #777777;
}
.product-category .two-col-wrap .quote-attribution .name {
  display: block;
}
.product-category .two-col-wrap .quote-attribution .title {
  display: block;
}
.product-category .two-col-wrap img.logo {
  display: block;
  padding: 0.5em 0 1em 0;
}

.jcarousel-list.jcarousel-list-horizontal {
  height: 110px;
}

.video {
  margin-bottom: 1.5em;
}

/* ----------------------
 * product-category Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .product-category {
    padding-bottom: 1.4375em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #aeaeae;
  }
  .responsive .product-category h1, .responsive .product-category h2 {
    font-size: 2em;
    line-height: 1.1em;
  }
  .responsive .product-category > h1:first-child, .responsive .product-category > h2:first-child {
    margin-top: 0;
  }
  .responsive .product-category .two-col-wrap .video, .responsive .product-category .two-col-wrap .quote-context {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .product-category .two-col-wrap p.quote {
    font-size: 1.2em;
  }
  .responsive .product-category .two-col-wrap img.logo {
    padding: 0 0 1em 0;
  }
}
/* ----------------------
 * learn-more Base Styles
 -- */
.learn-more {
  padding-bottom: 20px;
}
.learn-more h2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.375em;
  line-height: 1.3em;
  color: #fff;
  background: #000;
  width: 100%;
  padding: 0.7em;
  margin: 0;
  text-transform: none;
}
.learn-more ul.tabs {
  width: 100%;
}
.learn-more ul.tabs li {
  float: left;
  padding: 1em 2.5% 0.8em;
  line-height: 1em;
  border: none;
}
.learn-more ul.tabs > li.active:after {
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #53d5ff;
  position: absolute;
  top: 2.7em;
  left: 44%;
}
.learn-more .tab-container {
  background-color: #eeeeee;
  margin-bottom: 1.5em;
  width: 100%;
}
.learn-more .tab-container section {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5em;
  padding-bottom: 1.4375em;
}
.learn-more .tab-container section.last {
  border: none;
  margin-bottom: 0;
  padding-bottom: 1.5em;
}
.learn-more .tab-container .tab-content {
  display: none;
}
.learn-more .tab-container .tab-content.active {
  display: block;
}
.learn-more .tab-container .header {
  margin: 0 0 1em 0;
}
.learn-more .tab-container ul, .learn-more .tab-container ol {
  box-sizing: border-box;
  float: none;
  margin-bottom: 1.5em;
  width: 100%;
}
.learn-more .tab-container ul li, .learn-more .tab-container ol li {
  background: transparent url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/li-circle.png") no-repeat left 0.7em;
  padding-left: 1em;
}
.learn-more .tab-container ol li {
  background: none;
  padding-left: 0;
}
.learn-more .tab-container .text-with-image {
  overflow: hidden;
}
.learn-more .tab-container .text-with-image .right {
  float: right;
}
.learn-more .tab-container .text-with-image .left {
  float: left;
}
.learn-more .tab-container .text-with-image .highlight {
  width: 33%;
  border-top: 5px solid #53d5ff;
  border-bottom: 5px solid #53d5ff;
  padding-bottom: 1em;
  margin: 0.5em 2em 0.5em 0;
}
.learn-more .tab-container .text-with-image .highlight h5 {
  padding-top: 1em;
  font-size: 0.9em;
  margin: 0;
}
.learn-more .tab-container .text-with-image .highlight p {
  font-size: 0.88em;
  line-height: 1.5em;
  padding: 0;
}
.learn-more .tab-container .text-with-image img.left {
  padding: 0 1em 1em 0;
}
.learn-more .tab-container .text-with-image img.right {
  padding: 0 0 1em 1em;
}
.learn-more .tab-container .text-with-image img.mobile {
  display: none;
}
.learn-more .tab-container .three-column {
  overflow: hidden;
}
.learn-more .tab-container .three-column .column {
  width: 31%;
}
.learn-more .tab-container .two-column {
  overflow: hidden;
}
.learn-more .tab-container .two-column .column {
  width: 48%;
}
.learn-more .tab-container .column {
  padding-bottom: 1.5em;
  padding-left: 3.5%;
  float: left;
}
.learn-more .tab-container .column.first {
  padding-left: 0;
}
.learn-more .tab-container .column img {
  padding-bottom: 1em;
  width: 100%;
}
.learn-more .tab-container .grid-column {
  overflow: hidden;
}
.learn-more .tab-container .grid-column .grid {
  width: 66%;
  float: left;
  moz-box-sizing: border-box;
  box-sizing: border-box;
}
.learn-more .tab-container .grid-column .grid .image-text {
  padding: 0 2% 0.5em 0;
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.learn-more .tab-container .grid-column .grid .image-text:nth-child(odd) {
  padding: 0 0 0.5em 2%;
}
.learn-more .tab-container .grid-column .grid .image-text .video-image-container-link {
  margin: 0 0 0.5em 0;
}
.learn-more .tab-container .grid-column .grid .more-link {
  margin: 0;
}
.learn-more .tab-container .grid-column .column {
  width: 33%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.learn-more .tab-container .grid-column .column p a {
  display: inline;
}
.learn-more .tab-container .grid-column .column a {
  display: block;
  padding-bottom: 0.5em;
}
.learn-more .tab-container .resources .resource-link {
  display: block;
  padding: 0 0 1em 0;
}
.learn-more .tab-container .resources .resource-link .icon-download {
  margin-right: 0.2em;
}
.learn-more .tab-container .video-context-module {
  overflow: hidden;
}
.learn-more .tab-container .video-context-module .video-context {
  overflow: auto;
  margin-top: 1em;
}
.learn-more .tab-container .video-context-module .video-context:first-child {
  margin-top: 0;
}
.learn-more .tab-container .video-context-module .video-context .video-image-container-link {
  float: left;
  max-width: 31.5%;
  margin-right: 2.5%;
}
.learn-more .tab-container .video-context-module .video-context img.table-cell {
  width: 28%;
  padding: 0 3% 1em 0;
  float: left;
}
.learn-more .tab-container .video-context-module .video-context .context {
  width: 66%;
  float: right;
  overflow: auto;
}
.learn-more .tab-container .video-context-module .video-context .context.full {
  width: 100% !important;
}
.learn-more .tab-container .video-context-module .video-context .context .title-bar {
  width: 100%;
  background-color: #000;
  display: table;
  margin-bottom: 0.5em;
}
.learn-more .tab-container .video-context-module .video-context .context .title-bar a {
  padding: 0.5em;
  display: table-cell;
  vertical-align: middle;
  color: #53d5ff;
  font-size: 1.125em;
}
.learn-more .tab-container .video-context-module .video-context .context .title-bar a:hover {
  color: #fff;
  text-decoration: none;
}
.learn-more .tab-container .video-context-module .video-context .context .title-bar span {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  padding-right: 0.25em;
}
.learn-more .tab-container .video-context-module .video-context .context p.quote {
  font-size: 1em;
  line-height: 1.35em;
  padding: 0 0 0.25em 0;
}
.learn-more .tab-container .video-context-module .video-context .context p.quote .icon-quote-left, .learn-more .tab-container .video-context-module .video-context .context p.quote .icon-quote-right {
  font-size: .75em;
  line-height: 0;
  position: relative;
  top: -0.25em;
}
.learn-more .tab-container .video-context-module .video-context .context p.quote .icon-quote-left {
  padding-right: 0.35em;
}
.learn-more .tab-container .video-context-module .video-context .context p.quote .icon-quote-right {
  padding-left: 0.35em;
}
.learn-more .tab-container .video-context-module .video-context .context p.quote-attribution {
  font-size: 0.85em;
}
.learn-more .tab-container .video-context-module .more-link {
  margin: 0;
}

/* ----------------------
 * learn-more Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .learn-more .tab-container section.three-column {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .responsive .learn-more .tab-container h3.tab-drawer-heading {
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0.8em 0.7em 0.7em;
    text-align: left;
    font-size: 1em;
  }
  .responsive .learn-more .tab-container .tab-content.active {
    padding-bottom: 0;
  }
  .responsive .learn-more .tab-container .header {
    margin: 0 0 0.7em 0;
  }
  .responsive .learn-more .tab-container .column {
    padding-left: 0;
  }
  .responsive .learn-more .tab-container .text-with-image .text {
    width: 100%;
  }
  .responsive .learn-more .tab-container .text-with-image .highlight {
    width: 100%;
    margin-bottom: 15px;
  }
  .responsive .learn-more .tab-container .text-with-image .highlight h5, .responsive .learn-more .tab-container .text-with-image .highlight p {
    font-size: 0.975em;
  }
  .responsive .learn-more .tab-container .text-with-image img {
    display: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .responsive .learn-more .tab-container .text-with-image img.mobile {
    display: block;
  }
  .responsive .learn-more .tab-container .two-column .column, .responsive .learn-more .tab-container .three-column .column {
    width: 100%;
    padding-bottom: 20px;
    padding-left: 0;
  }
  .responsive .learn-more .tab-container .two-column .column.upcoming-webinars, .responsive .learn-more .tab-container .three-column .column.upcoming-webinars {
    padding-bottom: 0;
  }
  .responsive .learn-more .tab-container .grid-column .grid {
    width: 100%;
    padding-bottom: 20px;
  }
  .responsive .learn-more .tab-container .grid-column .grid .image-text {
    width: 100%;
  }
  .responsive .learn-more .tab-container .grid-column .grid .image-text:nth-child(odd) {
    padding: 0 2% 0.5em 0;
  }
  .responsive .learn-more .tab-container .grid-column .grid .image-text img {
    width: 100%;
  }
  .responsive .learn-more .tab-container .grid-column .grid .image-text .video-image-container-link {
    width: 33%;
    float: left;
    margin: 0 3% 1em 0;
  }
  .responsive .learn-more .tab-container .grid-column .column {
    width: 100%;
  }
  .responsive .learn-more .tab-container .video-context-module.last {
    padding-bottom: 0;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context {
    float: left;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context .video-image-container-link {
    max-width: 100% !important;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context img.table-cell {
    width: 100%;
    padding: 0;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context .context {
    width: 100%;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context .context p.quote {
    font-size: 1em;
    padding: 0 0 0.5em;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context .context p.quote-attribution {
    font-size: 0.8em;
  }
  .responsive .learn-more .tab-container .video-context-module .video-context .context .title-bar {
    margin-bottom: 0.75em;
  }
}
.upcoming-events {
  margin-bottom: 1.5em;
}
.upcoming-events h2 {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.09091;
  margin-bottom: 1.09091em;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}
.right-rail .upcoming-events h2 {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
.upcoming-events h2 .icon-ticket {
  font-size: 1.3em;
  padding-left: 0.35em;
  position: relative;
  top: 0.02em;
}
.upcoming-events a:hover {
  color: #00a5d9;
}
.upcoming-events .upcoming-events-img {
  margin-bottom: 0.75em;
  max-width: 100%;
}

.upcoming-webinars {
  margin-bottom: 1.5em;
}
.upcoming-webinars h2 {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.09091;
  margin-bottom: 1.09091em;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}
.right-rail .upcoming-webinars h2 {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
.upcoming-webinars h2 .icon-webinar {
  font-size: 1.3em;
  padding-left: 0.25em;
  position: relative;
  top: 0.05em;
}
.upcoming-webinars a:hover {
  color: #00a5d9;
}

.webinar-event {
  clear: both;
  display: table;
  margin-bottom: 1.5em;
}
.webinar-event p {
  display: table-cell;
  margin: 0;
  padding-bottom: 0 !important;
  vertical-align: top;
}

.month-day-bg {
  background: #000;
  color: #53d5ff;
  display: block;
  float: left;
  line-height: 1em;
  margin-right: 0.75em;
  padding: 0.5em 0;
  text-align: center;
  width: 2.55em;
}
.month-day-bg .month {
  clear: both;
  display: block;
  font-size: 0.75em;
  line-height: 1.032em;
  margin: auto;
}
.month-day-bg .day {
  clear: both;
  display: block;
  font-size: 1.5em;
  line-height: 0.835em;
  margin: auto;
}

@media (max-width: 719px) {
  .responsive .month-day-bg {
    width: 50px;
    padding: 0.5em 0 0.6em;
  }
  .responsive .month-day-bg .month {
    font-size: 1em;
    line-height: 1.125em;
  }
  .responsive .month-day-bg .day {
    font-size: 1.8em;
    line-height: 0.85em;
  }
}
/* ----------------------
 * campaign-content-spotlight Base Styles
 - */
.campaign-content-spotlight {
  padding-bottom: 2em;
}
.campaign-content-spotlight h3 {
  font-weight: 700;
  margin-bottom: 1em;
  font-size: 1em;
  text-transform: uppercase;
}
.campaign-content-spotlight h4 {
  margin-bottom: 0.5em;
}
.campaign-content-spotlight img {
  padding-bottom: 1em;
  max-width: none;
  width: 100%;
}

/* end campaign-content-spotlight */
.campaigns-watch-demo {
  padding-bottom: 2em;
}
.campaigns-watch-demo h3 {
  font-size: 1em;
  font-weight: 700;
}

.campaigns-sub .video-container {
  margin-bottom: 1.5em;
  width: 100%;
  text-align: center;
  background: #fff;
}

/* ----------------------
 * current-conversations Mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .campaigns-watch-demo {
    padding-bottom: 1em;
  }
  .responsive .campaigns-watch-demo h3 {
    font-size: 0.95em;
  }
}
/* ----------------------
 * current-conversations Mobile Styles
 -- */
@media screen and (min-width: 720px) {
  .campaigns_watch_demo h3 {
    font-size: 1.2em;
  }

  .campaigns-sub .video-container {
    background: #d5d5d5;
  }
}
/* ----------------------
 * join-conversation Base Styles
 -- */
.right-rail > div.join-conversation {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.right-rail > div.join-conversation .bottom-border {
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
}
.right-rail > div.join-conversation h4 {
  margin-bottom: 0.5em;
  margin-top: 0px;
  font-size: 0.85em;
}
.right-rail > div.join-conversation .footer {
  border-top: 1px solid #d5d5d5;
  margin: 0.7em 0;
  padding: 0.5em 0;
}
.right-rail > div.join-conversation .from-our-blog {
  margin-bottom: 0;
}

/* ----------------------
 * join-conversations Mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .right-rail div.join-conversation h3 {
    margin-left: -1em;
    margin-right: -1em;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .right-rail > .join-conversation, .responsive .right-rail > .join-conversation:nth-child(even) {
    padding-right: 1.666%;
    padding-left: 1.666%;
    width: 63%;
    float: left;
    display: block;
    margin-right: 0;
  }
  .responsive .right-rail > .join-conversation h3, .responsive .right-rail > .join-conversation:nth-child(even) h3 {
    margin-right: -3.2%;
    margin-left: -3.2%;
  }
}
.campaigns-content {
  clear: both;
}
.campaigns-content p.sub-line {
  color: #9c9c9c;
  font-size: 1.27em;
  line-height: 1.35em;
  margin: 0.5em 0 1.35em;
}

.sub-channel-tabs {
  width: 100%;
  clear: both;
  margin-bottom: 1em;
  overflow: hidden;
}
.sub-channel-tabs .tabs {
  width: 100%;
  background: none;
}
.sub-channel-tabs .tabs li {
  float: left;
  margin-right: 1px;
}
.sub-channel-tabs .tabs li a {
  cursor: pointer;
}

@media screen and (max-width: 719px) {
  .responsive .campaigns-content p.sub-line {
    margin: 0.5em 0 1em;
  }
}
.breadcrumb-row .content-wrap {
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.breadcrumb-row .share-this-wrapper {
  float: right;
}
.breadcrumb-row .share-this-wrapper a {
  color: #00a5d9;
}
.breadcrumb-row .share-this-wrapper a:hover {
  color: #00a389;
  text-decoration: none;
}
.breadcrumb-row .share-this-wrapper .mobile {
  padding-top: 0 !important;
  height: auto;
  text-align: right;
  width: auto !important;
  float: right;
  color: #0092c7;
  cursor: pointer;
}
.breadcrumb-row .share-this-icons {
  padding-top: 0;
  float: right;
}
.breadcrumb-row .subscribe {
  float: right;
  padding-right: 10px;
}
.breadcrumb-row .subscribe a {
  color: #00a5d9;
}
.breadcrumb-row .subscribe a:hover {
  color: #00a389;
  text-decoration: none;
}
.breadcrumb-row .text {
  padding-right: 5px;
}
.breadcrumb-row .mobile-only {
  display: none;
}
.breadcrumb-row .contact-button {
  background-color: #53d5ff;
  color: #000;
  float: left;
  font-size: 1.1em;
  padding: 0.65em 2em 0.6em;
}
.breadcrumb-row .contact-button:hover {
  background-color: #000;
  color: #53d5ff;
  text-decoration: none;
}

.breadcrumb-row + .section-r .content-wrap {
  padding-top: 0;
}

/* ----------------------
 * breadcrumb-row mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .campaigns-sub .breadcrumb-row {
    padding-top: 0.5em;
    margin-bottom: 0;
  }
  .responsive .campaigns-sub .breadcrumb-row .contact-button {
    display: none;
  }
  .responsive .breadcrumb-row {
    padding-top: 0.75em;
    margin-bottom: 1.5em;
  }
  .responsive .breadcrumb-row .content-wrap {
    padding: 0 3%;
  }
  .responsive .breadcrumb-row .col-3-7 {
    padding-bottom: 0;
  }
  .responsive .breadcrumb-row .mobile-only {
    display: block;
  }
  .responsive .breadcrumb-row .text {
    display: none;
  }
  .responsive .breadcrumb-row .share-this-wrapper {
    /* width: 1.5em;; */
    padding: 0.5em;
    margin-bottom: 0;
    margin-left: 0.5em;
    font-size: 1.35em;
  }
  .responsive .breadcrumb-row .share-this-wrapper .mobile {
    display: block;
  }
  .responsive .breadcrumb-row .subscribe {
    height: 20px;
    padding: 0.5em 0.5em 0 0.5em;
    margin-bottom: 0;
    font-size: 1.35em;
  }
  .responsive .breadcrumb-row .col-4-7 {
    padding: 0;
  }
  .responsive .breadcrumb-row .campaigns .share-this-wrapper {
    display: none;
  }
  .responsive .breadcrumb-row + .section-r .content-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1150px) {
  .breadcrumb-row .share-this-wrapper .mobile {
    display: block;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .breadcrumb-row .text {
    display: none;
  }
  .responsive .breadcrumb-row .share-this-wrapper {
    padding: 0.25em 0.5em;
    margin-bottom: 0;
    font-size: 1.35em;
  }
  .responsive .breadcrumb-row .share-this-wrapper .mobile {
    display: block;
  }
  .responsive .breadcrumb-row .subscribe {
    height: 20px;
    padding: 0.25em 0.5em;
    margin-bottom: 0;
    font-size: 1.35em;
  }
  .responsive .breadcrumb-row .content-wrap {
    padding-bottom: 1.5em;
  }
  .responsive .breadcrumb-row .mobile-only {
    display: block;
  }
  .responsive .breadcrumb-row .contact-button {
    float: right;
    font-size: 1em;
    padding: 0.45em 0.8em;
    margin-left: 1em;
  }
}
.customer-video-banner.section-landing {
  padding-bottom: 0;
}
.customer-video-banner .video-container {
  background: #000;
  color: #fff;
  padding: 1em 2.5% 1.25em;
  margin-bottom: 2em;
  overflow: auto;
}
.customer-video-banner .video-container h2 {
  text-transform: none;
  margin-bottom: 0.75em;
}
.customer-video-banner .video-container h3 {
  font-size: 1.2em;
  line-height: 1.35em;
  margin-bottom: 0.25em;
}
.customer-video-banner .video-container .view-count {
  color: #adb1ad;
  font-size: .9em;
}
.customer-video-banner .video-container .col-5-7 {
  width: 68%;
  padding: 0 3% 0 0;
}
.customer-video-banner .video-container .col-2-7 {
  width: 28.5%;
  padding: 0;
}
.customer-video-banner .video-container .play-button.large {
  right: 40%;
  top: 40%;
}

/* ----------------------
 * customer-video-banner Mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .customer-video-banner {
    margin-bottom: 2em;
  }
  .responsive .customer-video-banner.section-landing > h1:first-child {
    margin-top: 0;
  }
  .responsive .customer-video-banner .video-container {
    margin: 1em 0 0;
  }
  .responsive .customer-video-banner .video-container h3 {
    margin-bottom: 0;
    margin-top: 0.75em;
  }
  .responsive .customer-video-banner .video-container .col-5-7 {
    width: 100%;
    padding-right: 0;
  }
  .responsive .customer-video-banner .video-container .col-2-7 {
    width: 100%;
  }
  .responsive .customer-video-banner .video-container .play-button.large {
    right: 36%;
    top: 36%;
  }
  .responsive .customer-video-banner .video-container .view-count {
    font-size: 0.95em;
  }
  .responsive .customer-video-banner .video-container p {
    font-size: 1em;
    margin-bottom: 0.75em;
  }
}
/* ----------------------
 * customer-video-banner Desktop Styles
 -- */
.customer-video-carousel {
  margin-bottom: 2em;
  overflow: hidden;
}
.customer-video-carousel h1 {
  font-size: 3.5em;
  margin-bottom: 0.2em;
  line-height: 1.12em;
}
.customer-video-carousel h2 {
  color: #fff;
  text-transform: none;
  margin-bottom: 0.25em;
  width: 72%;
}
.customer-video-carousel .sub-line {
  color: #9c9c9c;
  font-size: 1.375em;
  line-height: 1.3em;
  margin: 0 0 1.25em 0;
}
.customer-video-carousel #carousel-wrapper {
  height: auto;
  overflow: hidden;
}
.customer-video-carousel .carousel-container {
  background: #000;
  padding: 1em 0.75em 0.75em;
  height: auto;
}
.customer-video-carousel .carousel-container .carousel-item .content-container a {
  padding-left: 0;
}
.customer-video-carousel .carousel-container .carousel-item .content-container .author, .customer-video-carousel .carousel-container .carousel-item .content-container .title {
  padding-left: 0;
}
.customer-video-carousel .carousel-header {
  padding-bottom: 1em;
}
.customer-video-carousel .carousel-controls {
  color: #fff;
  float: right;
  width: auto;
  text-align: center;
  z-index: 25;
  position: absolute;
  top: 20px;
  right: 20px;
}
.customer-video-carousel .carousel-controls .previous {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/customer-stories-landing-carousel-arrows.png") 0 0 no-repeat;
  height: 33px;
  width: 17px;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
}
.customer-video-carousel .carousel-controls .next {
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/customer-stories-landing-carousel-arrows.png") -17px 0 no-repeat;
  height: 33px;
  width: 17px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
}
.customer-video-carousel .carousel-controls #caption {
  width: 100px;
  padding-top: 4px;
}
.customer-video-carousel .content {
  color: #fff;
}
.customer-video-carousel .content p {
  font-size: 1.1em;
  line-height: 1.45em;
}
.customer-video-carousel .content p .icon-quote-left {
  padding-right: 0.5em;
  position: relative;
  top: -0.25em;
  font-size: 0.75em;
  color: #adb1ad;
}
.customer-video-carousel .content p .icon-quote-right {
  padding-left: 0.5em;
  font-size: 0.75em;
  color: #adb1ad;
  position: relative;
  top: -0.25em;
}
.customer-video-carousel .content .author {
  color: #adb1ad;
  font-size: .85em;
  line-height: 1.35em;
}
.customer-video-carousel .more-link {
  margin-top: 0px;
}
.customer-video-carousel .col-5-7 {
  padding-left: 0;
  padding-bottom: 0.75em;
}
.customer-video-carousel .col-5-7 img {
  max-width: none;
  width: 100%;
}
.customer-video-carousel .col-2-7 {
  padding-bottom: 0.75em;
  width: 29.5%;
}
.customer-video-carousel .chart {
  display: table;
}
.customer-video-carousel .chart h3 {
  font-size: 1.15em;
}
.customer-video-carousel .chart p {
  line-height: 1.15em;
}
.customer-video-carousel .chart a {
  color: #00a5d9;
  text-decoration: none;
}
.customer-video-carousel .chart a:hover {
  color: #000;
  text-decoration: underline;
}
.customer-video-carousel .col-1-3 {
  float: none;
  padding: 0;
  position: relative;
  display: table-cell;
}
.customer-video-carousel .col-1-3 h3 {
  padding: 0.5em 0.75em;
  margin: 0;
}
.customer-video-carousel .col-1-3 p,
.customer-video-carousel .col-1-3 ul {
  padding: 0;
  margin: 0.75em 0.9em 1em;
  font-size: 0.95em;
  line-height: 1.35em;
}
.customer-video-carousel .col-1-3 ul {
  padding-left: 20px;
}
.customer-video-carousel .col-1-3 ul,
.customer-video-carousel .col-1-3 li {
  list-style-type: disc;
}
.customer-video-carousel .first {
  background: #cecece;
}
.customer-video-carousel .first h3 {
  background: #00a5d9;
}
.customer-video-carousel .second {
  background: #dedede;
}
.customer-video-carousel .second span {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #00a5d9;
  position: absolute;
  top: 0.8em;
  left: -1px;
}
.customer-video-carousel .second h3 {
  background: #61c5ef;
}
.customer-video-carousel .third {
  background: #eee;
}
.customer-video-carousel .third h3 {
  background: #7dd8fe;
}
.customer-video-carousel .third span {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #61c5ef;
  position: absolute;
  top: 0.8em;
  left: -1px;
}

/* ----------------------
 * customer-video-carousel Mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .customer-video-carousel {
    margin-bottom: 2em;
  }
  .responsive .customer-video-carousel h1 {
    font-size: 2.35em;
  }
  .responsive .customer-video-carousel .sub-line {
    margin: 0 0 1em;
  }
  .responsive .customer-video-carousel h2 {
    width: 100%;
  }
  .responsive .customer-video-carousel .col-5-7 {
    padding-right: 0;
    padding-bottom: 0;
  }
  .responsive .customer-video-carousel .carousel-item {
    position: relative !important;
  }
  .responsive .customer-video-carousel .carousel-container {
    padding: 0.25em 0.75em 0.5em;
  }
  .responsive .customer-video-carousel .carousel-controls {
    padding-top: 10px;
    padding-bottom: 18px;
    position: relative;
    float: none;
    z-index: 1;
    left: 0;
    top: 0;
  }
  .responsive .customer-video-carousel .carousel-controls #caption {
    width: 100%;
  }
  .responsive .customer-video-carousel .content-container img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  .responsive .customer-video-carousel .content p {
    font-size: 1.2em;
    margin: 0.5em 0;
  }
  .responsive .customer-video-carousel .col-1-3 p {
    font-size: 1em;
    margin: 1em 0.9em;
  }
  .responsive .customer-video-carousel .first, .responsive .customer-video-carousel .second, .responsive .customer-video-carousel .third {
    display: block;
    width: 100%;
    float: left;
  }
  .responsive .customer-video-carousel .first h3, .responsive .customer-video-carousel .second h3, .responsive .customer-video-carousel .third h3 {
    margin-bottom: 0;
  }
  .responsive .customer-video-carousel .first span, .responsive .customer-video-carousel .second span, .responsive .customer-video-carousel .third span {
    left: 48%;
    top: auto;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .responsive .customer-video-carousel .first p, .responsive .customer-video-carousel .second p, .responsive .customer-video-carousel .third p {
    margin-top: 0;
    padding-top: 0.75em;
  }
  .responsive .customer-video-carousel .first span {
    border-top: 8px solid #00a5d9;
  }
  .responsive .customer-video-carousel .second span {
    border-top: 8px solid #61c5ef;
  }
  .responsive .customer-video-carousel .third span {
    border-top: 8px solid #7dd8fe;
  }
  .responsive .customer-video-carousel .video-image-container-link {
    margin: 0;
  }
  .responsive .customer-video-carousel .video-image-container-link .play-button.large {
    top: 12px;
    right: 12px;
    width: 65px;
    height: 43px;
    background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_medium_sprite.png") 0 0;
  }
  .responsive .customer-video-carousel .video-image-container-link:hover .play-button.large {
    top: 12px;
    right: 12px;
    width: 65px;
    height: 43px;
    background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/play_medium_sprite.png") 0 -43px;
  }
}
/* ----------------------
 * customer-video-carousel Desktop Styles
 -- */
/* ----------------------
 * featured_playlists Base Styles
 -- */
.featured-playlists {
  margin-bottom: 3em;
}
.featured-playlists span.swipe {
  display: none;
}
.featured-playlists h3 {
  font-size: 1em;
  font-weight: 700;
}
.featured-playlists:first-child.playlist {
  padding-left: 0;
}
.featured-playlists .playlist {
  width: 22.6432532%;
  padding-left: 3.142329%;
  float: left;
}
.featured-playlists .playlist.first {
  padding-left: 0;
}
.featured-playlists .playlist img {
  width: 100%;
  height: auto;
}
.featured-playlists .playlist .img-wrap {
  position: relative;
}
.featured-playlists .playlist .overlay {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  padding: 5px 0;
  width: 60px;
}
.featured-playlists .playlist .overlay span {
  float: left;
  width: 100%;
  font-size: 0.55em;
}
.featured-playlists .playlist .details {
  background-color: #eeeeee;
  padding: 0.75em 0.75em 0;
}
.featured-playlists .playlist .details h4 {
  color: #00a5d9;
  margin: 0;
}
.featured-playlists .playlist .details p {
  font-size: 0.85em;
  padding-top: 15px;
  line-height: 1.3em;
  margin: 0;
}
.featured-playlists .playlist .details p.curator {
  font-size: 0.8em;
  line-height: 1em;
  padding-top: 2px;
}
.featured-playlists .playlist .details p.playlist-desc {
  margin-bottom: 15px;
}

/* ----------------------
 * featured-playlists Mobile Styles
 -- */
@media (max-width: 967px) {
  .responsive .featured-playlists span.swipe {
    display: block;
    float: right;
    margin: 1em 0 0;
    font-weight: 700;
    color: #9c9c9c;
  }
  .responsive .featured-playlists span.swipe .icon-notch-arrow-right {
    font-size: 0.8em;
  }
  .responsive .featured-playlists .scroll-container {
    overflow: scroll;
    clear: both;
  }
  .responsive .featured-playlists .scroll-wrapper {
    width: 1090px;
  }
  .responsive .featured-playlists .playlist .details h4 {
    font-size: 1.125em;
  }
  .responsive .featured-playlists .playlist .details p {
    font-size: 1em;
  }
  .responsive .featured-playlists .playlist .details p.curator {
    font-size: 0.95em;
    line-height: 1em;
  }
}
@media (max-width: 719px) {
  .responsive .featured-playlists {
    margin-bottom: 0;
  }
}
/* ----------------------
 * search-facets Base Styles
 -- */
.search-facets {
  padding-bottom: 2em;
}
.search-facets h3 {
  font-size: 1em;
  margin-bottom: 0.6em;
}
.search-facets section h4 {
  background-color: #000;
  color: #fff;
  font-size: 0.85em;
  padding: 0.75em 1em;
  margin: 0;
  text-transform: uppercase;
}
.search-facets section ul {
  padding: 0.7em 1em;
}
.search-facets section li, .search-facets section li a {
  color: #777777;
}
.search-facets section li {
  font-size: 0.8em;
  margin: 0.25em 0;
}
.search-facets section input {
  margin-right: 10px;
}
.search-facets section .vlist {
  position: relative;
  background-color: #eeeeee;
}
.search-facets section .vlist h3 {
  background-color: #9c9c9c;
  padding: 10px 10px 10px 13px;
  margin: 2px 0 0 0;
  font-size: 0.85em;
  cursor: pointer;
}
.search-facets section .vlist h3 .icon-plus, .search-facets section .vlist h3 .icon-minus {
  position: absolute;
  right: 1em;
  padding-top: 0.5em;
  font-size: 0.75em;
}
.search-facets section .vlist ul {
  display: none;
  padding: 10px 0 10px 10px;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.search-facets section .vlist ul li {
  margin-right: 0.6em;
}
.search-facets section .vlist.active ul {
  display: block;
}
.search-facets section .vlist .facets span {
  margin-left: 3px;
}

/* ----------------------
 * search-facets Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .search-facets {
    padding-bottom: 0;
  }
  .responsive .search-facets section h4 {
    font-size: 0.95em;
  }
  .responsive .search-facets section li {
    font-size: 1em;
    margin: 0.5em 0;
  }
  .responsive .search-facets section .vlist h3 {
    font-size: 1em;
  }
}
@media (max-width: 967px) {
  .responsive .search-facets section .vlist ul {
    overflow: visible;
    max-height: none;
  }
}
.customer-stories-search-results, .partner-solutions-feature {
  border-top: 1px solid #d5d5d5;
  margin-top: 1em;
  padding-top: 1.5em;
}
.customer-stories-search-results h2, .partner-solutions-feature h2 {
  font-size: 1em;
  text-transform: none;
  margin-bottom: 0.75em;
}
.customer-stories-search-results h3, .partner-solutions-feature h3 {
  font-size: 1.125em;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
.customer-stories-search-results h4, .partner-solutions-feature h4 {
  font-size: .90em;
  color: #777777;
  margin-bottom: 0;
}
.customer-stories-search-results ul li, .partner-solutions-feature ul li {
  overflow: auto;
  padding: 1.25em 0 1em;
  border-bottom: 1px solid #d5d5d5;
}
.customer-stories-search-results .search-filters, .partner-solutions-feature .search-filters {
  color: #777777;
}
.customer-stories-search-results .label, .partner-solutions-feature .label {
  border-bottom: 1px solid #d5d5d5;
}
.customer-stories-search-results .col-1, .partner-solutions-feature .col-1 {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em !important;
}
.customer-stories-search-results .col-1.last, .partner-solutions-feature .col-1.last {
  text-align: center;
  padding-bottom: 2em;
  margin: 1.5em 0 0;
}
.customer-stories-search-results .content, .partner-solutions-feature .content {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 49%;
  padding-right: 2.5%;
}
.customer-stories-search-results .content ul, .partner-solutions-feature .content ul {
  padding-bottom: .8em;
}
.customer-stories-search-results .content ul li, .partner-solutions-feature .content ul li {
  font-size: .9em;
  line-height: 1.25em;
  background: url("/National_Library/20161130034600oe_/https://www.opentext.com/file_source/OpenText/images/customer-stories-results-bullet.png") no-repeat 0 1em;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0;
  color: #777777;
  border: none;
}
.customer-stories-search-results .content ul li .icon-video, .customer-stories-search-results .content ul li .icon-whitepaper, .customer-stories-search-results .content ul li .icon-webinar, .customer-stories-search-results .content ul li .icon-audio, .partner-solutions-feature .content ul li .icon-video, .partner-solutions-feature .content ul li .icon-whitepaper, .partner-solutions-feature .content ul li .icon-webinar, .partner-solutions-feature .content ul li .icon-audio {
  padding-right: 3px;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.customer-stories-search-results .content ul.icons, .partner-solutions-feature .content ul.icons {
  padding-bottom: 0;
}
.customer-stories-search-results .content ul.icons li, .partner-solutions-feature .content ul.icons li {
  display: inline;
  background: none;
  font-size: .85em;
  padding-bottom: 0;
  overflow: hidden;
}
.customer-stories-search-results .content ul.icons li:first-child, .partner-solutions-feature .content ul.icons li:first-child {
  padding-left: 0;
}
.customer-stories-search-results .content ul.icons li a, .partner-solutions-feature .content ul.icons li a {
  color: #777777;
  font-size: 0.85em;
  text-transform: uppercase;
}
.customer-stories-search-results .content ul.icons li a .hidden, .partner-solutions-feature .content ul.icons li a .hidden {
  display: none;
}
.customer-stories-search-results .col-1-4, .partner-solutions-feature .col-1-4 {
  font-size: .95em;
  line-height: 1.25em;
  color: #000;
}
.customer-stories-search-results .col-1-4.image, .partner-solutions-feature .col-1-4.image {
  width: 24%;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2.5%;
}
.customer-stories-search-results .col-1-4.tags, .partner-solutions-feature .col-1-4.tags {
  padding: 0;
}
.customer-stories-search-results .col-1-4.tags h3, .partner-solutions-feature .col-1-4.tags h3 {
  font-size: 0.875em;
  font-weight: 700;
}
.customer-stories-search-results .col-1-4.tags li, .partner-solutions-feature .col-1-4.tags li {
  color: #2da3e0;
  padding-top: 0;
  padding-bottom: 0.5em;
  border: none;
}
.customer-stories-search-results .col-1-4.tags li a, .partner-solutions-feature .col-1-4.tags li a {
  color: #2da3e0;
}

/* ----------------------
 * customer-stories-search-results
 -- */
@media screen and (max-width: 967px) {
  .responsive .customer-stories-search-results .content ul.icons, .responsive .partner-solutions-feature .content ul.icons {
    padding-bottom: 0;
    margin: 0;
    overflow: auto;
  }
  .responsive .customer-stories-search-results .content ul.icons li, .responsive .partner-solutions-feature .content ul.icons li {
    font-size: 0.95em;
    margin: 0 4% 0.5em 0;
    float: left;
    width: 45%;
    padding: 0;
  }
  .responsive .customer-stories-search-results .content ul.icons li:first-child, .responsive .partner-solutions-feature .content ul.icons li:first-child {
    padding-left: 0;
  }
}
@media screen and (max-width: 719px) {
  .responsive .customer-stories-search-results > .label, .responsive .partner-solutions-feature > .label {
    margin-bottom: 0;
  }
  .responsive .customer-stories-search-results h3, .responsive .partner-solutions-feature h3 {
    font-size: 1.25em;
    font-weight: 700;
  }
  .responsive .customer-stories-search-results h4, .responsive .partner-solutions-feature h4 {
    font-size: 1em;
  }
  .responsive .customer-stories-search-results ul li, .responsive .partner-solutions-feature ul li {
    padding: 1em 0;
  }
  .responsive .customer-stories-search-results .image, .responsive .partner-solutions-feature .image {
    display: none;
  }
  .responsive .customer-stories-search-results .content, .responsive .partner-solutions-feature .content {
    width: 100%;
    padding-right: 0;
  }
  .responsive .customer-stories-search-results .content ul, .responsive .partner-solutions-feature .content ul {
    padding-bottom: 0;
  }
  .responsive .customer-stories-search-results .content ul li, .responsive .partner-solutions-feature .content ul li {
    font-size: 1em;
  }
  .responsive .customer-stories-search-results .content ul.icons, .responsive .partner-solutions-feature .content ul.icons {
    margin: 1em 0 0.5em;
  }
  .responsive .customer-stories-search-results .content ul.icons li, .responsive .partner-solutions-feature .content ul.icons li {
    margin: 0 4% 0.75em 0;
  }
  .responsive .customer-stories-search-results .col-1-4.tags, .responsive .partner-solutions-feature .col-1-4.tags {
    width: 100%;
  }
  .responsive .customer-stories-search-results .col-1-4.tags h3, .responsive .partner-solutions-feature .col-1-4.tags h3 {
    display: inline;
  }
  .responsive .customer-stories-search-results .col-1-4 ul, .responsive .partner-solutions-feature .col-1-4 ul {
    display: inline;
  }
  .responsive .customer-stories-search-results .col-1-4 ul li, .responsive .partner-solutions-feature .col-1-4 ul li {
    padding-left: 10px;
    display: inline;
  }
}
/* ----------------------
 * customer-stories-search-results Desktop Styles
 -- */
/* ----------------------
 * video-playback Base Styles
 -- */
h1.componentTitle {
  display: none;
}

.video-playback h1 {
  font-size: 2.5em;
  margin: 0 0 1em;
}
.video-playback .video-image-container-link .play-button {
  top: 43%;
  right: 43%;
}
.video-playback .detail {
  margin: 0.5em 0 0;
  font-size: 0.95em;
}
.video-playback .detail span {
  padding-right: 5px;
}
.video-playback .description {
  float: left;
  width: 61%;
  padding-right: 1.7%;
  border-right: 1px solid #d5d5d5;
  margin: 1em 0 2em;
}
.video-playback .description p:first-child {
  margin: 0 0 1em;
}
.video-playback .description .share-this-wrapper {
  clear: both;
  float: left;
}
.video-playback .description .share-this-wrapper .mobile {
  color: #000;
  padding-top: 0.5 0.5em;
  text-align: left !important;
}
.video-playback .description .share-this-wrapper .mobile .text {
  margin-right: 0.35em;
}
.video-playback .description .share-this-wrapper a:hover {
  color: #2da3e0;
  text-decoration: none;
}
.video-playback .description .rating {
  margin-bottom: 3em;
}
.video-playback .description .rating > span {
  float: left;
  font-size: 0.95em;
}
.video-playback .description .rating ul {
  float: left;
  padding: 2px 0 0 5px;
}
.video-playback .description .rating li {
  float: left;
  padding-left: 2px;
}
.video-playback .description .rating li a {
  font-size: 1em;
  display: inline-block;
  width: 15px;
  height: 17px;
  text-decoration: none;
}
.video-playback .description .rating li a span {
  font-size: 1.05em;
  color: #9c9c9c;
}
.video-playback .description .rating li a:hover span, .video-playback .description .rating li a.active span {
  color: #2da3e0;
}
.video-playback .description .favorites {
  font-size: 0.95em;
  color: #9c9c9c;
}
.video-playback .description .favorites .icon-addfavorite {
  padding-right: 0.5em;
}
.video-playback .description .favorites:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  vertical-align: middle;
}
.video-playback .description .favorites:hover {
  text-decoration: none;
  color: #2da3e0;
}
.video-playback .relevant-info {
  float: left;
  padding-left: 1.7%;
  width: 35%;
  margin-top: 1em;
  margin-left: 0;
}
.video-playback .relevant-info h4 {
  margin-bottom: 0.75em;
}
.video-playback .relevant-info li {
  padding-bottom: 0.5em;
  font-size: 0.95em;
}
.video-playback .relevant-info a {
  color: #2da3e0;
}

/* ----------------------
 * video-playback Mobile Styles
 -- */
@media screen and (max-width: 719px) {
  .responsive .video-playback h1 {
    font-size: 2em;
    line-height: 1.1em;
  }
  .responsive .video-playback .video-image-container-link .play-button {
    top: 40%;
    right: 38%;
  }
  .responsive .video-playback .detail {
    font-size: 1em;
  }
  .responsive .video-playback .description {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 1.5em;
    margin: 1em 0;
  }
  .responsive .video-playback .description .rating li {
    padding-left: 7px;
  }
  .responsive .video-playback .relevant-info {
    width: 100%;
    padding: 0 0 1.25em;
  }
  .responsive .video-playback .relevant-info h4 {
    font-size: 1.125em;
  }
  .responsive .video-playback .relevant-info li {
    font-size: 1em;
    padding-bottom: 0.75em;
  }
}
/* ----------------------
 * related-video-sidebar Base Styles
 -- */
.related-video-sidebar {
  overflow: hidden;
}
.related-video-sidebar section {
  clear: both;
  overflow: hidden;
}
.related-video-sidebar section h2 {
  border-top: 1px solid #d5d5d5;
  padding-top: 1.5em;
}
.related-video-sidebar section:first-child h2 {
  border: none;
  padding: 0;
}
.related-video-sidebar .load-more {
  display: none;
}
.related-video-sidebar .video-item {
  clear: both;
}
.related-video-sidebar .video-item .video-image-container-link {
  float: left;
  display: block;
  width: 33%;
  margin-bottom: 1.5em;
}
.related-video-sidebar .video-item .description {
  float: right;
  width: 63%;
}
.related-video-sidebar .video-item .description h4 {
  margin: 0;
  padding: 0 0 0.25em 0;
  font-size: 0.85em;
  line-height: 1em;
  text-transform: uppercase;
  color: #777777;
}

/* ----------------------
 * related-video-sidebar Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .related-video-sidebar section {
    padding-bottom: 1em;
  }
  .responsive .related-video-sidebar .load-more {
    display: block;
  }
  .responsive .related-video-sidebar .video-item.mobile-hidden {
    display: none;
  }
  .responsive .related-video-sidebar .video-item.mobile-hidden.active {
    display: block;
  }
  .responsive .right-rail > .related-video-sidebar.last {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .related-video-sidebar {
    margin-top: 1.5em;
  }
  .responsive .related-video-sidebar section:first-child {
    margin-right: 4%;
  }
  .responsive .related-video-sidebar section {
    width: 47%;
    float: left;
    clear: none;
  }
  .responsive .related-video-sidebar section h2 {
    border: none;
    padding-top: 0;
  }
}
/* ----------------------
 * comments Base Styles
 -- */
.comments h2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.375em;
  line-height: 1.3em;
  color: white;
  background: black;
  width: 100%;
  padding: 0.7em;
  margin: 0;
  text-transform: none;
}
.comments h2 span {
  font-size: 0.73em;
  float: right;
}
.comments h4 {
  padding-top: 20px;
  font-weight: bold;
  font-size: 1.1em;
}

/* ----------------------
 * live-blogging Base Styles
 -- */
.live-blogging {
  padding: 1em 1.5em;
  background: #eeeeee;
}
.live-blogging h2 {
  font-size: 1.2em;
  text-transform: none;
  margin-bottom: 0.5em;
}
.live-blogging h3 {
  font-size: 1em;
  color: #00a5d9;
  margin-bottom: 0em;
}
.live-blogging p {
  font-size: 0.95em;
  margin: 0.5em 0;
}
.live-blogging .image {
  padding-right: 1.4375em;
  padding-top: 0.4375em;
}
.live-blogging .author-date {
  color: #3e3d3b;
  margin-bottom: 0.625em;
  font-size: 0.875em;
}
.live-blogging .author {
  padding-right: 0.625em;
  margin-right: 0.625em;
  border-right: 1px solid #3e3d3b;
}
.live-blogging .image.table-cell {
  width: 20%;
}
.live-blogging .content img {
  max-width: none;
}

/* ----------------------
 * live-blogging Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .live-blogging {
    padding: 1em;
    margin-bottom: 2em;
  }
  .responsive .live-blogging .content.table-cell, .responsive .live-blogging .image.table-cell {
    display: block;
  }
  .responsive .live-blogging .image {
    float: left;
    padding-right: 0;
  }
  .responsive .live-blogging .image img {
    width: 77px;
    height: 77px;
  }
  .responsive .live-blogging .content p {
    clear: both;
  }
  .responsive .live-blogging h3 {
    padding: 0 0 0.5em 23%;
    font-size: 1.125em;
  }
  .responsive .live-blogging .author, .responsive .live-blogging .date {
    font-size: 1em;
    line-height: 1.35em;
  }
  .responsive .live-blogging .author {
    padding-right: 0;
    margin-right: 0;
    border: none;
    display: block;
    padding-left: 23%;
  }
  .responsive .live-blogging .date {
    display: block;
    padding-left: 23%;
  }
  .responsive .live-blogging p {
    padding-top: 0.5em;
    font-size: 1em;
  }
}
/* ----------------------
 * small-contact-us Base Styles
 -- */
.small-contact-us h3 {
  display: none;
}
.small-contact-us p {
  display: none;
}

/* ----------------------
 * related-video-sidebar Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .small-contact-us.mobile-hidden {
    display: none;
  }
}
/* ----------------------
 * video-playlist-header Base Styles
 -- */
.video-playlist-header {
  margin-bottom: 3em;
}
.video-playlist-header h1 {
  font-size: 2.5em;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: none;
}
.video-playlist-header .description-block {
  display: table;
}
.video-playlist-header .description-block .left {
  display: table-cell;
  width: 13%;
}
.video-playlist-header .description-block .left img {
  width: 80%;
}
.video-playlist-header .description-block .description {
  display: table-cell;
  vertical-align: top;
}
.video-playlist-header .description-block .description h4 {
  margin: 0;
  line-height: 0.7em;
  padding-bottom: 10px;
  font-size: 1.15em;
}
.video-playlist-header .description-block .description p {
  margin-bottom: 0;
  margin-top: 0;
}

@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .video-playlist-header {
    margin-bottom: 2em;
  }
}
/* ----------------------
 * video-playlist-header mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .video-playlist-header {
    margin-bottom: 2em;
  }
  .responsive .video-playlist-header h1 {
    font-size: 2em;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 0.7em;
  }
  .responsive .video-playlist-header .description-block {
    display: block;
  }
  .responsive .video-playlist-header .description-block .left {
    float: left;
    display: block;
    width: 25%;
  }
  .responsive .video-playlist-header .description-block .description {
    display: block;
  }
  .responsive .video-playlist-header .description-block .description h4 {
    font-size: 1em;
  }
  .responsive .video-playlist-header .description-block .description h4 span {
    display: block;
    padding-top: 10px;
  }
  .responsive .video-playlist-header .description-block .description p {
    clear: both;
    padding-top: 1em;
  }
}
.video-grid {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
  margin: 0 -1.5712%;
}
.video-grid li {
  display: inline-block;
  *display: inline;
  letter-spacing: normal;
  text-rendering: auto;
  vertical-align: top;
  word-spacing: normal;
  zoom: 1;
  padding: 0 1.5233%;
  width: 21.9535%;
}
.video-grid li .context {
  padding-bottom: 2.25em;
  padding-top: 0.75em;
}
.video-grid li .context h4,
.video-grid li .context h5,
.video-grid li .context p {
  margin-bottom: 0;
}
.video-grid li .context h4 {
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.71429;
  opacity: 0.5;
  text-transform: uppercase;
}
.video-grid li .context p {
  font-size: 0.875em;
  line-height: 1.7143;
}
.video-grid li .context p span:before {
  content: "|";
  padding: 0 0.5em;
}
.col-3-4 .video-grid {
  margin: 0 -2.1171%;
}
.col-3-4 .video-grid li {
  padding: 0 2.0311%;
  width: 29.27121%;
}

@media screen and (min-width: 720px) and (max-width: 967px) {
  .responsive .video-grid li {
    width: 30.2867383%;
  }
  .responsive .col-3-4 .video-grid li {
    width: 45.9378733%;
  }
}
@media (max-width: 719px) {
  .responsive .video-grid {
    margin: 0 !important;
  }
  .responsive .video-grid li {
    border-top: 1px solid #d5d5d5;
    padding: 1em 0 !important;
    width: 100% !important;
  }
  .responsive .video-grid li:first-child {
    border-top: none;
    padding-top: 0 !important;
  }
  .responsive .video-grid li .context {
    float: right;
    padding-bottom: 0;
    padding-top: 0;
    width: 63%;
  }
  .responsive .video-grid .video-image-container-link {
    float: left;
    width: 33%;
  }
  .responsive .video-grid .video-image-container-link .video-detail-overlay {
    display: none;
  }
}
.event.recorded {
  clear: both;
}

.event.active {
  display: block;
}

.events-search-results .col-1-6, .events-search-results .col-1-4, .events-search-results .col-5-12, .events-search-results .col-1-2, .events-search-results .col-2-3, .events-search-results .col-3-4 {
  padding-left: 3.48331%;
}
.events-search-results .col-1-4.image, .events-search-results .col-2-3.events, .events-search-results .col-2-3.content, .events-search-results .col-3-4.events, .events-search-results .col-3-4.content {
  padding-left: 0;
}
.events-search-results .col-1-6 {
  width: 13.55563%;
}
.events-search-results .col-1-4 {
  width: 22.21478%;
}
.events-search-results .col-5-12 {
  width: 39.53308%;
}
.events-search-results .col-1-2 {
  width: 48.19222%;
}
.events-search-results .col-2-3 {
  width: 65.51052%;
}
.events-search-results .col-3-4 {
  width: 74.16967%;
}
.events-search-results h2 {
  font-size: 1em;
  margin-bottom: 0.75em;
  text-transform: none;
}
.events-search-results h3 {
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.2em;
}
.events-search-results .results-header {
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  overflow: auto;
  font-size: 0.875em;
  line-height: 1.25em;
}
.events-search-results .search-filters, .events-search-results .tag, .events-search-results p {
  color: #777777;
}
.events-search-results .tag {
  font-size: .8em;
  color: #888888;
  margin: 0;
}
.events-search-results p {
  font-size: 0.95em;
  line-height: 1.35em;
  margin: 0.5em 0 0;
}
.events-search-results .results-list .location, .events-search-results .results-list .date-time {
  font-size: 0.875em;
  line-height: 1.35em;
}
.events-search-results .results-list li {
  overflow: auto;
  padding: 1.25em 0;
  border-bottom: 1px solid #d5d5d5;
}

@media screen and (max-width: 719px) {
  .responsive .event .col-1-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .responsive .events-search-results p {
    margin: 0.75em 0;
  }
  .responsive .events-search-results .tag {
    line-height: 1.45em;
    font-size: 0.85em;
    margin: 0 0 0.25em;
  }
  .responsive .events-search-results .image {
    display: none;
  }
  .responsive .events-search-results .date-time, .responsive .events-search-results .location, .responsive .events-search-results .content {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }
  .responsive .events-search-results .date-time, .responsive .events-search-results .location {
    font-size: 0.95em;
  }
  .responsive .events-search-results .results-header .date-time, .responsive .events-search-results .results-header .location {
    display: none;
  }
  .responsive .events-search-results .events {
    padding-bottom: 0;
  }
}
.live-blogging {
  clear: both;
}

.events-search-tabs {
  background: #fff;
  padding: 1em;
  overflow: auto;
  margin-bottom: 1.5em;
  margin-left: 1.5%;
  width: 97%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
}
.events-search-tabs h2 {
  font-size: 1em;
  color: #000;
  margin-bottom: 0;
  float: left;
  width: 25%;
  padding: 0;
}
.events-search-tabs ul {
  width: 75%;
  border-bottom: 3px solid #53d5ff;
  float: left;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.events-search-tabs ul li {
  float: left;
  background: #eeeeee;
  list-style: none;
  padding: 0.45em 1em;
  margin: 0 1px 0 0;
  text-transform: uppercase;
  font-size: 0.875em;
  overflow: visible;
  position: relative;
  color: #000;
  cursor: pointer;
}
.events-search-tabs ul li.active {
  background: #53d5ff;
}
.events-search-tabs ul li.active:after {
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #53d5ff;
  position: absolute;
  left: 41%;
  bottom: -12px;
}

@media screen and (max-width: 719px) {
  .responsive .events-search-tabs {
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background: #fff;
    overflow: visible;
  }
  .responsive .events-search-tabs h2 {
    color: #000;
    background: #fff;
    margin-bottom: 0.75em;
    display: block;
    width: 100%;
    float: none;
  }
  .responsive .events-search-tabs ul {
    width: 100%;
  }
  .responsive .events-search-tabs ul li {
    width: 46%;
    padding: 0.45em 2%;
    margin: 0;
  }
}
/*
@media screen and (min-width:$page-content-min-width-not-mobile)  and (max-width: 900px) {
	.responsive{

	}
}
 */
/* ----------------------
 * events-landing Base Styles
 -- */
.events-landing h1 {
  font-size: 3.5em;
  line-height: 1.12;
  margin-bottom: 0.2em;
}
.events-landing h2 {
  font-size: 1.1875em;
  text-transform: none;
}
.events-landing h2 a {
  color: #00a5d9;
}
.events-landing h2 a:hover {
  color: #00a389;
  text-decoration: none;
}
.events-landing h3 {
  font-size: 1em;
  line-height: 1.35em;
  margin: 0.5em 0 0.25em;
}
.events-landing .date-locale {
  color: #666;
  padding-bottom: 1em;
  line-height: 1.35em;
  font-size: 0.85em;
}
.events-landing .col-1-3 {
  width: 31.3237221%;
  padding-bottom: 2em;
  padding-left: 0;
  padding-right: 2.95652%;
}
.events-landing .col-1-3.last {
  padding-right: 0;
}

.section-r .col-3-4 .col-1 {
  width: 100%;
  padding-left: 0;
}
.section-r .col-3-4 .col-1.last, .section-r .col-3-4 .col-1:last-child {
  padding-bottom: 2em;
}
.section-r .col-3-4 .col-1.last {
  margin-top: 1em;
  margin-bottom: 0;
  text-align: center;
}

/* ----------------------
 * live-blogging Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .events-landing h1 {
    font-size: 2.35em;
    margin-bottom: 0.35em;
  }
  .responsive .events-landing h2 {
    font-size: 1.3125em;
  }
  .responsive .events-landing h3 {
    font-size: 1.125em;
  }
  .responsive .events-landing .more-link {
    font-size: 1.1875em;
  }
  .responsive .events-landing .col-1-3 {
    padding-bottom: 1.0625em;
    margin-bottom: 1.0625em;
    border-bottom: 1px solid #d5d5d5;
    padding-right: 0;
  }
  .responsive .events-landing .col-1-3.last {
    border-bottom: none;
  }
  .responsive .events-landing .col-1-3 img {
    margin-bottom: 0.5em;
  }
  .responsive .events-landing .date-locale {
    font-size: 1em;
  }
  .responsive .section-r .col-3-4 .col-1.last, .responsive .section-r .col-3-4 .col-1:last-child {
    padding-bottom: 0;
  }
}
.columns {
  width: 100%;
  clear: both;
  margin-bottom: 2em;
  overflow: hidden;
}
.columns .column {
  width: 30.3%;
  padding-left: 3%;
  float: left;
}
.columns .column h3 {
  color: #000;
  font-size: 1.25em;
  font-weight: 700;
}
.columns .column h3 a {
  color: #000;
}
.columns .column h3 a span {
  font-size: .6em;
  margin-left: 0.2em;
}
.columns .column h4 {
  font-size: 1em;
  font-weight: 700;
  margin: 0 0 0.5em;
}
.columns .column img {
  width: 100%;
  display: block;
  clear: both;
  margin-bottom: 1em;
}
.columns .column p a {
  color: #00a5d9;
}
.columns .column p a:hover {
  color: #000;
}
.columns .column ul li .icon-notch-arrow-skinny-right {
  font-size: .6em;
  color: #adb1ad;
  padding: 0 0.75em;
}
.columns .column.first {
  padding-left: 0;
}

@media (max-width: 719px) {
  .responsive .columns .column {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.in-news .news-container {
  font-size: 0.875em;
  margin-bottom: 1em;
  line-height: 1.3em;
}
.in-news .news-container .date {
  display: block;
  clear: both;
  color: #777777;
}
.in-news .news-container a {
  margin-bottom: 1em;
  display: block;
}
.in-news ul {
  margin-top: 1em;
}

.img-register-container {
  margin-bottom: 2em;
  *zoom: 1;
}
.img-register-container:before, .img-register-container:after {
  content: "";
  display: table;
}
.img-register-container:after {
  clear: both;
}
.img-register-container .register {
  width: 50%;
  float: left;
  overflow: hidden;
  margin-right: 3%;
}
.img-register-container .register form {
  width: 100%;
}
.img-register-container .register form select {
  width: 60%;
}
.img-register-container .register .data-set {
  width: 100%;
  display: block;
}
.img-register-container .register .data-set .heading {
  margin-right: 0.2em;
  display: inline-block;
}
.img-register-container .register .data-set .show-map {
  color: #00a5d9;
  clear: both;
  display: block;
}
.img-register-container .register .data-set .show-map .icon-outsidelink {
  font-size: 0.8em;
}
.img-register-container .register .data-set.convert {
  margin: 1em 0;
}
.img-register-container .register .data-set.convert #converted_time.active {
  margin: 0.5em 0;
  background: #D9F6FF;
  padding: 0.75em;
}
.img-register-container .img-container img {
  max-width: 100%;
}
.img-register-container .contact-button {
  display: inline-block;
  margin: 0.6em 0 0.7em;
  padding: 1em 11% 0.8em;
  background-color: #53d5ff;
  color: #000;
  border: none;
  padding: 14px 16px 12px;
  text-align: center;
  font-size: 0.9em;
  line-height: 0.9em;
}
.img-register-container .contact-button:hover {
  color: #53d5ff;
  background-color: #000;
  text-decoration: none;
}

/* ----------------------
 * partner-solutions Base Styles
 -- */
.partner-solutions h1 {
  font-size: 36px;
}
.partner-solutions a:link {
  color: #00a5d9;
}
.partner-solutions a:visited {
  color: #00a389;
}
.partner-solutions a:hover, .partner-solutions a:active {
  color: #000;
  text-decoration: underline;
}

.partner-solutions-feature {
  padding-bottom: 1.5em;
  border: none;
  clear: both;
}
.partner-solutions-feature h2 {
  box-sizing: border-box;
  font-size: 1.375em;
  line-height: 1.3em;
  color: white;
  background: black;
  width: 100%;
  padding: 0.5em 0.7em;
  margin: 0;
  text-transform: none;
}
.partner-solutions-feature ul > li {
  padding-bottom: 0;
  border-bottom: none;
}
.partner-solutions-feature .learn-more {
  margin-bottom: 0;
  padding-bottom: 0;
}
.partner-solutions-feature .col-1 {
  border: none;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}
.partner-solutions-feature .partner {
  position: relative;
}
.partner-solutions-feature .partner h3 {
  display: block;
  width: 70%;
}
.partner-solutions-feature .partner h3 a {
  font-size: 1.25em;
  padding-bottom: 0.5em;
}
.partner-solutions-feature .partner h3 a:hover {
  color: #00a389;
  text-decoration: none;
}
.partner-solutions-feature .arrow-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #a05fa6;
  position: absolute;
  left: 31%;
  top: 1.25em;
}
.partner-solutions-feature .green .arrow-right {
  border-left: 7px solid #00a389;
}
.partner-solutions-feature .yellow .arrow-right {
  border-left: 7px solid #9370b1;
}
.partner-solutions-feature .alt-green .arrow-right {
  border-left: 7px solid #8dc63f;
}
.partner-solutions-feature .orange .arrow-right {
  border-left: 7px solid #f47d20;
}

.partner-solutions-results p {
  color: #666;
  font-size: 14px;
  line-height: 1.214em;
}

/* ----------------------
 * partner-directory Base Styles
 -- */
.partner-directory-container .search-results-header .col-1-2, .partner-directory-container .partner-directory .col-1-2 {
  padding-left: 0;
}
.partner-directory-container .search-results-header {
  zoom: 1;
}
.partner-directory-container .search-results-header:before, .partner-directory-container .search-results-header:after {
  display: table;
  content: "";
  zoom: 1;
}
.partner-directory-container .search-results-header:after {
  clear: both;
}
.partner-directory-container .search-results-header li {
  font-size: 14px;
}
.partner-directory-container .partner-directory a {
  color: #00a5d9;
}
.partner-directory-container .partner-directory a:hover {
  color: #000;
  text-decoration: underline;
}

/* ----------------------
 * community Base Styles
 -- */
.learn-more.community {
  zoom: 1;
}
.learn-more.community:before, .learn-more.community:after {
  display: table;
  content: "";
  zoom: 1;
}
.learn-more.community:after {
  clear: both;
}
.learn-more.community .tab-container {
  margin-bottom: 0;
}
.learn-more.community .tab-container section {
  border-bottom: none;
  padding-bottom: 0;
}
.learn-more.community .tab-container ul li {
  background: none;
  padding: 0;
}
.learn-more.community .tabs li span {
  display: inline-block;
  margin-right: 5px;
}
.learn-more.community .three-column h3 {
  text-transform: uppercase;
  font-size: 14px;
  color: #444;
}
.learn-more.community .three-column ul, .learn-more.community .three-column li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.learn-more.community .three-column a {
  display: inline-block;
  padding: 0.4em 0 0.4em 1em;
}

.section-landing.community {
  margin-bottom: 1em;
  overflow: hidden;
}
.section-landing.community h3 {
  padding: 0.5em 0.5em 0.5em;
  margin-bottom: 0;
  background: #000;
  color: #fff;
  font-size: 20px;
}
.section-landing.community .tabs {
  width: 100%;
  zoom: 1;
}
.section-landing.community .tabs:before, .section-landing.community .tabs:after {
  display: table;
  content: "";
  zoom: 1;
}
.section-landing.community .tabs:after {
  clear: both;
}
.section-landing.community .tabs li {
  float: left;
  width: 50%;
  margin-bottom: 0;
  padding: 0.8em 0 0.6em;
  border: none;
  text-align: center;
}
.section-landing.community .tabs li.active:after {
  content: "";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #53d5ff;
  position: absolute;
  top: 2.4em;
  left: 44%;
}
.section-landing.community .col-1-3 .item {
  zoom: 1;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.section-landing.community .col-1-3 .item:before, .section-landing.community .col-1-3 .item:after {
  display: table;
  content: "";
  zoom: 1;
}
.section-landing.community .col-1-3 .item:after {
  clear: both;
}
.section-landing.community .col-1-3 img {
  display: block;
  float: left;
  width: 24.6%;
  margin-right: 4.76%;
}
.section-landing.community .col-1-3 h4, .section-landing.community .col-1-3 p {
  display: inline;
  float: right;
  width: 100%;
}
.section-landing.community .col-1-3 h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.85em;
  line-height: 1.2em;
  color: #888888;
  text-transform: uppercase;
}
.section-landing.community .col-1-3 p {
  margin: 0;
  font-size: 1em;
  line-height: 1.35em;
}
.section-landing.community .col-1-3 p.byline {
  color: #777777;
  font-size: 0.875em;
  margin-top: 0.25em;
}
.section-landing.community .col-1-3 .experts {
  margin-top: 1.25em;
}
.section-landing.community .col-1-3 .experts h4 {
  font-size: 1em;
  line-height: 1.45em;
  color: #000;
  text-transform: none;
  margin-bottom: 0;
}
.section-landing.community .col-1-3 .experts p {
  font-size: 0.875em;
  line-height: 1.3em;
}
.section-landing.community .col-1-3 .tab-container, .section-landing.community .col-1-3 .tab-content {
  width: 100%;
  padding: 0;
}
.section-landing.community .col-1-3 .tab-container .tab-drawer-heading, .section-landing.community .col-1-3 .tab-content .tab-drawer-heading {
  display: none;
}
.section-landing.community .col-1-3 .tab-content {
  margin-top: 1.25em;
}
.section-landing.community .col-1-3 .tab-content .item {
  margin-bottom: 1.5em;
}
.section-landing.community .col-1-3 .tab-content.twitter {
  font-size: 0.875em;
  line-height: 1.3em;
}
.section-landing.community .col-1-3 .tab-content.twitter a {
  color: #00a5d9;
}
.section-landing.community .col-1-3 .tab-content.twitter p {
  line-height: 1.3em;
}
.section-landing.community .col-1-3 .tab-content .date {
  color: #777777;
  display: block;
}

/* ----------------------
 * community Mobile Styles
 -- */
@media (max-width: 719px) {
  .responsive .section-landing.community .col-1-3 {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .responsive .section-landing.community .tabs {
    display: block;
  }
}
/* ----------------------
 * community-glance Base Styles
 -- */
.community-glance .wrap {
  padding: 0.5em 0;
  border-top: solid #ccc 1px;
  border-bottom: solid #ccc 1px;
  background: #eee;
}
.community-glance td, .community-glance th {
  padding: 0.3em 0.7em 0.3em 0.7em;
  line-height: 1.2em;
}
.community-glance td {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
.community-glance th {
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

/* ----------------------
 * social-media-right-rail Base Styles
 -- */