@charset "UTF-8";

/* Customizations to override document site global CSS */
.hf ul > li {
  margin: 0;
}

.hf .expand {
  overflow: visible;
}
/* End customizations */

.hf .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.hf .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}
.hf .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.hf .mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hf .mfp-align-top .mfp-container:before {
  display: none;
}
.hf .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.hf .mfp-ajax-holder .mfp-content,
.hf .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.hf .mfp-ajax-cur {
  cursor: progress;
}
.hf .mfp-zoom-out-cur,
.hf .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.hf .mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.hf .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.hf .mfp-arrow,
.hf .mfp-close,
.hf .mfp-counter,
.hf .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hf .mfp-loading.mfp-figure {
  display: none;
}
.hf .mfp-hide {
  display: none !important;
}
.hf .mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.hf .mfp-preloader a {
  color: #ccc;
}
.hf .mfp-preloader a:hover {
  color: #fff;
}
.hf .mfp-s-ready .mfp-preloader {
  display: none;
}
.hf .mfp-s-error .mfp-content {
  display: none;
}
.hf button.mfp-arrow,
.hf button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
.hf button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.hf .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.hf .mfp-close:focus,
.hf .mfp-close:hover {
  opacity: 1;
}
.hf .mfp-close:active {
  top: 1px;
}
.hf .mfp-close-btn-in .mfp-close {
  color: #333;
}
.hf .mfp-iframe-holder .mfp-close,
.hf .mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.hf .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.hf .mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.hf .mfp-arrow:active {
  margin-top: -54px;
}
.hf .mfp-arrow:focus,
.hf .mfp-arrow:hover {
  opacity: 1;
}
.hf .mfp-arrow:after,
.hf .mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.hf .mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.hf .mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.hf .mfp-arrow-left {
  left: 0;
}
.hf .mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.hf .mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.hf .mfp-arrow-right {
  right: 0;
}
.hf .mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.hf .mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.hf .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.hf .mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.hf .mfp-iframe-holder .mfp-close {
  top: -40px;
}
.hf .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.hf .mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.hf img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
.hf .mfp-figure {
  line-height: 0;
}
.hf .mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.hf .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.hf .mfp-figure figure {
  margin: 0;
}
.hf .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.hf .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.hf .mfp-image-holder .mfp-content {
  max-width: 100%;
}
.hf .mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .hf .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .hf .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .hf .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .hf .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .hf .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .hf .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .hf .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .hf .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .hf .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .hf .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .hf .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.hf .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.hf .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.hf .slick-list:focus {
  outline: 0;
}
.hf .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.hf .slick-slider .slick-list,
.hf .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.hf .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hf .slick-track:after,
.hf .slick-track:before {
  content: "";
  display: table;
}
.hf .slick-track:after {
  clear: both;
}
.hf .slick-loading .slick-track {
  visibility: hidden;
}
.hf .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.hf [dir=rtl] .slick-slide {
  float: right;
}
.hf .slick-slide img {
  display: block;
}
.hf .slick-slide.slick-loading img {
  display: none;
}
.hf .slick-slide.dragging img {
  pointer-events: none;
}
.hf .slick-initialized .slick-slide {
  display: block;
}
.hf .slick-loading .slick-slide {
  visibility: hidden;
}
.hf .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.hf .slick-arrow.slick-hidden {
  display: none;
}
.hf .slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) center center no-repeat;
}
@font-face {
  font-family: slick;
  src: url(/fonts/slick.eot);
  src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/fonts/slick.woff) format("woff"), url(/fonts/slick.ttf) format("truetype"), url(/fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal;
}
.hf .slick-next,
.hf .slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0;
}
.hf .slick-next:focus,
.hf .slick-next:hover,
.hf .slick-prev:focus,
.hf .slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent;
}
.hf .slick-next:focus:before,
.hf .slick-next:hover:before,
.hf .slick-prev:focus:before,
.hf .slick-prev:hover:before {
  opacity: 1;
}
.hf .slick-next.slick-disabled:before,
.hf .slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.hf .slick-next:before,
.hf .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hf .slick-prev {
  left: -25px;
}
.hf [dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.hf .slick-prev:before {
  content: "←";
}
.hf [dir=rtl] .slick-prev:before {
  content: "→";
}
.hf .slick-next {
  right: -25px;
}
.hf [dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.hf .slick-next:before {
  content: "→";
}
.hf [dir=rtl] .slick-next:before {
  content: "←";
}
.hf .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.hf .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.hf .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.hf .slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.hf .slick-dots li button:focus,
.hf .slick-dots li button:hover {
  outline: 0;
}
.hf .slick-dots li button:focus:before,
.hf .slick-dots li button:hover:before {
  opacity: 1;
}
.hf .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hf .slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.hf .white {
  color: #fff;
}
.hf .white:hover {
  color: #fff;
}
.hf .white:focus {
  color: #fff;
}
.hf .whiteoverwrite {
  color: #fff !important;
}
.hf .red {
  color: #d91f00;
}
.hf .red:hover {
  color: #d91f00;
}
.hf .red:focus {
  color: #d91f00;
}
.hf .redoverwrite {
  color: #d91f00 !important;
}
.hf .blue {
  color: #04c9d7;
}
.hf .blue:hover {
  color: #04c9d7;
}
.hf .blue:focus {
  color: #04c9d7;
}
.hf .blueoverwrite {
  color: #04c9d7 !important;
}
.hf .yellow {
  color: #fbe04b;
}
.hf .yellow:hover {
  color: #fbe04b;
}
.hf .yellow:focus {
  color: #fbe04b;
}
.hf .yellowoverwrite {
  color: #fbe04b !important;
}
.hf .orange {
  color: #f99d1c;
}
.hf .orange:hover {
  color: #f99d1c;
}
.hf .orange:focus {
  color: #f99d1c;
}
.hf .orangeoverwrite {
  color: #f99d1c !important;
}
.hf .orangeheadingoverwrite {
  color: #f99d1c !important;
}
.hf .charcoal {
  color: #444;
}
.hf .charcoal:hover {
  color: #444;
}
.hf .charcoal:focus {
  color: #444;
}
.hf .charcoaloverwrite {
  color: #444 !important;
}
.hf .justgray {
  color: #666;
}
.hf .justgray:hover {
  color: #666;
}
.hf .justgray:focus {
  color: #666;
}
.hf .justgrayoverwrite {
  color: #666 !important;
}
.hf .lightgray {
  color: #ccc;
}
.hf .lightgray:hover {
  color: #ccc;
}
.hf .lightgray:focus {
  color: #ccc;
}
.hf .lightgrayoverwrite {
  color: #ccc !important;
}
.hf .mediumgray {
  color: #a1a1a1;
}
.hf .mediumgray:hover {
  color: #a1a1a1;
}
.hf .mediumgray:focus {
  color: #a1a1a1;
}
.hf .mediumgrayoverwrite {
  color: #a1a1a1 !important;
}
.hf .blueheading {
  color: #04c9d7;
}
.hf .blueheading:hover {
  color: #04c9d7;
}
.hf .blueheading:focus {
  color: #04c9d7;
}
.hf .blueheadingoverwrite {
  color: #04c9d7 !important;
}
.hf .green {
  color: #81c23c;
}
.hf .green:hover {
  color: #81c23c;
}
.hf .green:focus {
  color: #81c23c;
}
.hf .geek-green {
  color: #b8d757;
}
.hf .gray {
  color: #666;
}
.hf .gray:hover {
  color: #666;
}
.hf .gray:focus {
  color: #666;
}
.hf .chartreuse {
  color: #dade63;
}
.hf .chartreuse:hover {
  color: #dade63;
}
.hf .chartreuse:focus {
  color: #dade63;
}
.hf .blue-link a {
  color: #04c9d7;
}
.hf .blue-link a:hover {
  color: #04d6e1;
}
.hf .blue-link a:active,
.hf .blue-link a:focus {
  color: #03bfcf;
}
.hf .blue-link-override,
.hf a.blue-cross-link-override {
  color: #04c9d7 !important;
}
.hf .blue-link-override:hover,
.hf a.blue-cross-link-override:hover {
  color: #04d6e1 !important;
}
.hf .blue-link-override:active,
.hf .blue-link-override:focus,
.hf a.blue-cross-link-override:active,
.hf a.blue-cross-link-override:focus {
  color: #03bfcf !important;
}
.hf .gray-link a {
  color: #666;
}
.hf .gray-link a:hover {
  color: #a1a1a1;
}
.hf .gray-link a:active,
.hf .gray-link a:focus {
  color: #a1a1a1;
}
.hf .gray-link-override,
.hf a.gray-link-override {
  color: #666 !important;
}
.hf .gray-link-override:hover,
.hf a.gray-link-override:hover {
  color: #a1a1a1 !important;
}
.hf .gray-link-override:active,
.hf .gray-link-override:focus,
.hf a.gray-link-override:active,
.hf a.gray-link-override:focus {
  color: #a1a1a1 !important;
}
.hf .linkOrange a,
.hf .orange-link a,
.hf a.linkOrange,
.hf a.orange-link {
  color: #f99d1c;
}
.hf .linkOrange a:hover,
.hf .orange-link a:hover,
.hf a.linkOrange:hover,
.hf a.orange-link:hover {
  color: #fab024;
}
.hf .linkOrange a:active,
.hf .linkOrange a:focus,
.hf .orange-link a:active,
.hf .orange-link a:focus,
.hf a.linkOrange:active,
.hf a.linkOrange:focus,
.hf a.orange-link:active,
.hf a.orange-link:focus {
  color: #f88e16;
}
.hf .linkOrange-override a,
.hf .orange-link-override a,
.hf a.linkOrange-override,
.hf a.orange-link-override {
  color: #f99d1c !important;
}
.hf .linkOrange-override a:hover,
.hf .orange-link-override a:hover,
.hf a.linkOrange-override:hover,
.hf a.orange-link-override:hover {
  color: #fab024 !important;
}
.hf .linkOrange-override a:active,
.hf .linkOrange-override a:focus,
.hf .orange-link-override a:active,
.hf .orange-link-override a:focus,
.hf a.linkOrange-override:active,
.hf a.linkOrange-override:focus,
.hf a.orange-link-override:active,
.hf a.orange-link-override:focus {
  color: #f88e16 !important;
}
.hf .chartreuse-link a {
  color: #dade63;
}
.hf .chartreuse-link a:hover {
  color: #e6e97b;
}
.hf .chartreuse-link a:active,
.hf .chartreuse-link a:focus {
  color: #d0d54f;
}
.hf .chartreuse-link-override,
.hf a.chartreuse-link-override {
  color: #dade63 !important;
}
.hf .chartreuse-link-override:hover,
.hf a.chartreuse-link-override:hover {
  color: #e6e97b !important;
}
.hf .chartreuse-link-override:active,
.hf .chartreuse-link-override:focus,
.hf a.chartreuse-link-override:active,
.hf a.chartreuse-link-override:focus {
  color: #d0d54f !important;
}
.hf .white-link a {
  color: #fff;
}
.hf .white-link a:hover {
  color: #fff;
}
.hf .white-link a:active,
.hf .white-link a:focus {
  color: #fff;
}
.hf .white-link-override,
.hf a.white-link-override {
  color: #fff !important;
}
.hf .white-link-override:hover,
.hf a.white-link-override:hover {
  color: #ccc !important;
}
.hf .white-link-override:active,
.hf .white-link-override:focus,
.hf a.white-link-override:active,
.hf a.white-link-override:focus {
  color: #fff !important;
}
.hf .blue-cross-link a {
  color: #0079aa;
}
.hf .blue-cross-link a:hover {
  color: #23527c;
}
.hf .blue-cross-link a:active,
.hf .blue-cross-link a:focus {
  color: #23527c;
}
.hf .blue-cross-link-override,
.hf a.blue-cross-link-override {
  color: #0079aa !important;
}
.hf .blue-cross-link-override:hover,
.hf a.blue-cross-link-override:hover {
  color: #23527c !important;
}
.hf .blue-cross-link-override:active,
.hf .blue-cross-link-override:focus,
.hf a.blue-cross-link-override:active,
.hf a.blue-cross-link-override:focus {
  color: #23527c !important;
}
.hf .green-link,
.hf a.green-link {
  color: #81c23c;
}
.hf .green-link:hover,
.hf a.green-link:hover {
  color: #94d24b;
}
.hf .green-link:active,
.hf .green-link:focus,
.hf a.green-link:active,
.hf a.green-link:focus {
  color: #94d24b;
}
.hf .green-link-override,
.hf a.green-link-override {
  color: #81c23c !important;
}
.hf .green-link-override:hover,
.hf a.green-link-override:hover {
  color: #94d24b !important;
}
.hf .green-link-override:active,
.hf .green-link-override:focus,
.hf a.green-link-override:active,
.hf a.green-link-override:focus {
  color: #94d24b !important;
}
.hf .light-gray-link,
.hf a.light-gray-link {
  color: #ccc;
}
.hf .light-gray-link:hover,
.hf a.light-gray-link:hover {
  color: #ccc;
}
.hf .light-gray-link:active,
.hf .light-gray-link:focus,
.hf a.light-gray-link:active,
.hf a.light-gray-link:focus {
  color: #ccc;
}
.hf .light-gray-link-override,
.hf a.light-gray-link-override {
  color: #ccc !important;
}
.hf .light-gray-link-override:hover,
.hf a.light-gray-link-override:hover {
  color: #ccc !important;
}
.hf .light-gray-link-override:active,
.hf .light-gray-link-override:focus,
.hf a.light-gray-link-override:active,
.hf a.light-gray-link-override:focus {
  color: #ccc !important;
}
.hf .ghost-gray-link,
.hf a.ghost-gray-link {
  color: #eee;
}
.hf .ghost-gray-link:hover,
.hf a.ghost-gray-link:hover {
  color: #eee;
}
.hf .ghost-gray-link:active,
.hf .ghost-gray-link:focus,
.hf a.ghost-gray-link:active,
.hf a.ghost-gray-link:focus {
  color: #eee;
}
.hf .ghost-gray-link-override,
.hf a.ghost-gray-link-override {
  color: #eee !important;
}
.hf .ghost-gray-link-override:hover,
.hf a.ghost-gray-link-override:hover {
  color: #eee !important;
}
.hf .ghost-gray-link-override:active,
.hf .ghost-gray-link-override:focus,
.hf a.ghost-gray-link-override:active,
.hf a.ghost-gray-link-override:focus {
  color: #eee !important;
}
.hf .blue-border-override {
  border-color: #04c9d7 !important;
}
.hf .gray-border-override {
  border-color: #666 !important;
}
.hf .orange-border-override {
  border-color: #f99d1c !important;
}
.hf .green-border-override {
  border-color: #81c23c !important;
}
.hf .geek-green-border-override {
  border-color: #b8d757 !important;
}
.hf .chartreuse-border-override {
  border-color: #dade63 !important;
}
.hf .white-border-override {
  border-color: #fff !important;
}
.hf .yellow-border-override {
  border-color: #fbe04b !important;
}
.hf .light-gray-border-override {
  border-color: #ccc !important;
}
.hf .gray-border-rigth {
  border-right: 1px solid #d6d6d6;
}
.hf .logo-gray-border-override {
  border-color: #444 !important;
}
@media (max-width: 767px) {
  .hf .gray-border-rigth {
    border-right: none;
  }
}
.hf .blue-hover-override:hover {
  background-color: #04c9d7 !important;
}
.hf .gray-hover-override:hover {
  background-color: #666 !important;
}
.hf .orange-hover-override:hover {
  background-color: #f99d1c !important;
}
.hf .green-hover-override:hover {
  background-color: #81c23c !important;
}
.hf .chartreuse-hover-override:hover {
  background-color: #dade63 !important;
}
.hf .white-hover-override:hover {
  background-color: #fff !important;
}
.hf .large-gradient {
  box-shadow: 0 2px 30px 0 rgba(128, 143, 145, 0.2);
}
.hf .small-blue-gradient {
  background-image: linear-gradient(to bottom, #04c9d7, #00a8cb);
}
.hf .large-blue-gradient {
  background-image: linear-gradient(to bottom, #04c9d7, #0091b1 99%);
}
.hf .large-yellow-gradient,
.hf .small-yellow-gradient {
  background-image: linear-gradient(to bottom, #fbe04b 0, #ffb600 100%);
}
.hf .small-green-gradient {
  background-image: linear-gradient(to bottom, #b4d552 0, #7fbc13 100%);
}
.hf .large-green-gradient {
  background-image: linear-gradient(to bottom, #b5d653, #7cba12 99%);
}
.hf .small-orange-gradient {
  background-image: linear-gradient(to bottom, #fbb645, #f99d1c);
}
.hf .large-orange-gradient {
  background-image: linear-gradient(to bottom, #f99d1c, #da7300 99%);
}
.hf .large-gray-gradient {
  background-image: linear-gradient(to bottom, #444, #646464 99%);
}
.hf .blue-edge-gradient {
  background-image: linear-gradient(90deg, #03adb9 1%, #0bcbd8 11%, #36d4df 50%, #0bcbd8 89%, #03adb9 99%);
}
.hf .silver-edge-gradient {
  background-image: linear-gradient(75deg, #a0bec0 12%, #c3d5d6 40%, #d6e1e2 80%);
}
.hf .gray-center-gradient {
  background-image: radial-gradient(circle closest-side at 30% 38%, #767676 0, transparent 75%), radial-gradient(circle, #6b6b6b 28%, #555 65%, #404040 90%) !important;
}
.hf body {
  background-color: #fff !important;
}
.hf .slick-loading .slick-list {
  background-color: #fff !important;
  background: #fff !important;
}
.hf .ghost-gray-background {
  background-color: #eee;
}
.hf .col-sm-12.ghost-gray-background {
  background-color: #eee;
  margin: 0;
}
.hf .gray-texture-background {
  position: relative;
}
.hf .gray-texture-background:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/images/texture-one.png);
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: -1;
}
.hf .charcoal-background {
  background-color: #444 !important;
}
.hf .blue-background {
  background-color: #04c9d7 !important;
}
.hf .gray-background {
  background-color: #666;
}
.hf .orange-background {
  background-color: #f99d1c;
}
.hf .green-background {
  background-color: #81c23c !important;
}
.hf .chartreuse-background {
  background-color: #dade63;
}
.hf .white-background {
  background-color: #fff;
}
.hf .gray-bg-texture {
  background-image: url(/images/bg_gray-texture.png);
}
.hf .circuit-texture-background {
  background-image: url(/images/circuit-texture.png);
}
.hf .circuit-texture-background-dark {
  background-image: url(/-/media/846fb21a905642c9aa18348243672e75.ashx);
}
.hf .simple-hero-blue {
  background-color: #122f63;
  color: #fff;
}
.hf .customer-quote-blue {
  background-color: #02c0cf;
}
.hf .network-operations-background {
  background-color: #000;
}
.hf .federal-compliance-background {
  background-color: #c4d8f9;
}
.hf .it-data-center-background {
  background-color: #acefff;
}
.hf .continous-monitor-background {
  background-color: #b2b2b2;
}
.hf .cyber-security-background {
  background-color: #0b0c0e;
}
.hf .cloud-computing-background {
  background-color: #7dbfed;
}
.hf .mobile-solutions-background {
  background-color: #07213c;
}
.hf .scaling-enterprise-background {
  background-color: #e9f9ff;
}
.hf .it-consolidation-background {
  background-color: #0f2030;
}
.hf .devops-background {
  background-color: #0f2233;
}
.hf .government-partners-background {
  background-color: #2e3b67;
}
.hf .dark-gray-background {
  background-color: #333;
}
.hf .sw-orange-background {
  background-color: #f99d1c !important;
}
.hf .sw-black-background {
  background-color: #212221;
}
.hf .gns3-blue-background {
  background-color: #39b5c9;
}
.hf .ine-orange-background {
  background-color: #ef7e22;
}
.hf .gov-how-to-buy-background {
  background-color: #131212;
}
.hf .light-gray-background {
  background-color: #666;
}
.hf .yellow-background {
  background-color: #fbe04b !important;
}
.hf .gray-bg-texture-gradient {
  background-image: url(/images/bg_gray-texture.png);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 10%), url(/images/bg_gray-texture.png);
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}
.hf .square-dotted-background {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 230px), url("data:image/svg+xml,%3Csvg width='4' height='230' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern viewBox='0,0,4,4' height='1.7%25' width='100%25' id='Pattern'%3E%3Crect id='svg_1' height='4' width='4' y='0' x='0' fill='%23f1f1f1'/%3E%3Crect id='svg_2' height='2' width='2' y='1' x='1' fill='%23cccccc'/%3E%3C/pattern%3E%3C/defs%3E%3Crect id='svg_4' height='230' width='4' fill='url(%23Pattern)'/%3E%3C/svg%3E");
  background-position: left top;
  background-repeat: repeat-x;
}
.hf .solution_hero_orange_gradient_to_bottom {
  background-image: linear-gradient(to bottom, #ffa622, #ffa622);
}
.hf .solution_orange_gradient_to_right {
  background-image: linear-gradient(to right, #da7300, #f99e1d);
}
.hf .solution_blue_gradient_to_right {
  background-image: linear-gradient(to right, #0091b1, #04c9d7);
}
.hf .solution_green_gradient_to_right {
  background-image: linear-gradient(to right, #6dae28, #95d650);
}
.hf .solution_yellow_gradient_to_right {
  background-image: linear-gradient(to right, #ffb908, #fadd47);
}
.hf .grayscale-ghost {
  background-color: #fafafa;
}
.hf .blue-border-override {
  border-color: #04c9d7 !important;
}
.hf .gray-border-override {
  border-color: #666 !important;
}
.hf .orange-border-override {
  border-color: #f99d1c !important;
}
.hf .green-border-override {
  border-color: #81c23c !important;
}
.hf .geek-green-border-override {
  border-color: #b8d757 !important;
}
.hf .chartreuse-border-override {
  border-color: #dade63 !important;
}
.hf .white-border-override {
  border-color: #fff !important;
}
.hf .yellow-border-override {
  border-color: #fbe04b !important;
}
.hf .light-gray-border-override {
  border-color: #ccc !important;
}
.hf .gray-border-rigth {
  border-right: 1px solid #d6d6d6;
}
.hf .logo-gray-border-override {
  border-color: #444 !important;
}
@media (max-width: 767px) {
  .hf .gray-border-rigth {
    border-right: none;
  }
}
.hf .downloadbtn.inactive {
  background-color: #eee !important;
  color: #a1a1a1 !important;
  cursor: not-allowed !important;
  border: solid 2px #a1a1a1 !important;
  pointer-events: none !important;
}
.hf .downloadbtn.inactive:active,
.hf .downloadbtn.inactive:focus,
.hf .downloadbtn.inactive:hover,
.hf .downloadbtn.inactive:visited {
  color: #a1a1a1;
  text-decoration: none;
}
.hf .downloadbtn .loading-spinner {
  color: #444;
  position: absolute;
  top: 50%;
  right: 5%;
}
.hf .downloadbtn .loading-spinner div {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: loading-spinner 1.2s linear infinite;
  animation: loading-spinner 1.2s linear infinite;
}
.hf .downloadbtn .loading-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 7px;
  border-radius: 20%;
  background: #444;
}
.hf .downloadbtn .loading-spinner div:nth-child(1) {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.hf .downloadbtn .loading-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.hf .downloadbtn .loading-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.hf .downloadbtn .loading-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.hf .downloadbtn .loading-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.hf .downloadbtn .loading-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.hf .downloadbtn .loading-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.hf .downloadbtn .loading-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.hf .downloadbtn .loading-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.hf .downloadbtn .loading-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.hf .downloadbtn .loading-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.hf .downloadbtn .loading-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
@-webkit-keyframes loading-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hf .blue-button,
.hf .btn-blue,
.hf .btnBlue {
  background-color: #04c9d7;
}
.hf .blue-button:hover,
.hf .btn-blue:hover,
.hf .btnBlue:hover {
  background-color: #04d6e1;
}
.hf .blue-button:active,
.hf .btn-blue:active,
.hf .btnBlue:active {
  background-color: #03bfcf;
}
.hf .btn-gray,
.hf .gray-button {
  background-color: #666;
}
.hf .btn-gray:hover,
.hf .gray-button:hover {
  background-color: #a1a1a1;
}
.hf .btn-gray:active,
.hf .gray-button:active {
  background-color: #a1a1a1;
}
.hf .btn-orange,
.hf .btnOrange,
.hf .orange-button {
  background-color: #f99d1c;
}
.hf .btn-orange:hover,
.hf .btnOrange:hover,
.hf .orange-button:hover {
  background-color: #fab024;
}
.hf .btn-orange:active,
.hf .btnOrange:active,
.hf .orange-button:active {
  background-color: #f88e16;
}
.hf .btn-green,
.hf .btnGreen,
.hf .green-button {
  background-color: #81c23c;
}
.hf .btn-green:hover,
.hf .btnGreen:hover,
.hf .green-button:hover {
  background-color: #94d24b;
}
.hf .btn-green:active,
.hf .btnGreen:active,
.hf .green-button:active {
  background-color: #94d24b;
}
.hf .btn-green[disabled]:hover,
.hf .btnGreen[disabled]:hover,
.hf .green-button[disabled]:hover {
  cursor: not-allowed;
}
.hf .btn-chartreuse,
.hf .chartreuse-button {
  background-color: #dade63;
}
.hf .btn-chartreuse:hover,
.hf .chartreuse-button:hover {
  background-color: #e6e97b;
}
.hf .btn-chartreuse:active,
.hf .chartreuse-button:active {
  background-color: #d0d54f;
}
.hf .btn-white,
.hf .white-button {
  background-color: #fff;
}
.hf .btn-white:hover,
.hf .white-button:hover {
  background-color: #fff;
}
.hf .btn-white:active,
.hf .white-button:active {
  background-color: #fff;
}
.hf .light-gray-button {
  background-color: #ccc;
}
.hf .light-gray-button:hover {
  background-color: #ccc;
}
.hf .light-gray-button:active {
  background-color: #ccc;
}
.hf .ghost-gray-button {
  background-color: #eee;
}
.hf .ghost-gray-button:hover {
  background-color: #eee;
}
.hf .ghost-gray-button:active {
  background-color: #eee;
}
.hf .blue-cross-button {
  background-color: #23527c;
}
.hf .blue-cross-button:hover {
  background-color: #0079aa;
}
.hf .blue-cross-button:active {
  background-color: #0079aa;
}
.hf .logo-gray-button {
  background-color: #444;
}
.hf .logo-gray-button:hover {
  background-color: #5e5e5e;
}
.hf .logo-gray-button:active {
  background-color: #5e5e5e;
}
.hf .geek-green-button {
  background-color: #b8d757;
}
.hf .geek-green-button:hover {
  background-color: #b8d757;
}
.hf .geek-green-button:active {
  background-color: #b8d757;
}
.hf .yellow-button {
  background-color: #fbe04b;
}
.hf .yellow-button:hover {
  background-color: #fbe04b;
}
.hf .yellow-button:active {
  background-color: #fbe04b;
}
.hf .white-orange-bordered-button.btn,
.hf .white-orange-bordered-button.button {
  background-color: #fff;
  border: 2px solid #f99d1c !important;
  color: #f99d1c !important;
}
.hf .white-orange-bordered-button.btn:hover,
.hf .white-orange-bordered-button.button:hover {
  background-color: #fff !important;
}
.hf .white-orange-bordered-button.btn:active,
.hf .white-orange-bordered-button.button:active {
  background-color: #fff !important;
}
.hf .white-button-gray-border-text {
  background-color: #fff;
  color: #444;
  outline: solid 2px #eee;
  outline-offset: -2px;
}
.hf .white-button-gray-border-text:active,
.hf .white-button-gray-border-text:hover {
  outline: solid 2px #444;
  outline-offset: -2px;
  text-decoration: none;
  cursor: pointer;
}
.hf html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.hf body {
  margin: 0;
}
.hf article,
.hf aside,
.hf details,
.hf figcaption,
.hf figure,
.hf footer,
.hf header,
.hf hgroup,
.hf main,
.hf menu,
.hf nav,
.hf section,
.hf summary {
  display: block;
}
.hf audio,
.hf canvas,
.hf progress,
.hf video {
  display: inline-block;
  vertical-align: baseline;
}
.hf audio:not([controls]) {
  display: none;
  height: 0;
}
.hf [hidden],
.hf template {
  display: none;
}
.hf a {
  background-color: transparent;
}
.hf a:active,
.hf a:hover {
  outline: 0;
}
.hf abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.hf b,
.hf strong {
  font-weight: 700;
}
.hf dfn {
  font-style: italic;
}
.hf h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.hf mark {
  background: #ff0;
  color: #000;
}
.hf small {
  font-size: 80%;
}
.hf sub,
.hf sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.hf sup {
  top: -0.5em;
}
.hf sub {
  bottom: -0.25em;
}
.hf img {
  border: 0;
}
.hf svg:not(:root) {
  overflow: hidden;
}
.hf figure {
  margin: 1em 40px;
}
.hf hr {
  box-sizing: content-box;
  height: 0;
}
.hf pre {
  overflow: auto;
}
.hf code,
.hf kbd,
.hf pre,
.hf samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.hf button,
.hf input,
.hf optgroup,
.hf select,
.hf textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.hf button {
  overflow: visible;
}
.hf button,
.hf select {
  text-transform: none;
}
.hf button,
.hf html input[type=button],
.hf input[type=reset],
.hf input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.hf button[disabled],
.hf html input[disabled] {
  cursor: default;
}
.hf button::-moz-focus-inner,
.hf input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.hf input {
  line-height: normal;
}
.hf input[type=checkbox],
.hf input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.hf input[type=number]::-webkit-inner-spin-button,
.hf input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.hf input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
.hf input[type=search]::-webkit-search-cancel-button,
.hf input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.hf fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.hf legend {
  border: 0;
  padding: 0;
}
.hf textarea {
  overflow: auto;
}
.hf optgroup {
  font-weight: 700;
}
.hf table {
  border-collapse: collapse;
  border-spacing: 0;
}
.hf td,
.hf th {
  padding: 0;
}
@media print {
  .hf *,
  .hf :after,
  .hf :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    box-shadow: none !important;
  }
  .hf a,
  .hf a:visited {
    text-decoration: underline;
  }
  .hf a[href]:after {
    content: " (" attr(href) ")";
  }
  .hf abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .hf a[href^="#"]:after,
  .hf a[href^="javascript:"]:after {
    content: "";
  }
  .hf blockquote,
  .hf pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .hf thead {
    display: table-header-group;
  }
  .hf img,
  .hf tr {
    page-break-inside: avoid;
  }
  .hf img {
    max-width: 100% !important;
  }
  .hf h2,
  .hf h3,
  .hf p {
    orphans: 3;
    widows: 3;
  }
  .hf h2,
  .hf h3 {
    page-break-after: avoid;
  }
  .hf .navbar {
    display: none;
  }
  .hf .btn > .caret,
  .hf .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .hf .label {
    border: 1px solid #000;
  }
  .hf .table {
    border-collapse: collapse !important;
  }
  .hf .table td,
  .hf .table th {
    background-color: #fff !important;
  }
  .hf .table-bordered td,
  .hf .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/fonts/bootstrap/glyphicons-halflings-regular.eot);
  src: url(/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
.hf .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hf .glyphicon-asterisk:before {
  content: "*";
}
.hf .glyphicon-plus:before {
  content: "+";
}
.hf .glyphicon-eur:before,
.hf .glyphicon-euro:before {
  content: "€";
}
.hf .glyphicon-minus:before {
  content: "−";
}
.hf .glyphicon-cloud:before {
  content: "☁";
}
.hf .glyphicon-envelope:before {
  content: "✉";
}
.hf .glyphicon-pencil:before {
  content: "✏";
}
.hf .glyphicon-glass:before {
  content: "";
}
.hf .glyphicon-music:before {
  content: "";
}
.hf .glyphicon-search:before {
  content: "";
}
.hf .glyphicon-heart:before {
  content: "";
}
.hf .glyphicon-star:before {
  content: "";
}
.hf .glyphicon-star-empty:before {
  content: "";
}
.hf .glyphicon-user:before {
  content: "";
}
.hf .glyphicon-film:before {
  content: "";
}
.hf .glyphicon-th-large:before {
  content: "";
}
.hf .glyphicon-th:before {
  content: "";
}
.hf .glyphicon-th-list:before {
  content: "";
}
.hf .glyphicon-ok:before {
  content: "";
}
.hf .glyphicon-remove:before {
  content: "";
}
.hf .glyphicon-zoom-in:before {
  content: "";
}
.hf .glyphicon-zoom-out:before {
  content: "";
}
.hf .glyphicon-off:before {
  content: "";
}
.hf .glyphicon-signal:before {
  content: "";
}
.hf .glyphicon-cog:before {
  content: "";
}
.hf .glyphicon-trash:before {
  content: "";
}
.hf .glyphicon-home:before {
  content: "";
}
.hf .glyphicon-file:before {
  content: "";
}
.hf .glyphicon-time:before {
  content: "";
}
.hf .glyphicon-road:before {
  content: "";
}
.hf .glyphicon-download-alt:before {
  content: "";
}
.hf .glyphicon-download:before {
  content: "";
}
.hf .glyphicon-upload:before {
  content: "";
}
.hf .glyphicon-inbox:before {
  content: "";
}
.hf .glyphicon-play-circle:before {
  content: "";
}
.hf .glyphicon-repeat:before {
  content: "";
}
.hf .glyphicon-refresh:before {
  content: "";
}
.hf .glyphicon-list-alt:before {
  content: "";
}
.hf .glyphicon-lock:before {
  content: "";
}
.hf .glyphicon-flag:before {
  content: "";
}
.hf .glyphicon-headphones:before {
  content: "";
}
.hf .glyphicon-volume-off:before {
  content: "";
}
.hf .glyphicon-volume-down:before {
  content: "";
}
.hf .glyphicon-volume-up:before {
  content: "";
}
.hf .glyphicon-qrcode:before {
  content: "";
}
.hf .glyphicon-barcode:before {
  content: "";
}
.hf .glyphicon-tag:before {
  content: "";
}
.hf .glyphicon-tags:before {
  content: "";
}
.hf .glyphicon-book:before {
  content: "";
}
.hf .glyphicon-bookmark:before {
  content: "";
}
.hf .glyphicon-print:before {
  content: "";
}
.hf .glyphicon-camera:before {
  content: "";
}
.hf .glyphicon-font:before {
  content: "";
}
.hf .glyphicon-bold:before {
  content: "";
}
.hf .glyphicon-italic:before {
  content: "";
}
.hf .glyphicon-text-height:before {
  content: "";
}
.hf .glyphicon-text-width:before {
  content: "";
}
.hf .glyphicon-align-left:before {
  content: "";
}
.hf .glyphicon-align-center:before {
  content: "";
}
.hf .glyphicon-align-right:before {
  content: "";
}
.hf .glyphicon-align-justify:before {
  content: "";
}
.hf .glyphicon-list:before {
  content: "";
}
.hf .glyphicon-indent-left:before {
  content: "";
}
.hf .glyphicon-indent-right:before {
  content: "";
}
.hf .glyphicon-facetime-video:before {
  content: "";
}
.hf .glyphicon-picture:before {
  content: "";
}
.hf .glyphicon-map-marker:before {
  content: "";
}
.hf .glyphicon-adjust:before {
  content: "";
}
.hf .glyphicon-tint:before {
  content: "";
}
.hf .glyphicon-edit:before {
  content: "";
}
.hf .glyphicon-share:before {
  content: "";
}
.hf .glyphicon-check:before {
  content: "";
}
.hf .glyphicon-move:before {
  content: "";
}
.hf .glyphicon-step-backward:before {
  content: "";
}
.hf .glyphicon-fast-backward:before {
  content: "";
}
.hf .glyphicon-backward:before {
  content: "";
}
.hf .glyphicon-play:before {
  content: "";
}
.hf .glyphicon-pause:before {
  content: "";
}
.hf .glyphicon-stop:before {
  content: "";
}
.hf .glyphicon-forward:before {
  content: "";
}
.hf .glyphicon-fast-forward:before {
  content: "";
}
.hf .glyphicon-step-forward:before {
  content: "";
}
.hf .glyphicon-eject:before {
  content: "";
}
.hf .glyphicon-chevron-left:before {
  content: "";
}
.hf .glyphicon-chevron-right:before {
  content: "";
}
.hf .glyphicon-plus-sign:before {
  content: "";
}
.hf .glyphicon-minus-sign:before {
  content: "";
}
.hf .glyphicon-remove-sign:before {
  content: "";
}
.hf .glyphicon-ok-sign:before {
  content: "";
}
.hf .glyphicon-question-sign:before {
  content: "";
}
.hf .glyphicon-info-sign:before {
  content: "";
}
.hf .glyphicon-screenshot:before {
  content: "";
}
.hf .glyphicon-remove-circle:before {
  content: "";
}
.hf .glyphicon-ok-circle:before {
  content: "";
}
.hf .glyphicon-ban-circle:before {
  content: "";
}
.hf .glyphicon-arrow-left:before {
  content: "";
}
.hf .glyphicon-arrow-right:before {
  content: "";
}
.hf .glyphicon-arrow-up:before {
  content: "";
}
.hf .glyphicon-arrow-down:before {
  content: "";
}
.hf .glyphicon-share-alt:before {
  content: "";
}
.hf .glyphicon-resize-full:before {
  content: "";
}
.hf .glyphicon-resize-small:before {
  content: "";
}
.hf .glyphicon-exclamation-sign:before {
  content: "";
}
.hf .glyphicon-gift:before {
  content: "";
}
.hf .glyphicon-leaf:before {
  content: "";
}
.hf .glyphicon-fire:before {
  content: "";
}
.hf .glyphicon-eye-open:before {
  content: "";
}
.hf .glyphicon-eye-close:before {
  content: "";
}
.hf .glyphicon-warning-sign:before {
  content: "";
}
.hf .glyphicon-plane:before {
  content: "";
}
.hf .glyphicon-calendar:before {
  content: "";
}
.hf .glyphicon-random:before {
  content: "";
}
.hf .glyphicon-comment:before {
  content: "";
}
.hf .glyphicon-magnet:before {
  content: "";
}
.hf .glyphicon-chevron-up:before {
  content: "";
}
.hf .glyphicon-chevron-down:before {
  content: "";
}
.hf .glyphicon-retweet:before {
  content: "";
}
.hf .glyphicon-shopping-cart:before {
  content: "";
}
.hf .glyphicon-folder-close:before {
  content: "";
}
.hf .glyphicon-folder-open:before {
  content: "";
}
.hf .glyphicon-resize-vertical:before {
  content: "";
}
.hf .glyphicon-resize-horizontal:before {
  content: "";
}
.hf .glyphicon-hdd:before {
  content: "";
}
.hf .glyphicon-bullhorn:before {
  content: "";
}
.hf .glyphicon-bell:before {
  content: "";
}
.hf .glyphicon-certificate:before {
  content: "";
}
.hf .glyphicon-thumbs-up:before {
  content: "";
}
.hf .glyphicon-thumbs-down:before {
  content: "";
}
.hf .glyphicon-hand-right:before {
  content: "";
}
.hf .glyphicon-hand-left:before {
  content: "";
}
.hf .glyphicon-hand-up:before {
  content: "";
}
.hf .glyphicon-hand-down:before {
  content: "";
}
.hf .glyphicon-circle-arrow-right:before {
  content: "";
}
.hf .glyphicon-circle-arrow-left:before {
  content: "";
}
.hf .glyphicon-circle-arrow-up:before {
  content: "";
}
.hf .glyphicon-circle-arrow-down:before {
  content: "";
}
.hf .glyphicon-globe:before {
  content: "";
}
.hf .glyphicon-wrench:before {
  content: "";
}
.hf .glyphicon-tasks:before {
  content: "";
}
.hf .glyphicon-filter:before {
  content: "";
}
.hf .glyphicon-briefcase:before {
  content: "";
}
.hf .glyphicon-fullscreen:before {
  content: "";
}
.hf .glyphicon-dashboard:before {
  content: "";
}
.hf .glyphicon-paperclip:before {
  content: "";
}
.hf .glyphicon-heart-empty:before {
  content: "";
}
.hf .glyphicon-link:before {
  content: "";
}
.hf .glyphicon-phone:before {
  content: "";
}
.hf .glyphicon-pushpin:before {
  content: "";
}
.hf .glyphicon-usd:before {
  content: "";
}
.hf .glyphicon-gbp:before {
  content: "";
}
.hf .glyphicon-sort:before {
  content: "";
}
.hf .glyphicon-sort-by-alphabet:before {
  content: "";
}
.hf .glyphicon-sort-by-alphabet-alt:before {
  content: "";
}
.hf .glyphicon-sort-by-order:before {
  content: "";
}
.hf .glyphicon-sort-by-order-alt:before {
  content: "";
}
.hf .glyphicon-sort-by-attributes:before {
  content: "";
}
.hf .glyphicon-sort-by-attributes-alt:before {
  content: "";
}
.hf .glyphicon-unchecked:before {
  content: "";
}
.hf .glyphicon-expand:before {
  content: "";
}
.hf .glyphicon-collapse-down:before {
  content: "";
}
.hf .glyphicon-collapse-up:before {
  content: "";
}
.hf .glyphicon-log-in:before {
  content: "";
}
.hf .glyphicon-flash:before {
  content: "";
}
.hf .glyphicon-log-out:before {
  content: "";
}
.hf .glyphicon-new-window:before {
  content: "";
}
.hf .glyphicon-record:before {
  content: "";
}
.hf .glyphicon-save:before {
  content: "";
}
.hf .glyphicon-open:before {
  content: "";
}
.hf .glyphicon-saved:before {
  content: "";
}
.hf .glyphicon-import:before {
  content: "";
}
.hf .glyphicon-export:before {
  content: "";
}
.hf .glyphicon-send:before {
  content: "";
}
.hf .glyphicon-floppy-disk:before {
  content: "";
}
.hf .glyphicon-floppy-saved:before {
  content: "";
}
.hf .glyphicon-floppy-remove:before {
  content: "";
}
.hf .glyphicon-floppy-save:before {
  content: "";
}
.hf .glyphicon-floppy-open:before {
  content: "";
}
.hf .glyphicon-credit-card:before {
  content: "";
}
.hf .glyphicon-transfer:before {
  content: "";
}
.hf .glyphicon-cutlery:before {
  content: "";
}
.hf .glyphicon-header:before {
  content: "";
}
.hf .glyphicon-compressed:before {
  content: "";
}
.hf .glyphicon-earphone:before {
  content: "";
}
.hf .glyphicon-phone-alt:before {
  content: "";
}
.hf .glyphicon-tower:before {
  content: "";
}
.hf .glyphicon-stats:before {
  content: "";
}
.hf .glyphicon-sd-video:before {
  content: "";
}
.hf .glyphicon-hd-video:before {
  content: "";
}
.hf .glyphicon-subtitles:before {
  content: "";
}
.hf .glyphicon-sound-stereo:before {
  content: "";
}
.hf .glyphicon-sound-dolby:before {
  content: "";
}
.hf .glyphicon-sound-5-1:before {
  content: "";
}
.hf .glyphicon-sound-6-1:before {
  content: "";
}
.hf .glyphicon-sound-7-1:before {
  content: "";
}
.hf .glyphicon-copyright-mark:before {
  content: "";
}
.hf .glyphicon-registration-mark:before {
  content: "";
}
.hf .glyphicon-cloud-download:before {
  content: "";
}
.hf .glyphicon-cloud-upload:before {
  content: "";
}
.hf .glyphicon-tree-conifer:before {
  content: "";
}
.hf .glyphicon-tree-deciduous:before {
  content: "";
}
.hf .glyphicon-cd:before {
  content: "";
}
.hf .glyphicon-save-file:before {
  content: "";
}
.hf .glyphicon-open-file:before {
  content: "";
}
.hf .glyphicon-level-up:before {
  content: "";
}
.hf .glyphicon-copy:before {
  content: "";
}
.hf .glyphicon-paste:before {
  content: "";
}
.hf .glyphicon-alert:before {
  content: "";
}
.hf .glyphicon-equalizer:before {
  content: "";
}
.hf .glyphicon-king:before {
  content: "";
}
.hf .glyphicon-queen:before {
  content: "";
}
.hf .glyphicon-pawn:before {
  content: "";
}
.hf .glyphicon-bishop:before {
  content: "";
}
.hf .glyphicon-knight:before {
  content: "";
}
.hf .glyphicon-baby-formula:before {
  content: "";
}
.hf .glyphicon-tent:before {
  content: "⛺";
}
.hf .glyphicon-blackboard:before {
  content: "";
}
.hf .glyphicon-bed:before {
  content: "";
}
.hf .glyphicon-apple:before {
  content: "";
}
.hf .glyphicon-erase:before {
  content: "";
}
.hf .glyphicon-hourglass:before {
  content: "⌛";
}
.hf .glyphicon-lamp:before {
  content: "";
}
.hf .glyphicon-duplicate:before {
  content: "";
}
.hf .glyphicon-piggy-bank:before {
  content: "";
}
.hf .glyphicon-scissors:before {
  content: "";
}
.hf .glyphicon-bitcoin:before {
  content: "";
}
.hf .glyphicon-btc:before {
  content: "";
}
.hf .glyphicon-xbt:before {
  content: "";
}
.hf .glyphicon-yen:before {
  content: "¥";
}
.hf .glyphicon-jpy:before {
  content: "¥";
}
.hf .glyphicon-ruble:before {
  content: "₽";
}
.hf .glyphicon-rub:before {
  content: "₽";
}
.hf .glyphicon-scale:before {
  content: "";
}
.hf .glyphicon-ice-lolly:before {
  content: "";
}
.hf .glyphicon-ice-lolly-tasted:before {
  content: "";
}
.hf .glyphicon-education:before {
  content: "";
}
.hf .glyphicon-option-horizontal:before {
  content: "";
}
.hf .glyphicon-option-vertical:before {
  content: "";
}
.hf .glyphicon-menu-hamburger:before {
  content: "";
}
.hf .glyphicon-modal-window:before {
  content: "";
}
.hf .glyphicon-oil:before {
  content: "";
}
.hf .glyphicon-grain:before {
  content: "";
}
.hf .glyphicon-sunglasses:before {
  content: "";
}
.hf .glyphicon-text-size:before {
  content: "";
}
.hf .glyphicon-text-color:before {
  content: "";
}
.hf .glyphicon-text-background:before {
  content: "";
}
.hf .glyphicon-object-align-top:before {
  content: "";
}
.hf .glyphicon-object-align-bottom:before {
  content: "";
}
.hf .glyphicon-object-align-horizontal:before {
  content: "";
}
.hf .glyphicon-object-align-left:before {
  content: "";
}
.hf .glyphicon-object-align-vertical:before {
  content: "";
}
.hf .glyphicon-object-align-right:before {
  content: "";
}
.hf .glyphicon-triangle-right:before {
  content: "";
}
.hf .glyphicon-triangle-left:before {
  content: "";
}
.hf .glyphicon-triangle-bottom:before {
  content: "";
}
.hf .glyphicon-triangle-top:before {
  content: "";
}
.hf .glyphicon-console:before {
  content: "";
}
.hf .glyphicon-superscript:before {
  content: "";
}
.hf .glyphicon-subscript:before {
  content: "";
}
.hf .glyphicon-menu-left:before {
  content: "";
}
.hf .glyphicon-menu-right:before {
  content: "";
}
.hf .glyphicon-menu-down:before {
  content: "";
}
.hf .glyphicon-menu-up:before {
  content: "";
}
.hf * {
  box-sizing: border-box;
}
.hf :after,
.hf :before {
  box-sizing: border-box;
}
.hf html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}
.hf body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #444;
  background-color: #fff;
}
.hf button,
.hf input,
.hf select,
.hf textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.hf a {
  color: #337ab7;
  text-decoration: none;
}
.hf a:focus,
.hf a:hover {
  color: #23527c;
  text-decoration: underline;
}
.hf a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.hf figure {
  margin: 0;
}
.hf img {
  vertical-align: middle;
}
.hf .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.hf .img-rounded {
  border-radius: 6px;
}
.hf .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.hf .img-circle {
  border-radius: 50%;
}
.hf hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #ccc;
}
.hf .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hf .sr-only-focusable:active,
.hf .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.hf [role=button] {
  cursor: pointer;
}
.hf .h1,
.hf .h2,
.hf .h3,
.hf .h4,
.hf .h5,
.hf .h6,
.hf h1,
.hf h2,
.hf h3,
.hf h4,
.hf h5,
.hf h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.hf .h1 .small,
.hf .h1 small,
.hf .h2 .small,
.hf .h2 small,
.hf .h3 .small,
.hf .h3 small,
.hf .h4 .small,
.hf .h4 small,
.hf .h5 .small,
.hf .h5 small,
.hf .h6 .small,
.hf .h6 small,
.hf h1 .small,
.hf h1 small,
.hf h2 .small,
.hf h2 small,
.hf h3 .small,
.hf h3 small,
.hf h4 .small,
.hf h4 small,
.hf h5 .small,
.hf h5 small,
.hf h6 .small,
.hf h6 small {
  font-weight: 400;
  line-height: 1;
  color: #a1a1a1;
}
.hf .h1,
.hf .h2,
.hf .h3,
.hf h1,
.hf h2,
.hf h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
.hf .h1 .small,
.hf .h1 small,
.hf .h2 .small,
.hf .h2 small,
.hf .h3 .small,
.hf .h3 small,
.hf h1 .small,
.hf h1 small,
.hf h2 .small,
.hf h2 small,
.hf h3 .small,
.hf h3 small {
  font-size: 65%;
}
.hf .h4,
.hf .h5,
.hf .h6,
.hf h4,
.hf h5,
.hf h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
.hf .h4 .small,
.hf .h4 small,
.hf .h5 .small,
.hf .h5 small,
.hf .h6 .small,
.hf .h6 small,
.hf h4 .small,
.hf h4 small,
.hf h5 .small,
.hf h5 small,
.hf h6 .small,
.hf h6 small {
  font-size: 75%;
}
.hf .h1,
.hf h1 {
  font-size: 41px;
}
.hf .h2,
.hf h2 {
  font-size: 34px;
}
.hf .h3,
.hf h3 {
  font-size: 28px;
}
.hf .h4,
.hf h4 {
  font-size: 20px;
}
.hf .h5,
.hf h5 {
  font-size: 16px;
}
.hf .h6,
.hf h6 {
  font-size: 14px;
}
.hf p {
  margin: 0 0 11px;
}
.hf .lead {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .hf .lead {
    font-size: 24px;
  }
}
.hf .small,
.hf small {
  font-size: 87%;
}
.hf .mark,
.hf mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.hf .text-left {
  text-align: left;
}
.hf .text-right {
  text-align: right;
}
.hf .text-center {
  text-align: center;
}
.hf .text-justify {
  text-align: justify;
}
.hf .text-nowrap {
  white-space: nowrap;
}
.hf .text-lowercase {
  text-transform: lowercase;
}
.hf .initialism,
.hf .text-uppercase {
  text-transform: uppercase;
}
.hf .text-capitalize {
  text-transform: capitalize;
}
.hf .text-muted {
  color: #a1a1a1;
}
.hf .text-primary {
  color: #337ab7;
}
.hf a.text-primary:focus,
.hf a.text-primary:hover {
  color: #286090;
}
.hf .text-success {
  color: #3c763d;
}
.hf a.text-success:focus,
.hf a.text-success:hover {
  color: #2b542c;
}
.hf .text-info {
  color: #31708f;
}
.hf a.text-info:focus,
.hf a.text-info:hover {
  color: #245269;
}
.hf .text-warning {
  color: #8a6d3b;
}
.hf a.text-warning:focus,
.hf a.text-warning:hover {
  color: #66512c;
}
.hf .text-danger {
  color: #a94442;
}
.hf a.text-danger:focus,
.hf a.text-danger:hover {
  color: #843534;
}
.hf .bg-primary {
  color: #fff;
}
.hf .bg-primary {
  background-color: #337ab7;
}
.hf a.bg-primary:focus,
.hf a.bg-primary:hover {
  background-color: #286090;
}
.hf .bg-success {
  background-color: #dff0d8;
}
.hf a.bg-success:focus,
.hf a.bg-success:hover {
  background-color: #c1e2b3;
}
.hf .bg-info {
  background-color: #d9edf7;
}
.hf a.bg-info:focus,
.hf a.bg-info:hover {
  background-color: #afd9ee;
}
.hf .bg-warning {
  background-color: #fcf8e3;
}
.hf a.bg-warning:focus,
.hf a.bg-warning:hover {
  background-color: #f7ecb5;
}
.hf .bg-danger {
  background-color: #f2dede;
}
.hf a.bg-danger:focus,
.hf a.bg-danger:hover {
  background-color: #e4b9b9;
}
.hf .page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #ccc;
}
.hf ol,
.hf ul {
  margin-top: 0;
  margin-bottom: 11px;
}
.hf ol ol,
.hf ol ul,
.hf ul ol,
.hf ul ul {
  margin-bottom: 0;
}
.hf .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.hf .list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.hf .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.hf dl {
  margin-top: 0;
  margin-bottom: 22px;
}
.hf dd,
.hf dt {
  line-height: 1.42857143;
}
.hf dt {
  font-weight: 700;
}
.hf dd {
  margin-left: 0;
}
.hf .dl-horizontal dd:after,
.hf .dl-horizontal dd:before {
  display: table;
  content: " ";
}
.hf .dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .hf .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hf .dl-horizontal dd {
    margin-left: 180px;
  }
}
.hf abbr[data-original-title],
.hf abbr[title] {
  cursor: help;
}
.hf .initialism {
  font-size: 90%;
}
.hf blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid #ccc;
}
.hf blockquote ol:last-child,
.hf blockquote p:last-child,
.hf blockquote ul:last-child {
  margin-bottom: 0;
}
.hf blockquote .small,
.hf blockquote footer,
.hf blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #a1a1a1;
}
.hf blockquote .small:before,
.hf blockquote footer:before,
.hf blockquote small:before {
  content: "— ";
}
.hf .blockquote-reverse,
.hf blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #ccc;
  border-left: 0;
}
.hf .blockquote-reverse .small:before,
.hf .blockquote-reverse footer:before,
.hf .blockquote-reverse small:before,
.hf blockquote.pull-right .small:before,
.hf blockquote.pull-right footer:before,
.hf blockquote.pull-right small:before {
  content: "";
}
.hf .blockquote-reverse .small:after,
.hf .blockquote-reverse footer:after,
.hf .blockquote-reverse small:after,
.hf blockquote.pull-right .small:after,
.hf blockquote.pull-right footer:after,
.hf blockquote.pull-right small:after {
  content: " —";
}
.hf address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.42857143;
}
.hf code,
.hf kbd,
.hf pre,
.hf samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.hf code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.hf kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.hf kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}
.hf pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #444;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.hf pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.hf .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.hf .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hf .container:after,
.hf .container:before {
  display: table;
  content: " ";
}
.hf .container:after {
  clear: both;
}
@media (min-width: 768px) {
  .hf .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .hf .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .hf .container {
    width: 1170px;
  }
}
.hf .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hf .container-fluid:after,
.hf .container-fluid:before {
  display: table;
  content: " ";
}
.hf .container-fluid:after {
  clear: both;
}
.hf .row {
  margin-right: -15px;
  margin-left: -15px;
}
.hf .row:after,
.hf .row:before {
  display: table;
  content: " ";
}
.hf .row:after {
  clear: both;
}
.hf .row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.hf .row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.hf .col-lg-1,
.hf .col-lg-10,
.hf .col-lg-11,
.hf .col-lg-12,
.hf .col-lg-2,
.hf .col-lg-3,
.hf .col-lg-4,
.hf .col-lg-5,
.hf .col-lg-6,
.hf .col-lg-7,
.hf .col-lg-8,
.hf .col-lg-9,
.hf .col-md-1,
.hf .col-md-10,
.hf .col-md-11,
.hf .col-md-12,
.hf .col-md-2,
.hf .col-md-3,
.hf .col-md-4,
.hf .col-md-5,
.hf .col-md-6,
.hf .col-md-7,
.hf .col-md-8,
.hf .col-md-9,
.hf .col-sm-1,
.hf .col-sm-10,
.hf .col-sm-11,
.hf .col-sm-12,
.hf .col-sm-2,
.hf .col-sm-3,
.hf .col-sm-4,
.hf .col-sm-5,
.hf .col-sm-6,
.hf .col-sm-7,
.hf .col-sm-8,
.hf .col-sm-9,
.hf .col-xs-1,
.hf .col-xs-10,
.hf .col-xs-11,
.hf .col-xs-12,
.hf .col-xs-2,
.hf .col-xs-3,
.hf .col-xs-4,
.hf .col-xs-5,
.hf .col-xs-6,
.hf .col-xs-7,
.hf .col-xs-8,
.hf .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.hf .col-xs-1,
.hf .col-xs-10,
.hf .col-xs-11,
.hf .col-xs-12,
.hf .col-xs-2,
.hf .col-xs-3,
.hf .col-xs-4,
.hf .col-xs-5,
.hf .col-xs-6,
.hf .col-xs-7,
.hf .col-xs-8,
.hf .col-xs-9 {
  float: left;
}
.hf .col-xs-1 {
  width: 8.33333333%;
}
.hf .col-xs-2 {
  width: 16.66666667%;
}
.hf .col-xs-3 {
  width: 25%;
}
.hf .col-xs-4 {
  width: 33.33333333%;
}
.hf .col-xs-5 {
  width: 41.66666667%;
}
.hf .col-xs-6 {
  width: 50%;
}
.hf .col-xs-7 {
  width: 58.33333333%;
}
.hf .col-xs-8 {
  width: 66.66666667%;
}
.hf .col-xs-9 {
  width: 75%;
}
.hf .col-xs-10 {
  width: 83.33333333%;
}
.hf .col-xs-11 {
  width: 91.66666667%;
}
.hf .col-xs-12 {
  width: 100%;
}
.hf .col-xs-pull-0 {
  right: auto;
}
.hf .col-xs-pull-1 {
  right: 8.33333333%;
}
.hf .col-xs-pull-2 {
  right: 16.66666667%;
}
.hf .col-xs-pull-3 {
  right: 25%;
}
.hf .col-xs-pull-4 {
  right: 33.33333333%;
}
.hf .col-xs-pull-5 {
  right: 41.66666667%;
}
.hf .col-xs-pull-6 {
  right: 50%;
}
.hf .col-xs-pull-7 {
  right: 58.33333333%;
}
.hf .col-xs-pull-8 {
  right: 66.66666667%;
}
.hf .col-xs-pull-9 {
  right: 75%;
}
.hf .col-xs-pull-10 {
  right: 83.33333333%;
}
.hf .col-xs-pull-11 {
  right: 91.66666667%;
}
.hf .col-xs-pull-12 {
  right: 100%;
}
.hf .col-xs-push-0 {
  left: auto;
}
.hf .col-xs-push-1 {
  left: 8.33333333%;
}
.hf .col-xs-push-2 {
  left: 16.66666667%;
}
.hf .col-xs-push-3 {
  left: 25%;
}
.hf .col-xs-push-4 {
  left: 33.33333333%;
}
.hf .col-xs-push-5 {
  left: 41.66666667%;
}
.hf .col-xs-push-6 {
  left: 50%;
}
.hf .col-xs-push-7 {
  left: 58.33333333%;
}
.hf .col-xs-push-8 {
  left: 66.66666667%;
}
.hf .col-xs-push-9 {
  left: 75%;
}
.hf .col-xs-push-10 {
  left: 83.33333333%;
}
.hf .col-xs-push-11 {
  left: 91.66666667%;
}
.hf .col-xs-push-12 {
  left: 100%;
}
.hf .col-xs-offset-0 {
  margin-left: 0;
}
.hf .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.hf .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.hf .col-xs-offset-3 {
  margin-left: 25%;
}
.hf .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.hf .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.hf .col-xs-offset-6 {
  margin-left: 50%;
}
.hf .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.hf .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.hf .col-xs-offset-9 {
  margin-left: 75%;
}
.hf .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.hf .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.hf .col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  .hf .col-sm-1,
  .hf .col-sm-10,
  .hf .col-sm-11,
  .hf .col-sm-12,
  .hf .col-sm-2,
  .hf .col-sm-3,
  .hf .col-sm-4,
  .hf .col-sm-5,
  .hf .col-sm-6,
  .hf .col-sm-7,
  .hf .col-sm-8,
  .hf .col-sm-9 {
    float: left;
  }
  .hf .col-sm-1 {
    width: 8.33333333%;
  }
  .hf .col-sm-2 {
    width: 16.66666667%;
  }
  .hf .col-sm-3 {
    width: 25%;
  }
  .hf .col-sm-4 {
    width: 33.33333333%;
  }
  .hf .col-sm-5 {
    width: 41.66666667%;
  }
  .hf .col-sm-6 {
    width: 50%;
  }
  .hf .col-sm-7 {
    width: 58.33333333%;
  }
  .hf .col-sm-8 {
    width: 66.66666667%;
  }
  .hf .col-sm-9 {
    width: 75%;
  }
  .hf .col-sm-10 {
    width: 83.33333333%;
  }
  .hf .col-sm-11 {
    width: 91.66666667%;
  }
  .hf .col-sm-12 {
    width: 100%;
  }
  .hf .col-sm-pull-0 {
    right: auto;
  }
  .hf .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .hf .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .hf .col-sm-pull-3 {
    right: 25%;
  }
  .hf .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .hf .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .hf .col-sm-pull-6 {
    right: 50%;
  }
  .hf .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .hf .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .hf .col-sm-pull-9 {
    right: 75%;
  }
  .hf .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .hf .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .hf .col-sm-pull-12 {
    right: 100%;
  }
  .hf .col-sm-push-0 {
    left: auto;
  }
  .hf .col-sm-push-1 {
    left: 8.33333333%;
  }
  .hf .col-sm-push-2 {
    left: 16.66666667%;
  }
  .hf .col-sm-push-3 {
    left: 25%;
  }
  .hf .col-sm-push-4 {
    left: 33.33333333%;
  }
  .hf .col-sm-push-5 {
    left: 41.66666667%;
  }
  .hf .col-sm-push-6 {
    left: 50%;
  }
  .hf .col-sm-push-7 {
    left: 58.33333333%;
  }
  .hf .col-sm-push-8 {
    left: 66.66666667%;
  }
  .hf .col-sm-push-9 {
    left: 75%;
  }
  .hf .col-sm-push-10 {
    left: 83.33333333%;
  }
  .hf .col-sm-push-11 {
    left: 91.66666667%;
  }
  .hf .col-sm-push-12 {
    left: 100%;
  }
  .hf .col-sm-offset-0 {
    margin-left: 0;
  }
  .hf .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .hf .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .hf .col-sm-offset-3 {
    margin-left: 25%;
  }
  .hf .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .hf .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .hf .col-sm-offset-6 {
    margin-left: 50%;
  }
  .hf .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .hf .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .hf .col-sm-offset-9 {
    margin-left: 75%;
  }
  .hf .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .hf .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .hf .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .hf .col-md-1,
  .hf .col-md-10,
  .hf .col-md-11,
  .hf .col-md-12,
  .hf .col-md-2,
  .hf .col-md-3,
  .hf .col-md-4,
  .hf .col-md-5,
  .hf .col-md-6,
  .hf .col-md-7,
  .hf .col-md-8,
  .hf .col-md-9 {
    float: left;
  }
  .hf .col-md-1 {
    width: 8.33333333%;
  }
  .hf .col-md-2 {
    width: 16.66666667%;
  }
  .hf .col-md-3 {
    width: 25%;
  }
  .hf .col-md-4 {
    width: 33.33333333%;
  }
  .hf .col-md-5 {
    width: 41.66666667%;
  }
  .hf .col-md-6 {
    width: 50%;
  }
  .hf .col-md-7 {
    width: 58.33333333%;
  }
  .hf .col-md-8 {
    width: 66.66666667%;
  }
  .hf .col-md-9 {
    width: 75%;
  }
  .hf .col-md-10 {
    width: 83.33333333%;
  }
  .hf .col-md-11 {
    width: 91.66666667%;
  }
  .hf .col-md-12 {
    width: 100%;
  }
  .hf .col-md-pull-0 {
    right: auto;
  }
  .hf .col-md-pull-1 {
    right: 8.33333333%;
  }
  .hf .col-md-pull-2 {
    right: 16.66666667%;
  }
  .hf .col-md-pull-3 {
    right: 25%;
  }
  .hf .col-md-pull-4 {
    right: 33.33333333%;
  }
  .hf .col-md-pull-5 {
    right: 41.66666667%;
  }
  .hf .col-md-pull-6 {
    right: 50%;
  }
  .hf .col-md-pull-7 {
    right: 58.33333333%;
  }
  .hf .col-md-pull-8 {
    right: 66.66666667%;
  }
  .hf .col-md-pull-9 {
    right: 75%;
  }
  .hf .col-md-pull-10 {
    right: 83.33333333%;
  }
  .hf .col-md-pull-11 {
    right: 91.66666667%;
  }
  .hf .col-md-pull-12 {
    right: 100%;
  }
  .hf .col-md-push-0 {
    left: auto;
  }
  .hf .col-md-push-1 {
    left: 8.33333333%;
  }
  .hf .col-md-push-2 {
    left: 16.66666667%;
  }
  .hf .col-md-push-3 {
    left: 25%;
  }
  .hf .col-md-push-4 {
    left: 33.33333333%;
  }
  .hf .col-md-push-5 {
    left: 41.66666667%;
  }
  .hf .col-md-push-6 {
    left: 50%;
  }
  .hf .col-md-push-7 {
    left: 58.33333333%;
  }
  .hf .col-md-push-8 {
    left: 66.66666667%;
  }
  .hf .col-md-push-9 {
    left: 75%;
  }
  .hf .col-md-push-10 {
    left: 83.33333333%;
  }
  .hf .col-md-push-11 {
    left: 91.66666667%;
  }
  .hf .col-md-push-12 {
    left: 100%;
  }
  .hf .col-md-offset-0 {
    margin-left: 0;
  }
  .hf .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .hf .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .hf .col-md-offset-3 {
    margin-left: 25%;
  }
  .hf .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .hf .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .hf .col-md-offset-6 {
    margin-left: 50%;
  }
  .hf .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .hf .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .hf .col-md-offset-9 {
    margin-left: 75%;
  }
  .hf .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .hf .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .hf .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .hf .col-lg-1,
  .hf .col-lg-10,
  .hf .col-lg-11,
  .hf .col-lg-12,
  .hf .col-lg-2,
  .hf .col-lg-3,
  .hf .col-lg-4,
  .hf .col-lg-5,
  .hf .col-lg-6,
  .hf .col-lg-7,
  .hf .col-lg-8,
  .hf .col-lg-9 {
    float: left;
  }
  .hf .col-lg-1 {
    width: 8.33333333%;
  }
  .hf .col-lg-2 {
    width: 16.66666667%;
  }
  .hf .col-lg-3 {
    width: 25%;
  }
  .hf .col-lg-4 {
    width: 33.33333333%;
  }
  .hf .col-lg-5 {
    width: 41.66666667%;
  }
  .hf .col-lg-6 {
    width: 50%;
  }
  .hf .col-lg-7 {
    width: 58.33333333%;
  }
  .hf .col-lg-8 {
    width: 66.66666667%;
  }
  .hf .col-lg-9 {
    width: 75%;
  }
  .hf .col-lg-10 {
    width: 83.33333333%;
  }
  .hf .col-lg-11 {
    width: 91.66666667%;
  }
  .hf .col-lg-12 {
    width: 100%;
  }
  .hf .col-lg-pull-0 {
    right: auto;
  }
  .hf .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .hf .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .hf .col-lg-pull-3 {
    right: 25%;
  }
  .hf .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .hf .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .hf .col-lg-pull-6 {
    right: 50%;
  }
  .hf .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .hf .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .hf .col-lg-pull-9 {
    right: 75%;
  }
  .hf .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .hf .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .hf .col-lg-pull-12 {
    right: 100%;
  }
  .hf .col-lg-push-0 {
    left: auto;
  }
  .hf .col-lg-push-1 {
    left: 8.33333333%;
  }
  .hf .col-lg-push-2 {
    left: 16.66666667%;
  }
  .hf .col-lg-push-3 {
    left: 25%;
  }
  .hf .col-lg-push-4 {
    left: 33.33333333%;
  }
  .hf .col-lg-push-5 {
    left: 41.66666667%;
  }
  .hf .col-lg-push-6 {
    left: 50%;
  }
  .hf .col-lg-push-7 {
    left: 58.33333333%;
  }
  .hf .col-lg-push-8 {
    left: 66.66666667%;
  }
  .hf .col-lg-push-9 {
    left: 75%;
  }
  .hf .col-lg-push-10 {
    left: 83.33333333%;
  }
  .hf .col-lg-push-11 {
    left: 91.66666667%;
  }
  .hf .col-lg-push-12 {
    left: 100%;
  }
  .hf .col-lg-offset-0 {
    margin-left: 0;
  }
  .hf .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .hf .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .hf .col-lg-offset-3 {
    margin-left: 25%;
  }
  .hf .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .hf .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .hf .col-lg-offset-6 {
    margin-left: 50%;
  }
  .hf .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .hf .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .hf .col-lg-offset-9 {
    margin-left: 75%;
  }
  .hf .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .hf .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .hf .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.hf table {
  background-color: transparent;
}
.hf table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
.hf table td[class*=col-],
.hf table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}
.hf caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #a1a1a1;
  text-align: left;
}
.hf th {
  text-align: left;
}
.hf .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}
.hf .table > tbody > tr > td,
.hf .table > tbody > tr > th,
.hf .table > tfoot > tr > td,
.hf .table > tfoot > tr > th,
.hf .table > thead > tr > td,
.hf .table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.hf .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.hf .table > caption + thead > tr:first-child > td,
.hf .table > caption + thead > tr:first-child > th,
.hf .table > colgroup + thead > tr:first-child > td,
.hf .table > colgroup + thead > tr:first-child > th,
.hf .table > thead:first-child > tr:first-child > td,
.hf .table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.hf .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.hf .table .table {
  background-color: #fff;
}
.hf .table-condensed > tbody > tr > td,
.hf .table-condensed > tbody > tr > th,
.hf .table-condensed > tfoot > tr > td,
.hf .table-condensed > tfoot > tr > th,
.hf .table-condensed > thead > tr > td,
.hf .table-condensed > thead > tr > th {
  padding: 5px;
}
.hf .table-bordered {
  border: 1px solid #ddd;
}
.hf .table-bordered > tbody > tr > td,
.hf .table-bordered > tbody > tr > th,
.hf .table-bordered > tfoot > tr > td,
.hf .table-bordered > tfoot > tr > th,
.hf .table-bordered > thead > tr > td,
.hf .table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.hf .table-bordered > thead > tr > td,
.hf .table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}
.hf .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.hf .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.hf .table > tbody > tr.active > td,
.hf .table > tbody > tr.active > th,
.hf .table > tbody > tr > td.active,
.hf .table > tbody > tr > th.active,
.hf .table > tfoot > tr.active > td,
.hf .table > tfoot > tr.active > th,
.hf .table > tfoot > tr > td.active,
.hf .table > tfoot > tr > th.active,
.hf .table > thead > tr.active > td,
.hf .table > thead > tr.active > th,
.hf .table > thead > tr > td.active,
.hf .table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.hf .table-hover > tbody > tr.active:hover > td,
.hf .table-hover > tbody > tr.active:hover > th,
.hf .table-hover > tbody > tr:hover > .active,
.hf .table-hover > tbody > tr > td.active:hover,
.hf .table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.hf .table > tbody > tr.success > td,
.hf .table > tbody > tr.success > th,
.hf .table > tbody > tr > td.success,
.hf .table > tbody > tr > th.success,
.hf .table > tfoot > tr.success > td,
.hf .table > tfoot > tr.success > th,
.hf .table > tfoot > tr > td.success,
.hf .table > tfoot > tr > th.success,
.hf .table > thead > tr.success > td,
.hf .table > thead > tr.success > th,
.hf .table > thead > tr > td.success,
.hf .table > thead > tr > th.success {
  background-color: #dff0d8;
}
.hf .table-hover > tbody > tr.success:hover > td,
.hf .table-hover > tbody > tr.success:hover > th,
.hf .table-hover > tbody > tr:hover > .success,
.hf .table-hover > tbody > tr > td.success:hover,
.hf .table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.hf .table > tbody > tr.info > td,
.hf .table > tbody > tr.info > th,
.hf .table > tbody > tr > td.info,
.hf .table > tbody > tr > th.info,
.hf .table > tfoot > tr.info > td,
.hf .table > tfoot > tr.info > th,
.hf .table > tfoot > tr > td.info,
.hf .table > tfoot > tr > th.info,
.hf .table > thead > tr.info > td,
.hf .table > thead > tr.info > th,
.hf .table > thead > tr > td.info,
.hf .table > thead > tr > th.info {
  background-color: #d9edf7;
}
.hf .table-hover > tbody > tr.info:hover > td,
.hf .table-hover > tbody > tr.info:hover > th,
.hf .table-hover > tbody > tr:hover > .info,
.hf .table-hover > tbody > tr > td.info:hover,
.hf .table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.hf .table > tbody > tr.warning > td,
.hf .table > tbody > tr.warning > th,
.hf .table > tbody > tr > td.warning,
.hf .table > tbody > tr > th.warning,
.hf .table > tfoot > tr.warning > td,
.hf .table > tfoot > tr.warning > th,
.hf .table > tfoot > tr > td.warning,
.hf .table > tfoot > tr > th.warning,
.hf .table > thead > tr.warning > td,
.hf .table > thead > tr.warning > th,
.hf .table > thead > tr > td.warning,
.hf .table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.hf .table-hover > tbody > tr.warning:hover > td,
.hf .table-hover > tbody > tr.warning:hover > th,
.hf .table-hover > tbody > tr:hover > .warning,
.hf .table-hover > tbody > tr > td.warning:hover,
.hf .table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.hf .table > tbody > tr.danger > td,
.hf .table > tbody > tr.danger > th,
.hf .table > tbody > tr > td.danger,
.hf .table > tbody > tr > th.danger,
.hf .table > tfoot > tr.danger > td,
.hf .table > tfoot > tr.danger > th,
.hf .table > tfoot > tr > td.danger,
.hf .table > tfoot > tr > th.danger,
.hf .table > thead > tr.danger > td,
.hf .table > thead > tr.danger > th,
.hf .table > thead > tr > td.danger,
.hf .table > thead > tr > th.danger {
  background-color: #f2dede;
}
.hf .table-hover > tbody > tr.danger:hover > td,
.hf .table-hover > tbody > tr.danger:hover > th,
.hf .table-hover > tbody > tr:hover > .danger,
.hf .table-hover > tbody > tr > td.danger:hover,
.hf .table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.hf .table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .hf .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .hf .table-responsive > .table {
    margin-bottom: 0;
  }
  .hf .table-responsive > .table > tbody > tr > td,
  .hf .table-responsive > .table > tbody > tr > th,
  .hf .table-responsive > .table > tfoot > tr > td,
  .hf .table-responsive > .table > tfoot > tr > th,
  .hf .table-responsive > .table > thead > tr > td,
  .hf .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .hf .table-responsive > .table-bordered {
    border: 0;
  }
  .hf .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .hf .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .hf .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .hf .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .hf .table-responsive > .table-bordered > thead > tr > td:first-child,
  .hf .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .hf .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .hf .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .hf .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .hf .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .hf .table-responsive > .table-bordered > thead > tr > td:last-child,
  .hf .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .hf .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .hf .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .hf .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .hf .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
.hf fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.hf legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #444;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.hf label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.hf input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hf input[type=checkbox],
.hf input[type=radio] {
  margin: 4px 0 0;
  line-height: normal;
}
.hf fieldset[disabled] input[type=checkbox],
.hf fieldset[disabled] input[type=radio],
.hf input[type=checkbox].disabled,
.hf input[type=checkbox][disabled],
.hf input[type=radio].disabled,
.hf input[type=radio][disabled] {
  cursor: not-allowed;
}
.hf input[type=file] {
  display: block;
}
.hf input[type=range] {
  display: block;
  width: 100%;
}
.hf select[multiple],
.hf select[size] {
  height: auto;
}
.hf input[type=checkbox]:focus,
.hf input[type=file]:focus,
.hf input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.hf output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #666;
}
.hf .form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.hf .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.hf .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.hf .form-control:-ms-input-placeholder {
  color: #999;
}
.hf .form-control::-webkit-input-placeholder {
  color: #999;
}
.hf .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.hf .form-control[disabled],
.hf .form-control[readonly],
.hf fieldset[disabled] .form-control {
  background-color: #ccc;
  opacity: 1;
}
.hf .form-control[disabled],
.hf fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.hf textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .hf input[type=date].form-control,
  .hf input[type=datetime-local].form-control,
  .hf input[type=month].form-control,
  .hf input[type=time].form-control {
    line-height: 36px;
  }
  .hf .input-group-sm input[type=date],
  .hf .input-group-sm input[type=datetime-local],
  .hf .input-group-sm input[type=month],
  .hf .input-group-sm input[type=time],
  .hf .input-group-sm > .input-group-btn > input.btn[type=date],
  .hf .input-group-sm > .input-group-btn > input.btn[type=datetime-local],
  .hf .input-group-sm > .input-group-btn > input.btn[type=month],
  .hf .input-group-sm > .input-group-btn > input.btn[type=time],
  .hf .input-group-sm > input.form-control[type=date],
  .hf .input-group-sm > input.form-control[type=datetime-local],
  .hf .input-group-sm > input.form-control[type=month],
  .hf .input-group-sm > input.form-control[type=time],
  .hf .input-group-sm > input.input-group-addon[type=date],
  .hf .input-group-sm > input.input-group-addon[type=datetime-local],
  .hf .input-group-sm > input.input-group-addon[type=month],
  .hf .input-group-sm > input.input-group-addon[type=time],
  .hf input[type=date].input-sm,
  .hf input[type=datetime-local].input-sm,
  .hf input[type=month].input-sm,
  .hf input[type=time].input-sm {
    line-height: 33px;
  }
  .hf .input-group-lg input[type=date],
  .hf .input-group-lg input[type=datetime-local],
  .hf .input-group-lg input[type=month],
  .hf .input-group-lg input[type=time],
  .hf .input-group-lg > .input-group-btn > input.btn[type=date],
  .hf .input-group-lg > .input-group-btn > input.btn[type=datetime-local],
  .hf .input-group-lg > .input-group-btn > input.btn[type=month],
  .hf .input-group-lg > .input-group-btn > input.btn[type=time],
  .hf .input-group-lg > input.form-control[type=date],
  .hf .input-group-lg > input.form-control[type=datetime-local],
  .hf .input-group-lg > input.form-control[type=month],
  .hf .input-group-lg > input.form-control[type=time],
  .hf .input-group-lg > input.input-group-addon[type=date],
  .hf .input-group-lg > input.input-group-addon[type=datetime-local],
  .hf .input-group-lg > input.input-group-addon[type=month],
  .hf .input-group-lg > input.input-group-addon[type=time],
  .hf input[type=date].input-lg,
  .hf input[type=datetime-local].input-lg,
  .hf input[type=month].input-lg,
  .hf input[type=time].input-lg {
    line-height: 49px;
  }
}
.hf .form-group {
  margin-bottom: 15px;
}
.hf .checkbox,
.hf .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.hf .checkbox.disabled label,
.hf .radio.disabled label,
.hf fieldset[disabled] .checkbox label,
.hf fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.hf .checkbox label,
.hf .radio label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.hf .checkbox input[type=checkbox],
.hf .checkbox-inline input[type=checkbox],
.hf .radio input[type=radio],
.hf .radio-inline input[type=radio] {
  position: absolute;
  margin-left: -20px;
}
.hf .checkbox + .checkbox,
.hf .radio + .radio {
  margin-top: -5px;
}
.hf .checkbox-inline,
.hf .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.hf .checkbox-inline.disabled,
.hf .radio-inline.disabled,
.hf fieldset[disabled] .checkbox-inline,
.hf fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}
.hf .checkbox-inline + .checkbox-inline,
.hf .radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
.hf .form-control-static {
  min-height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.hf .form-control-static.input-lg,
.hf .form-control-static.input-sm,
.hf .input-group-lg > .form-control-static.form-control,
.hf .input-group-lg > .form-control-static.input-group-addon,
.hf .input-group-lg > .input-group-btn > .form-control-static.btn,
.hf .input-group-sm > .form-control-static.form-control,
.hf .input-group-sm > .form-control-static.input-group-addon,
.hf .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}
.hf .input-group-sm > .form-control,
.hf .input-group-sm > .input-group-addon,
.hf .input-group-sm > .input-group-btn > .btn,
.hf .input-sm {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.hf .input-group-sm > .input-group-btn > select.btn,
.hf .input-group-sm > select.form-control,
.hf .input-group-sm > select.input-group-addon,
.hf select.input-sm {
  height: 33px;
  line-height: 33px;
}
.hf .input-group-sm > .input-group-btn > select.btn[multiple],
.hf .input-group-sm > .input-group-btn > textarea.btn,
.hf .input-group-sm > select.form-control[multiple],
.hf .input-group-sm > select.input-group-addon[multiple],
.hf .input-group-sm > textarea.form-control,
.hf .input-group-sm > textarea.input-group-addon,
.hf select[multiple].input-sm,
.hf textarea.input-sm {
  height: auto;
}
.hf .form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.hf .form-group-sm select.form-control {
  height: 33px;
  line-height: 33px;
}
.hf .form-group-sm select[multiple].form-control,
.hf .form-group-sm textarea.form-control {
  height: auto;
}
.hf .form-group-sm .form-control-static {
  height: 33px;
  min-height: 36px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.hf .input-group-lg > .form-control,
.hf .input-group-lg > .input-group-addon,
.hf .input-group-lg > .input-group-btn > .btn,
.hf .input-lg {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.hf .input-group-lg > .input-group-btn > select.btn,
.hf .input-group-lg > select.form-control,
.hf .input-group-lg > select.input-group-addon,
.hf select.input-lg {
  height: 49px;
  line-height: 49px;
}
.hf .input-group-lg > .input-group-btn > select.btn[multiple],
.hf .input-group-lg > .input-group-btn > textarea.btn,
.hf .input-group-lg > select.form-control[multiple],
.hf .input-group-lg > select.input-group-addon[multiple],
.hf .input-group-lg > textarea.form-control,
.hf .input-group-lg > textarea.input-group-addon,
.hf select[multiple].input-lg,
.hf textarea.input-lg {
  height: auto;
}
.hf .form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.hf .form-group-lg select.form-control {
  height: 49px;
  line-height: 49px;
}
.hf .form-group-lg select[multiple].form-control,
.hf .form-group-lg textarea.form-control {
  height: auto;
}
.hf .form-group-lg .form-control-static {
  height: 49px;
  min-height: 42px;
  padding: 11px 16px;
  font-size: 20px;
  line-height: 1.3333333;
}
.hf .has-feedback {
  position: relative;
}
.hf .has-feedback .form-control {
  padding-right: 45px;
}
.hf .form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none;
}
.hf .form-group-lg .form-control + .form-control-feedback,
.hf .input-group-lg + .form-control-feedback,
.hf .input-group-lg > .form-control + .form-control-feedback,
.hf .input-group-lg > .input-group-addon + .form-control-feedback,
.hf .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.hf .input-lg + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px;
}
.hf .form-group-sm .form-control + .form-control-feedback,
.hf .input-group-sm + .form-control-feedback,
.hf .input-group-sm > .form-control + .form-control-feedback,
.hf .input-group-sm > .input-group-addon + .form-control-feedback,
.hf .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.hf .input-sm + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.hf .has-success .checkbox,
.hf .has-success .checkbox-inline,
.hf .has-success .control-label,
.hf .has-success .help-block,
.hf .has-success .radio,
.hf .has-success .radio-inline,
.hf .has-success.checkbox label,
.hf .has-success.checkbox-inline label,
.hf .has-success.radio label,
.hf .has-success.radio-inline label {
  color: #3c763d;
}
.hf .has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.hf .has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.hf .has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.hf .has-success .form-control-feedback {
  color: #3c763d;
}
.hf .has-warning .checkbox,
.hf .has-warning .checkbox-inline,
.hf .has-warning .control-label,
.hf .has-warning .help-block,
.hf .has-warning .radio,
.hf .has-warning .radio-inline,
.hf .has-warning.checkbox label,
.hf .has-warning.checkbox-inline label,
.hf .has-warning.radio label,
.hf .has-warning.radio-inline label {
  color: #8a6d3b;
}
.hf .has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.hf .has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.hf .has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.hf .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.hf .has-error .checkbox,
.hf .has-error .checkbox-inline,
.hf .has-error .control-label,
.hf .has-error .help-block,
.hf .has-error .radio,
.hf .has-error .radio-inline,
.hf .has-error.checkbox label,
.hf .has-error.checkbox-inline label,
.hf .has-error.radio label,
.hf .has-error.radio-inline label {
  color: #a94442;
}
.hf .has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.hf .has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.hf .has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.hf .has-error .form-control-feedback {
  color: #a94442;
}
.hf .has-feedback label ~ .form-control-feedback {
  top: 27px;
}
.hf .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.hf .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #848484;
}
@media (min-width: 768px) {
  .hf .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .hf .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .hf .form-inline .form-control-static {
    display: inline-block;
  }
  .hf .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .hf .form-inline .input-group .form-control,
  .hf .form-inline .input-group .input-group-addon,
  .hf .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .hf .form-inline .input-group > .form-control {
    width: 100%;
  }
  .hf .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .hf .form-inline .checkbox,
  .hf .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .hf .form-inline .checkbox label,
  .hf .form-inline .radio label {
    padding-left: 0;
  }
  .hf .form-inline .checkbox input[type=checkbox],
  .hf .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .hf .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.hf .form-horizontal .checkbox,
.hf .form-horizontal .checkbox-inline,
.hf .form-horizontal .radio,
.hf .form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.hf .form-horizontal .checkbox,
.hf .form-horizontal .radio {
  min-height: 29px;
}
.hf .form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.hf .form-horizontal .form-group:after,
.hf .form-horizontal .form-group:before {
  display: table;
  content: " ";
}
.hf .form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .hf .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.hf .form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .hf .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .hf .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 14px;
  }
}
.hf .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hf .btn.active.focus,
.hf .btn.active:focus,
.hf .btn.focus,
.hf .btn:active.focus,
.hf .btn:active:focus,
.hf .btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.hf .btn.focus,
.hf .btn:focus,
.hf .btn:hover {
  color: #333;
  text-decoration: none;
}
.hf .btn.active,
.hf .btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.hf .btn.disabled,
.hf .btn[disabled],
.hf fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}
.hf a.btn.disabled,
.hf fieldset[disabled] a.btn {
  pointer-events: none;
}
.hf .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.hf .btn-default.focus,
.hf .btn-default:focus {
  color: #333;
  background-color: #e6e5e5;
  border-color: #8c8c8c;
}
.hf .btn-default:hover {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad;
}
.hf .btn-default.active,
.hf .btn-default:active,
.hf .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e5e5;
  background-image: none;
  border-color: #adadad;
}
.hf .btn-default.active.focus,
.hf .btn-default.active:focus,
.hf .btn-default.active:hover,
.hf .btn-default:active.focus,
.hf .btn-default:active:focus,
.hf .btn-default:active:hover,
.hf .open > .btn-default.dropdown-toggle.focus,
.hf .open > .btn-default.dropdown-toggle:focus,
.hf .open > .btn-default.dropdown-toggle:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.hf .btn-default.disabled.focus,
.hf .btn-default.disabled:focus,
.hf .btn-default.disabled:hover,
.hf .btn-default[disabled].focus,
.hf .btn-default[disabled]:focus,
.hf .btn-default[disabled]:hover,
.hf fieldset[disabled] .btn-default.focus,
.hf fieldset[disabled] .btn-default:focus,
.hf fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.hf .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.hf .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.hf .btn-primary.focus,
.hf .btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.hf .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.hf .btn-primary.active,
.hf .btn-primary:active,
.hf .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.hf .btn-primary.active.focus,
.hf .btn-primary.active:focus,
.hf .btn-primary.active:hover,
.hf .btn-primary:active.focus,
.hf .btn-primary:active:focus,
.hf .btn-primary:active:hover,
.hf .open > .btn-primary.dropdown-toggle.focus,
.hf .open > .btn-primary.dropdown-toggle:focus,
.hf .open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.hf .btn-primary.disabled.focus,
.hf .btn-primary.disabled:focus,
.hf .btn-primary.disabled:hover,
.hf .btn-primary[disabled].focus,
.hf .btn-primary[disabled]:focus,
.hf .btn-primary[disabled]:hover,
.hf fieldset[disabled] .btn-primary.focus,
.hf fieldset[disabled] .btn-primary:focus,
.hf fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.hf .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.hf .btn-success {
  color: #fff;
  background-color: #81c23c;
  border-color: #74af36;
}
.hf .btn-success.focus,
.hf .btn-success:focus {
  color: #fff;
  background-color: #679b30;
  border-color: #334d18;
}
.hf .btn-success:hover {
  color: #fff;
  background-color: #679b30;
  border-color: #558028;
}
.hf .btn-success.active,
.hf .btn-success:active,
.hf .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #679b30;
  background-image: none;
  border-color: #558028;
}
.hf .btn-success.active.focus,
.hf .btn-success.active:focus,
.hf .btn-success.active:hover,
.hf .btn-success:active.focus,
.hf .btn-success:active:focus,
.hf .btn-success:active:hover,
.hf .open > .btn-success.dropdown-toggle.focus,
.hf .open > .btn-success.dropdown-toggle:focus,
.hf .open > .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #558028;
  border-color: #334d18;
}
.hf .btn-success.disabled.focus,
.hf .btn-success.disabled:focus,
.hf .btn-success.disabled:hover,
.hf .btn-success[disabled].focus,
.hf .btn-success[disabled]:focus,
.hf .btn-success[disabled]:hover,
.hf fieldset[disabled] .btn-success.focus,
.hf fieldset[disabled] .btn-success:focus,
.hf fieldset[disabled] .btn-success:hover {
  background-color: #81c23c;
  border-color: #74af36;
}
.hf .btn-success .badge {
  color: #81c23c;
  background-color: #fff;
}
.hf .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.hf .btn-info.focus,
.hf .btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.hf .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.hf .btn-info.active,
.hf .btn-info:active,
.hf .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.hf .btn-info.active.focus,
.hf .btn-info.active:focus,
.hf .btn-info.active:hover,
.hf .btn-info:active.focus,
.hf .btn-info:active:focus,
.hf .btn-info:active:hover,
.hf .open > .btn-info.dropdown-toggle.focus,
.hf .open > .btn-info.dropdown-toggle:focus,
.hf .open > .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.hf .btn-info.disabled.focus,
.hf .btn-info.disabled:focus,
.hf .btn-info.disabled:hover,
.hf .btn-info[disabled].focus,
.hf .btn-info[disabled]:focus,
.hf .btn-info[disabled]:hover,
.hf fieldset[disabled] .btn-info.focus,
.hf fieldset[disabled] .btn-info:focus,
.hf fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.hf .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.hf .btn-warning {
  color: #fff;
  background-color: #f99d1c;
  border-color: #f59206;
}
.hf .btn-warning.focus,
.hf .btn-warning:focus {
  color: #fff;
  background-color: #dc8306;
  border-color: #794803;
}
.hf .btn-warning:hover {
  color: #fff;
  background-color: #dc8306;
  border-color: #b96e05;
}
.hf .btn-warning.active,
.hf .btn-warning:active,
.hf .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #dc8306;
  background-image: none;
  border-color: #b96e05;
}
.hf .btn-warning.active.focus,
.hf .btn-warning.active:focus,
.hf .btn-warning.active:hover,
.hf .btn-warning:active.focus,
.hf .btn-warning:active:focus,
.hf .btn-warning:active:hover,
.hf .open > .btn-warning.dropdown-toggle.focus,
.hf .open > .btn-warning.dropdown-toggle:focus,
.hf .open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #b96e05;
  border-color: #794803;
}
.hf .btn-warning.disabled.focus,
.hf .btn-warning.disabled:focus,
.hf .btn-warning.disabled:hover,
.hf .btn-warning[disabled].focus,
.hf .btn-warning[disabled]:focus,
.hf .btn-warning[disabled]:hover,
.hf fieldset[disabled] .btn-warning.focus,
.hf fieldset[disabled] .btn-warning:focus,
.hf fieldset[disabled] .btn-warning:hover {
  background-color: #f99d1c;
  border-color: #f59206;
}
.hf .btn-warning .badge {
  color: #f99d1c;
  background-color: #fff;
}
.hf .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.hf .btn-danger.focus,
.hf .btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.hf .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.hf .btn-danger.active,
.hf .btn-danger:active,
.hf .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.hf .btn-danger.active.focus,
.hf .btn-danger.active:focus,
.hf .btn-danger.active:hover,
.hf .btn-danger:active.focus,
.hf .btn-danger:active:focus,
.hf .btn-danger:active:hover,
.hf .open > .btn-danger.dropdown-toggle.focus,
.hf .open > .btn-danger.dropdown-toggle:focus,
.hf .open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.hf .btn-danger.disabled.focus,
.hf .btn-danger.disabled:focus,
.hf .btn-danger.disabled:hover,
.hf .btn-danger[disabled].focus,
.hf .btn-danger[disabled]:focus,
.hf .btn-danger[disabled]:hover,
.hf fieldset[disabled] .btn-danger.focus,
.hf fieldset[disabled] .btn-danger:focus,
.hf fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.hf .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.hf .btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.hf .btn-link,
.hf .btn-link.active,
.hf .btn-link:active,
.hf .btn-link[disabled],
.hf fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.hf .btn-link,
.hf .btn-link:active,
.hf .btn-link:focus,
.hf .btn-link:hover {
  border-color: transparent;
}
.hf .btn-link:focus,
.hf .btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.hf .btn-link[disabled]:focus,
.hf .btn-link[disabled]:hover,
.hf fieldset[disabled] .btn-link:focus,
.hf fieldset[disabled] .btn-link:hover {
  color: #a1a1a1;
  text-decoration: none;
}
.hf .btn-group-lg > .btn,
.hf .btn-lg {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.hf .btn-group-sm > .btn,
.hf .btn-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.hf .btn-group-xs > .btn,
.hf .btn-xs {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.hf .btn-block {
  display: block;
  width: 100%;
}
.hf .btn-block + .btn-block {
  margin-top: 5px;
}
.hf input[type=button].btn-block,
.hf input[type=reset].btn-block,
.hf input[type=submit].btn-block {
  width: 100%;
}
.hf .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.hf .fade.in {
  opacity: 1;
}
.hf .collapse {
  display: none;
}
.hf .collapse.in {
  display: block;
}
.hf tr.collapse.in {
  display: table-row;
}
.hf tbody.collapse.in {
  display: table-row-group;
}
.hf .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.hf .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.hf .dropdown,
.hf .dropup {
  position: relative;
}
.hf .dropdown-toggle:focus {
  outline: 0;
}
.hf .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.hf .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.hf .dropdown-menu .divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.hf .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #444;
  white-space: nowrap;
}
.hf .dropdown-menu > li > a:focus,
.hf .dropdown-menu > li > a:hover {
  color: #373737;
  text-decoration: none;
  background-color: #f5f5f5;
}
.hf .dropdown-menu > .active > a,
.hf .dropdown-menu > .active > a:focus,
.hf .dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.hf .dropdown-menu > .disabled > a,
.hf .dropdown-menu > .disabled > a:focus,
.hf .dropdown-menu > .disabled > a:hover {
  color: #a1a1a1;
}
.hf .dropdown-menu > .disabled > a:focus,
.hf .dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
}
.hf .open > .dropdown-menu {
  display: block;
}
.hf .open > a {
  outline: 0;
}
.hf .dropdown-menu-right {
  right: 0;
  left: auto;
}
.hf .dropdown-menu-left {
  right: auto;
  left: 0;
}
.hf .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #a1a1a1;
  white-space: nowrap;
}
.hf .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.hf .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.hf .dropup .caret,
.hf .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
}
.hf .dropup .dropdown-menu,
.hf .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .hf .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .hf .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.hf .btn-group,
.hf .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.hf .btn-group-vertical > .btn,
.hf .btn-group > .btn {
  position: relative;
  float: left;
}
.hf .btn-group-vertical > .btn.active,
.hf .btn-group-vertical > .btn:active,
.hf .btn-group-vertical > .btn:focus,
.hf .btn-group-vertical > .btn:hover,
.hf .btn-group > .btn.active,
.hf .btn-group > .btn:active,
.hf .btn-group > .btn:focus,
.hf .btn-group > .btn:hover {
  z-index: 2;
}
.hf .btn-group .btn + .btn,
.hf .btn-group .btn + .btn-group,
.hf .btn-group .btn-group + .btn,
.hf .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.hf .btn-toolbar {
  margin-left: -5px;
}
.hf .btn-toolbar:after,
.hf .btn-toolbar:before {
  display: table;
  content: " ";
}
.hf .btn-toolbar:after {
  clear: both;
}
.hf .btn-toolbar .btn,
.hf .btn-toolbar .btn-group,
.hf .btn-toolbar .input-group {
  float: left;
}
.hf .btn-toolbar > .btn,
.hf .btn-toolbar > .btn-group,
.hf .btn-toolbar > .input-group {
  margin-left: 5px;
}
.hf .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.hf .btn-group > .btn:first-child {
  margin-left: 0;
}
.hf .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hf .btn-group > .btn:last-child:not(:first-child),
.hf .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .btn-group > .btn-group {
  float: left;
}
.hf .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.hf .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.hf .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hf .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .btn-group .dropdown-toggle:active,
.hf .btn-group.open .dropdown-toggle {
  outline: 0;
}
.hf .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.hf .btn-group-lg.btn-group > .btn + .dropdown-toggle,
.hf .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.hf .btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.hf .btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.hf .btn .caret {
  margin-left: 0;
}
.hf .btn-group-lg > .btn .caret,
.hf .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.hf .dropup .btn-group-lg > .btn .caret,
.hf .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.hf .btn-group-vertical > .btn,
.hf .btn-group-vertical > .btn-group,
.hf .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.hf .btn-group-vertical > .btn-group:after,
.hf .btn-group-vertical > .btn-group:before {
  display: table;
  content: " ";
}
.hf .btn-group-vertical > .btn-group:after {
  clear: both;
}
.hf .btn-group-vertical > .btn-group > .btn {
  float: none;
}
.hf .btn-group-vertical > .btn + .btn,
.hf .btn-group-vertical > .btn + .btn-group,
.hf .btn-group-vertical > .btn-group + .btn,
.hf .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.hf .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.hf .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.hf .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.hf .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hf .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.hf .btn-group-justified > .btn,
.hf .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.hf .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.hf .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
.hf [data-toggle=buttons] > .btn input[type=checkbox],
.hf [data-toggle=buttons] > .btn input[type=radio],
.hf [data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
.hf [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.hf .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.hf .input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.hf .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.hf .input-group .form-control:focus {
  z-index: 3;
}
.hf .input-group .form-control,
.hf .input-group-addon,
.hf .input-group-btn {
  display: table-cell;
}
.hf .input-group .form-control:not(:first-child):not(:last-child),
.hf .input-group-addon:not(:first-child):not(:last-child),
.hf .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.hf .input-group-addon,
.hf .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.hf .input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #666;
  text-align: center;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.hf .input-group-addon.input-sm,
.hf .input-group-sm > .input-group-addon,
.hf .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.hf .input-group-addon.input-lg,
.hf .input-group-lg > .input-group-addon,
.hf .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 20px;
  border-radius: 6px;
}
.hf .input-group-addon input[type=checkbox],
.hf .input-group-addon input[type=radio] {
  margin-top: 0;
}
.hf .input-group .form-control:first-child,
.hf .input-group-addon:first-child,
.hf .input-group-btn:first-child > .btn,
.hf .input-group-btn:first-child > .btn-group > .btn,
.hf .input-group-btn:first-child > .dropdown-toggle,
.hf .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.hf .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hf .input-group-addon:first-child {
  border-right: 0;
}
.hf .input-group .form-control:last-child,
.hf .input-group-addon:last-child,
.hf .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.hf .input-group-btn:first-child > .btn:not(:first-child),
.hf .input-group-btn:last-child > .btn,
.hf .input-group-btn:last-child > .btn-group > .btn,
.hf .input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .input-group-addon:last-child {
  border-left: 0;
}
.hf .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.hf .input-group-btn > .btn {
  position: relative;
}
.hf .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.hf .input-group-btn > .btn:active,
.hf .input-group-btn > .btn:focus,
.hf .input-group-btn > .btn:hover {
  z-index: 2;
}
.hf .input-group-btn:first-child > .btn,
.hf .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.hf .input-group-btn:last-child > .btn,
.hf .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.hf .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.hf .nav:after,
.hf .nav:before {
  display: table;
  content: " ";
}
.hf .nav:after {
  clear: both;
}
.hf .nav > li {
  position: relative;
  display: block;
}
.hf .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.hf .nav > li > a:focus,
.hf .nav > li > a:hover {
  text-decoration: none;
  background-color: #ccc;
}
.hf .nav > li.disabled > a {
  color: #a1a1a1;
}
.hf .nav > li.disabled > a:focus,
.hf .nav > li.disabled > a:hover {
  color: #a1a1a1;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.hf .nav .open > a,
.hf .nav .open > a:focus,
.hf .nav .open > a:hover {
  background-color: #ccc;
  border-color: #337ab7;
}
.hf .nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.hf .nav > li > a > img {
  max-width: none;
}
.hf .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.hf .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.hf .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.hf .nav-tabs > li > a:hover {
  border-color: #ccc #ccc #ddd;
}
.hf .nav-tabs > li.active > a,
.hf .nav-tabs > li.active > a:focus,
.hf .nav-tabs > li.active > a:hover {
  color: #666;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.hf .nav-pills > li {
  float: left;
}
.hf .nav-pills > li > a {
  border-radius: 4px;
}
.hf .nav-pills > li + li {
  margin-left: 2px;
}
.hf .nav-pills > li.active > a,
.hf .nav-pills > li.active > a:focus,
.hf .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}
.hf .nav-stacked > li {
  float: none;
}
.hf .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.hf .nav-justified,
.hf .nav-tabs.nav-justified {
  width: 100%;
}
.hf .nav-justified > li,
.hf .nav-tabs.nav-justified > li {
  float: none;
}
.hf .nav-justified > li > a,
.hf .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.hf .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .hf .nav-justified > li,
  .hf .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .hf .nav-justified > li > a,
  .hf .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.hf .nav-tabs-justified,
.hf .nav-tabs.nav-justified {
  border-bottom: 0;
}
.hf .nav-tabs-justified > li > a,
.hf .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.hf .nav-tabs-justified > .active > a,
.hf .nav-tabs-justified > .active > a:focus,
.hf .nav-tabs-justified > .active > a:hover,
.hf .nav-tabs.nav-justified > .active > a,
.hf .nav-tabs.nav-justified > .active > a:focus,
.hf .nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .hf .nav-tabs-justified > li > a,
  .hf .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .hf .nav-tabs-justified > .active > a,
  .hf .nav-tabs-justified > .active > a:focus,
  .hf .nav-tabs-justified > .active > a:hover,
  .hf .nav-tabs.nav-justified > .active > a,
  .hf .nav-tabs.nav-justified > .active > a:focus,
  .hf .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.hf .tab-content > .tab-pane {
  display: none;
}
.hf .tab-content > .active {
  display: block;
}
.hf .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hf .navbar {
  position: relative;
  min-height: 55px;
  margin-bottom: 22px;
  border: 1px solid transparent;
}
.hf .navbar:after,
.hf .navbar:before {
  display: table;
  content: " ";
}
.hf .navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .hf .navbar {
    border-radius: 4px;
  }
}
.hf .navbar-header:after,
.hf .navbar-header:before {
  display: table;
  content: " ";
}
.hf .navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .hf .navbar-header {
    float: left;
  }
}
.hf .navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.hf .navbar-collapse:after,
.hf .navbar-collapse:before {
  display: table;
  content: " ";
}
.hf .navbar-collapse:after {
  clear: both;
}
.hf .navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .hf .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .hf .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .hf .navbar-collapse.in {
    overflow-y: visible;
  }
  .hf .navbar-fixed-bottom .navbar-collapse,
  .hf .navbar-fixed-top .navbar-collapse,
  .hf .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.hf .navbar-fixed-bottom,
.hf .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.hf .navbar-fixed-bottom .navbar-collapse,
.hf .navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .hf .navbar-fixed-bottom .navbar-collapse,
  .hf .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .hf .navbar-fixed-bottom,
  .hf .navbar-fixed-top {
    border-radius: 0;
  }
}
.hf .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.hf .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.hf .container-fluid > .navbar-collapse,
.hf .container-fluid > .navbar-header,
.hf .container > .navbar-collapse,
.hf .container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .hf .container-fluid > .navbar-collapse,
  .hf .container-fluid > .navbar-header,
  .hf .container > .navbar-collapse,
  .hf .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.hf .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .hf .navbar-static-top {
    border-radius: 0;
  }
}
.hf .navbar-brand {
  float: left;
  height: 55px;
  padding: 16.5px 15px;
  font-size: 20px;
  line-height: 22px;
}
.hf .navbar-brand:focus,
.hf .navbar-brand:hover {
  text-decoration: none;
}
.hf .navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .hf .navbar > .container .navbar-brand,
  .hf .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.hf .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 10.5px;
  margin-bottom: 10.5px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.hf .navbar-toggle:focus {
  outline: 0;
}
.hf .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.hf .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .hf .navbar-toggle {
    display: none;
  }
}
.hf .navbar-nav {
  margin: 8.25px -15px;
}
.hf .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .hf .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .hf .navbar-nav .open .dropdown-menu .dropdown-header,
  .hf .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .hf .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .hf .navbar-nav .open .dropdown-menu > li > a:focus,
  .hf .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .hf .navbar-nav {
    float: left;
    margin: 0;
  }
  .hf .navbar-nav > li {
    float: left;
  }
  .hf .navbar-nav > li > a {
    padding-top: 16.5px;
    padding-bottom: 16.5px;
  }
}
.hf .navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
@media (min-width: 768px) {
  .hf .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .hf .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .hf .navbar-form .form-control-static {
    display: inline-block;
  }
  .hf .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .hf .navbar-form .input-group .form-control,
  .hf .navbar-form .input-group .input-group-addon,
  .hf .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .hf .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .hf .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .hf .navbar-form .checkbox,
  .hf .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .hf .navbar-form .checkbox label,
  .hf .navbar-form .radio label {
    padding-left: 0;
  }
  .hf .navbar-form .checkbox input[type=checkbox],
  .hf .navbar-form .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .hf .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .hf .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .hf .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .hf .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}
.hf .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hf .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hf .navbar-btn {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}
.hf .btn-group-sm > .navbar-btn.btn,
.hf .navbar-btn.btn-sm {
  margin-top: 11px;
  margin-bottom: 11px;
}
.hf .btn-group-xs > .navbar-btn.btn,
.hf .navbar-btn.btn-xs {
  margin-top: 16.5px;
  margin-bottom: 16.5px;
}
.hf .navbar-text {
  margin-top: 16.5px;
  margin-bottom: 16.5px;
}
@media (min-width: 768px) {
  .hf .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .hf .navbar-left {
    float: left !important;
  }
  .hf .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .hf .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.hf .navbar-default {
  background-color: #fff;
  border-color: #eee;
}
.hf .navbar-default .navbar-brand {
  color: #777;
}
.hf .navbar-default .navbar-brand:focus,
.hf .navbar-default .navbar-brand:hover {
  color: #5e5d5d;
  background-color: transparent;
}
.hf .navbar-default .navbar-text {
  color: #777;
}
.hf .navbar-default .navbar-nav > li > a {
  color: #777;
}
.hf .navbar-default .navbar-nav > li > a:focus,
.hf .navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}
.hf .navbar-default .navbar-nav > .active > a,
.hf .navbar-default .navbar-nav > .active > a:focus,
.hf .navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #eee;
}
.hf .navbar-default .navbar-nav > .disabled > a,
.hf .navbar-default .navbar-nav > .disabled > a:focus,
.hf .navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}
.hf .navbar-default .navbar-nav > .open > a,
.hf .navbar-default .navbar-nav > .open > a:focus,
.hf .navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #eee;
}
@media (max-width: 767px) {
  .hf .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .hf .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .hf .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .hf .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .hf .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .hf .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #eee;
  }
  .hf .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .hf .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .hf .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}
.hf .navbar-default .navbar-toggle {
  border-color: #ddd;
}
.hf .navbar-default .navbar-toggle:focus,
.hf .navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}
.hf .navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.hf .navbar-default .navbar-collapse,
.hf .navbar-default .navbar-form {
  border-color: #eee;
}
.hf .navbar-default .navbar-link {
  color: #777;
}
.hf .navbar-default .navbar-link:hover {
  color: #333;
}
.hf .navbar-default .btn-link {
  color: #777;
}
.hf .navbar-default .btn-link:focus,
.hf .navbar-default .btn-link:hover {
  color: #333;
}
.hf .navbar-default .btn-link[disabled]:focus,
.hf .navbar-default .btn-link[disabled]:hover,
.hf fieldset[disabled] .navbar-default .btn-link:focus,
.hf fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}
.hf .navbar-inverse {
  background-color: #222;
  border-color: #090808;
}
.hf .navbar-inverse .navbar-brand {
  color: #c7c7c7;
}
.hf .navbar-inverse .navbar-brand:focus,
.hf .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}
.hf .navbar-inverse .navbar-text {
  color: #c7c7c7;
}
.hf .navbar-inverse .navbar-nav > li > a {
  color: #c7c7c7;
}
.hf .navbar-inverse .navbar-nav > li > a:focus,
.hf .navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.hf .navbar-inverse .navbar-nav > .active > a,
.hf .navbar-inverse .navbar-nav > .active > a:focus,
.hf .navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #090808;
}
.hf .navbar-inverse .navbar-nav > .disabled > a,
.hf .navbar-inverse .navbar-nav > .disabled > a:focus,
.hf .navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}
.hf .navbar-inverse .navbar-nav > .open > a,
.hf .navbar-inverse .navbar-nav > .open > a:focus,
.hf .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #090808;
}
@media (max-width: 767px) {
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090808;
  }
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090808;
  }
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #c7c7c7;
  }
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #090808;
  }
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .hf .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}
.hf .navbar-inverse .navbar-toggle {
  border-color: #333;
}
.hf .navbar-inverse .navbar-toggle:focus,
.hf .navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}
.hf .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.hf .navbar-inverse .navbar-collapse,
.hf .navbar-inverse .navbar-form {
  border-color: #101010;
}
.hf .navbar-inverse .navbar-link {
  color: #c7c7c7;
}
.hf .navbar-inverse .navbar-link:hover {
  color: #fff;
}
.hf .navbar-inverse .btn-link {
  color: #c7c7c7;
}
.hf .navbar-inverse .btn-link:focus,
.hf .navbar-inverse .btn-link:hover {
  color: #fff;
}
.hf .navbar-inverse .btn-link[disabled]:focus,
.hf .navbar-inverse .btn-link[disabled]:hover,
.hf fieldset[disabled] .navbar-inverse .btn-link:focus,
.hf fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}
.hf .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.hf .breadcrumb > li {
  display: inline-block;
}
.hf .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.hf .breadcrumb > .active {
  color: #a1a1a1;
}
.hf .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 4px;
}
.hf .pagination > li {
  display: inline;
}
.hf .pagination > li > a,
.hf .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.hf .pagination > li > a:focus,
.hf .pagination > li > a:hover,
.hf .pagination > li > span:focus,
.hf .pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #ccc;
  border-color: #ddd;
}
.hf .pagination > li:first-child > a,
.hf .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.hf .pagination > li:last-child > a,
.hf .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hf .pagination > .active > a,
.hf .pagination > .active > a:focus,
.hf .pagination > .active > a:hover,
.hf .pagination > .active > span,
.hf .pagination > .active > span:focus,
.hf .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.hf .pagination > .disabled > a,
.hf .pagination > .disabled > a:focus,
.hf .pagination > .disabled > a:hover,
.hf .pagination > .disabled > span,
.hf .pagination > .disabled > span:focus,
.hf .pagination > .disabled > span:hover {
  color: #a1a1a1;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.hf .pagination-lg > li > a,
.hf .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
}
.hf .pagination-lg > li:first-child > a,
.hf .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.hf .pagination-lg > li:last-child > a,
.hf .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.hf .pagination-sm > li > a,
.hf .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.hf .pagination-sm > li:first-child > a,
.hf .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.hf .pagination-sm > li:last-child > a,
.hf .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.hf .pager {
  padding-left: 0;
  margin: 22px 0;
  text-align: center;
  list-style: none;
}
.hf .pager:after,
.hf .pager:before {
  display: table;
  content: " ";
}
.hf .pager:after {
  clear: both;
}
.hf .pager li {
  display: inline;
}
.hf .pager li > a,
.hf .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.hf .pager li > a:focus,
.hf .pager li > a:hover {
  text-decoration: none;
  background-color: #ccc;
}
.hf .pager .next > a,
.hf .pager .next > span {
  float: right;
}
.hf .pager .previous > a,
.hf .pager .previous > span {
  float: left;
}
.hf .pager .disabled > a,
.hf .pager .disabled > a:focus,
.hf .pager .disabled > a:hover,
.hf .pager .disabled > span {
  color: #a1a1a1;
  cursor: not-allowed;
  background-color: #fff;
}
.hf .label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.hf .label:empty {
  display: none;
}
.hf .btn .label {
  position: relative;
  top: -1px;
}
.hf a.label:focus,
.hf a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.hf .label-default {
  background-color: #a1a1a1;
}
.hf .label-default[href]:focus,
.hf .label-default[href]:hover {
  background-color: #888787;
}
.hf .label-primary {
  background-color: #337ab7;
}
.hf .label-primary[href]:focus,
.hf .label-primary[href]:hover {
  background-color: #286090;
}
.hf .label-success {
  background-color: #5cb85c;
}
.hf .label-success[href]:focus,
.hf .label-success[href]:hover {
  background-color: #449d44;
}
.hf .label-info {
  background-color: #5bc0de;
}
.hf .label-info[href]:focus,
.hf .label-info[href]:hover {
  background-color: #31b0d5;
}
.hf .label-warning {
  background-color: #f0ad4e;
}
.hf .label-warning[href]:focus,
.hf .label-warning[href]:hover {
  background-color: #ec971f;
}
.hf .label-danger {
  background-color: #d9534f;
}
.hf .label-danger[href]:focus,
.hf .label-danger[href]:hover {
  background-color: #c9302c;
}
.hf .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #a1a1a1;
  border-radius: 10px;
}
.hf .badge:empty {
  display: none;
}
.hf .btn .badge {
  position: relative;
  top: -1px;
}
.hf .btn-group-xs > .btn .badge,
.hf .btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
.hf .list-group-item.active > .badge,
.hf .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.hf .list-group-item > .badge {
  float: right;
}
.hf .list-group-item > .badge + .badge {
  margin-right: 5px;
}
.hf .nav-pills > li > a > .badge {
  margin-left: 3px;
}
.hf a.badge:focus,
.hf a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.hf .jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #ccc;
}
.hf .jumbotron .h1,
.hf .jumbotron h1 {
  color: inherit;
}
.hf .jumbotron p {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 200;
}
.hf .jumbotron > hr {
  border-top-color: #b3b2b2;
}
.hf .container .jumbotron,
.hf .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.hf .jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .hf .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .hf .container .jumbotron,
  .hf .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .hf .jumbotron .h1,
  .hf .jumbotron h1 {
    font-size: 72px;
  }
}
.hf .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}
.hf .thumbnail a > img,
.hf .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.hf .thumbnail .caption {
  padding: 9px;
  color: #444;
}
.hf a.thumbnail.active,
.hf a.thumbnail:focus,
.hf a.thumbnail:hover {
  border-color: #337ab7;
}
.hf .alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.hf .alert h4 {
  margin-top: 0;
  color: inherit;
}
.hf .alert .alert-link {
  font-weight: 700;
}
.hf .alert > p,
.hf .alert > ul {
  margin-bottom: 0;
}
.hf .alert > p + p {
  margin-top: 5px;
}
.hf .alert-dismissable,
.hf .alert-dismissible {
  padding-right: 35px;
}
.hf .alert-dismissable .close,
.hf .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.hf .alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.hf .alert-success hr {
  border-top-color: #c9e2b3;
}
.hf .alert-success .alert-link {
  color: #2b542c;
}
.hf .alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.hf .alert-info hr {
  border-top-color: #a6e1ec;
}
.hf .alert-info .alert-link {
  color: #245269;
}
.hf .alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.hf .alert-warning hr {
  border-top-color: #f7e1b5;
}
.hf .alert-warning .alert-link {
  color: #66512c;
}
.hf .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.hf .alert-danger hr {
  border-top-color: #e4b9c0;
}
.hf .alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.hf .progress {
  height: 22px;
  margin-bottom: 22px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.hf .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.hf .progress-bar-striped,
.hf .progress-striped .progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.hf .progress-bar.active,
.hf .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.hf .progress-bar-success {
  background-color: #5cb85c;
}
.hf .progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.hf .progress-bar-info {
  background-color: #5bc0de;
}
.hf .progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.hf .progress-bar-warning {
  background-color: #f0ad4e;
}
.hf .progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.hf .progress-bar-danger {
  background-color: #d9534f;
}
.hf .progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.hf .media {
  margin-top: 15px;
}
.hf .media:first-child {
  margin-top: 0;
}
.hf .media,
.hf .media-body {
  overflow: hidden;
  zoom: 1;
}
.hf .media-body {
  width: 10000px;
}
.hf .media-object {
  display: block;
}
.hf .media-object.img-thumbnail {
  max-width: none;
}
.hf .media-right,
.hf .media > .pull-right {
  padding-left: 10px;
}
.hf .media-left,
.hf .media > .pull-left {
  padding-right: 10px;
}
.hf .media-body,
.hf .media-left,
.hf .media-right {
  display: table-cell;
  vertical-align: top;
}
.hf .media-middle {
  vertical-align: middle;
}
.hf .media-bottom {
  vertical-align: bottom;
}
.hf .media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.hf .media-list {
  padding-left: 0;
  list-style: none;
}
.hf .list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.hf .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.hf .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.hf .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.hf .list-group-item.disabled,
.hf .list-group-item.disabled:focus,
.hf .list-group-item.disabled:hover {
  color: #a1a1a1;
  cursor: not-allowed;
  background-color: #ccc;
}
.hf .list-group-item.disabled .list-group-item-heading,
.hf .list-group-item.disabled:focus .list-group-item-heading,
.hf .list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.hf .list-group-item.disabled .list-group-item-text,
.hf .list-group-item.disabled:focus .list-group-item-text,
.hf .list-group-item.disabled:hover .list-group-item-text {
  color: #a1a1a1;
}
.hf .list-group-item.active,
.hf .list-group-item.active:focus,
.hf .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.hf .list-group-item.active .list-group-item-heading,
.hf .list-group-item.active .list-group-item-heading > .small,
.hf .list-group-item.active .list-group-item-heading > small,
.hf .list-group-item.active:focus .list-group-item-heading,
.hf .list-group-item.active:focus .list-group-item-heading > .small,
.hf .list-group-item.active:focus .list-group-item-heading > small,
.hf .list-group-item.active:hover .list-group-item-heading,
.hf .list-group-item.active:hover .list-group-item-heading > .small,
.hf .list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}
.hf .list-group-item.active .list-group-item-text,
.hf .list-group-item.active:focus .list-group-item-text,
.hf .list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}
.hf a.list-group-item,
.hf button.list-group-item {
  color: #555;
}
.hf a.list-group-item .list-group-item-heading,
.hf button.list-group-item .list-group-item-heading {
  color: #333;
}
.hf a.list-group-item:focus,
.hf a.list-group-item:hover,
.hf button.list-group-item:focus,
.hf button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.hf button.list-group-item {
  width: 100%;
  text-align: left;
}
.hf .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.hf a.list-group-item-success,
.hf button.list-group-item-success {
  color: #3c763d;
}
.hf a.list-group-item-success .list-group-item-heading,
.hf button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
.hf a.list-group-item-success:focus,
.hf a.list-group-item-success:hover,
.hf button.list-group-item-success:focus,
.hf button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
.hf a.list-group-item-success.active,
.hf a.list-group-item-success.active:focus,
.hf a.list-group-item-success.active:hover,
.hf button.list-group-item-success.active,
.hf button.list-group-item-success.active:focus,
.hf button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.hf .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
.hf a.list-group-item-info,
.hf button.list-group-item-info {
  color: #31708f;
}
.hf a.list-group-item-info .list-group-item-heading,
.hf button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
.hf a.list-group-item-info:focus,
.hf a.list-group-item-info:hover,
.hf button.list-group-item-info:focus,
.hf button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
.hf a.list-group-item-info.active,
.hf a.list-group-item-info.active:focus,
.hf a.list-group-item-info.active:hover,
.hf button.list-group-item-info.active,
.hf button.list-group-item-info.active:focus,
.hf button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.hf .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.hf a.list-group-item-warning,
.hf button.list-group-item-warning {
  color: #8a6d3b;
}
.hf a.list-group-item-warning .list-group-item-heading,
.hf button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
.hf a.list-group-item-warning:focus,
.hf a.list-group-item-warning:hover,
.hf button.list-group-item-warning:focus,
.hf button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
.hf a.list-group-item-warning.active,
.hf a.list-group-item-warning.active:focus,
.hf a.list-group-item-warning.active:hover,
.hf button.list-group-item-warning.active,
.hf button.list-group-item-warning.active:focus,
.hf button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.hf .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
.hf a.list-group-item-danger,
.hf button.list-group-item-danger {
  color: #a94442;
}
.hf a.list-group-item-danger .list-group-item-heading,
.hf button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
.hf a.list-group-item-danger:focus,
.hf a.list-group-item-danger:hover,
.hf button.list-group-item-danger:focus,
.hf button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
.hf a.list-group-item-danger.active,
.hf a.list-group-item-danger.active:focus,
.hf a.list-group-item-danger.active:hover,
.hf button.list-group-item-danger.active,
.hf button.list-group-item-danger.active:focus,
.hf button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.hf .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.hf .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.hf .panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.hf .panel-body {
  padding: 15px;
}
.hf .panel-body:after,
.hf .panel-body:before {
  display: table;
  content: " ";
}
.hf .panel-body:after {
  clear: both;
}
.hf .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.hf .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.hf .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.hf .panel-title > .small,
.hf .panel-title > .small > a,
.hf .panel-title > a,
.hf .panel-title > small,
.hf .panel-title > small > a {
  color: inherit;
}
.hf .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.hf .panel > .list-group,
.hf .panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.hf .panel > .list-group .list-group-item,
.hf .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.hf .panel > .list-group:first-child .list-group-item:first-child,
.hf .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.hf .panel > .list-group:last-child .list-group-item:last-child,
.hf .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.hf .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hf .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.hf .list-group + .panel-footer {
  border-top-width: 0;
}
.hf .panel > .panel-collapse > .table,
.hf .panel > .table,
.hf .panel > .table-responsive > .table {
  margin-bottom: 0;
}
.hf .panel > .panel-collapse > .table caption,
.hf .panel > .table caption,
.hf .panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.hf .panel > .table-responsive:first-child > .table:first-child,
.hf .panel > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.hf .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.hf .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.hf .panel > .table:first-child > tbody:first-child > tr:first-child,
.hf .panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.hf .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.hf .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.hf .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.hf .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.hf .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.hf .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.hf .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.hf .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.hf .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.hf .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.hf .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.hf .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.hf .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.hf .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.hf .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.hf .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.hf .panel > .table-responsive:last-child > .table:last-child,
.hf .panel > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.hf .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.hf .panel > .table:last-child > tbody:last-child > tr:last-child,
.hf .panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.hf .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.hf .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.hf .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.hf .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.hf .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.hf .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.hf .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.hf .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.hf .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.hf .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.hf .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.hf .panel > .panel-body + .table,
.hf .panel > .panel-body + .table-responsive,
.hf .panel > .table + .panel-body,
.hf .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.hf .panel > .table > tbody:first-child > tr:first-child td,
.hf .panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.hf .panel > .table-bordered,
.hf .panel > .table-responsive > .table-bordered {
  border: 0;
}
.hf .panel > .table-bordered > tbody > tr > td:first-child,
.hf .panel > .table-bordered > tbody > tr > th:first-child,
.hf .panel > .table-bordered > tfoot > tr > td:first-child,
.hf .panel > .table-bordered > tfoot > tr > th:first-child,
.hf .panel > .table-bordered > thead > tr > td:first-child,
.hf .panel > .table-bordered > thead > tr > th:first-child,
.hf .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.hf .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.hf .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.hf .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.hf .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.hf .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}
.hf .panel > .table-bordered > tbody > tr > td:last-child,
.hf .panel > .table-bordered > tbody > tr > th:last-child,
.hf .panel > .table-bordered > tfoot > tr > td:last-child,
.hf .panel > .table-bordered > tfoot > tr > th:last-child,
.hf .panel > .table-bordered > thead > tr > td:last-child,
.hf .panel > .table-bordered > thead > tr > th:last-child,
.hf .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.hf .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.hf .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.hf .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.hf .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.hf .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}
.hf .panel > .table-bordered > tbody > tr:first-child > td,
.hf .panel > .table-bordered > tbody > tr:first-child > th,
.hf .panel > .table-bordered > thead > tr:first-child > td,
.hf .panel > .table-bordered > thead > tr:first-child > th,
.hf .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.hf .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.hf .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.hf .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}
.hf .panel > .table-bordered > tbody > tr:last-child > td,
.hf .panel > .table-bordered > tbody > tr:last-child > th,
.hf .panel > .table-bordered > tfoot > tr:last-child > td,
.hf .panel > .table-bordered > tfoot > tr:last-child > th,
.hf .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.hf .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.hf .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.hf .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.hf .panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.hf .panel-group {
  margin-bottom: 22px;
}
.hf .panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.hf .panel-group .panel + .panel {
  margin-top: 5px;
}
.hf .panel-group .panel-heading {
  border-bottom: 0;
}
.hf .panel-group .panel-heading + .panel-collapse > .list-group,
.hf .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.hf .panel-group .panel-footer {
  border-top: 0;
}
.hf .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.hf .panel-default {
  border-color: #ddd;
}
.hf .panel-default > .panel-heading {
  color: #444;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.hf .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.hf .panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #444;
}
.hf .panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.hf .panel-primary {
  border-color: #337ab7;
}
.hf .panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.hf .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.hf .panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.hf .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.hf .panel-success {
  border-color: #d6e9c6;
}
.hf .panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.hf .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.hf .panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.hf .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.hf .panel-info {
  border-color: #bce8f1;
}
.hf .panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.hf .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.hf .panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.hf .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.hf .panel-warning {
  border-color: #faebcc;
}
.hf .panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.hf .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.hf .panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.hf .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.hf .panel-danger {
  border-color: #ebccd1;
}
.hf .panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.hf .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.hf .panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.hf .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.hf .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.hf .embed-responsive .embed-responsive-item,
.hf .embed-responsive embed,
.hf .embed-responsive iframe,
.hf .embed-responsive object,
.hf .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.hf .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.hf .embed-responsive-4by3 {
  padding-bottom: 75%;
}
.hf .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.hf .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.hf .well-lg {
  padding: 24px;
  border-radius: 6px;
}
.hf .well-sm {
  padding: 9px;
  border-radius: 3px;
}
.hf .close {
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.hf .close:focus,
.hf .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}
.hf button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hf .modal-open {
  overflow: hidden;
}
.hf .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.hf .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.hf .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.hf .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.hf .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.hf .modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.hf .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.hf .modal-backdrop.fade {
  opacity: 0;
}
.hf .modal-backdrop.in {
  opacity: 0.5;
}
.hf .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.hf .modal-header:after,
.hf .modal-header:before {
  display: table;
  content: " ";
}
.hf .modal-header:after {
  clear: both;
}
.hf .modal-header .close {
  margin-top: -2px;
}
.hf .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.hf .modal-body {
  position: relative;
  padding: 15px;
}
.hf .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.hf .modal-footer:after,
.hf .modal-footer:before {
  display: table;
  content: " ";
}
.hf .modal-footer:after {
  clear: both;
}
.hf .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.hf .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.hf .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.hf .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .hf .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .hf .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .hf .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .hf .modal-lg {
    width: 900px;
  }
}
.hf .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  opacity: 0;
}
.hf .tooltip.in {
  opacity: 0.9;
}
.hf .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.hf .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.hf .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.hf .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.hf .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.hf .tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.hf .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.hf .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.hf .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.hf .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.hf .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.hf .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.hf .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.hf .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.hf .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 16px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.hf .popover.top {
  margin-top: -10px;
}
.hf .popover.right {
  margin-left: 10px;
}
.hf .popover.bottom {
  margin-top: 10px;
}
.hf .popover.left {
  margin-left: -10px;
}
.hf .popover > .arrow {
  border-width: 11px;
}
.hf .popover > .arrow,
.hf .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.hf .popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.hf .popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.hf .popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.hf .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.hf .popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.hf .popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.hf .popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.hf .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.hf .popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.hf .popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 16px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.hf .popover-content {
  padding: 9px 14px;
}
.hf .carousel {
  position: relative;
}
.hf .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hf .carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.hf .carousel-inner > .item > a > img,
.hf .carousel-inner > .item > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .hf .carousel-inner > .item {
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .hf .carousel-inner > .item.active.right,
  .hf .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .hf .carousel-inner > .item.active.left,
  .hf .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .hf .carousel-inner > .item.active,
  .hf .carousel-inner > .item.next.left,
  .hf .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.hf .carousel-inner > .active,
.hf .carousel-inner > .next,
.hf .carousel-inner > .prev {
  display: block;
}
.hf .carousel-inner > .active {
  left: 0;
}
.hf .carousel-inner > .next,
.hf .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.hf .carousel-inner > .next {
  left: 100%;
}
.hf .carousel-inner > .prev {
  left: -100%;
}
.hf .carousel-inner > .next.left,
.hf .carousel-inner > .prev.right {
  left: 0;
}
.hf .carousel-inner > .active.left {
  left: -100%;
}
.hf .carousel-inner > .active.right {
  left: 100%;
}
.hf .carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.5;
}
.hf .carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
}
.hf .carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
}
.hf .carousel-control:focus,
.hf .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.hf .carousel-control .glyphicon-chevron-left,
.hf .carousel-control .glyphicon-chevron-right,
.hf .carousel-control .icon-next,
.hf .carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.hf .carousel-control .glyphicon-chevron-left,
.hf .carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.hf .carousel-control .glyphicon-chevron-right,
.hf .carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.hf .carousel-control .icon-next,
.hf .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.hf .carousel-control .icon-prev:before {
  content: "‹";
}
.hf .carousel-control .icon-next:before {
  content: "›";
}
.hf .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.hf .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.hf .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.hf .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.hf .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .hf .carousel-control .glyphicon-chevron-left,
  .hf .carousel-control .glyphicon-chevron-right,
  .hf .carousel-control .icon-next,
  .hf .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .hf .carousel-control .glyphicon-chevron-left,
  .hf .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .hf .carousel-control .glyphicon-chevron-right,
  .hf .carousel-control .icon-next {
    margin-right: -10px;
  }
  .hf .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .hf .carousel-indicators {
    bottom: 20px;
  }
}
.hf .clearfix:after,
.hf .clearfix:before {
  display: table;
  content: " ";
}
.hf .clearfix:after {
  clear: both;
}
.hf .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.hf .pull-right {
  float: right !important;
}
.hf .pull-left {
  float: left !important;
}
.hf .hide {
  display: none !important;
}
.hf .show {
  display: block !important;
}
.hf .invisible {
  visibility: hidden;
}
.hf .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hf .hidden {
  display: none !important;
}
.hf .affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.hf .visible-xs {
  display: none !important;
}
.hf .visible-sm {
  display: none !important;
}
.hf .visible-md {
  display: none !important;
}
.hf .visible-lg {
  display: none !important;
}
.hf .visible-lg-block,
.hf .visible-lg-inline,
.hf .visible-lg-inline-block,
.hf .visible-md-block,
.hf .visible-md-inline,
.hf .visible-md-inline-block,
.hf .visible-sm-block,
.hf .visible-sm-inline,
.hf .visible-sm-inline-block,
.hf .visible-xs-block,
.hf .visible-xs-inline,
.hf .visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .hf .visible-xs {
    display: block !important;
  }
  .hf table.visible-xs {
    display: table !important;
  }
  .hf tr.visible-xs {
    display: table-row !important;
  }
  .hf td.visible-xs,
  .hf th.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hf .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hf .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .hf .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .visible-sm {
    display: block !important;
  }
  .hf table.visible-sm {
    display: table !important;
  }
  .hf tr.visible-sm {
    display: table-row !important;
  }
  .hf td.visible-sm,
  .hf th.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .visible-md {
    display: block !important;
  }
  .hf table.visible-md {
    display: table !important;
  }
  .hf tr.visible-md {
    display: table-row !important;
  }
  .hf td.visible-md,
  .hf th.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .hf .visible-lg {
    display: block !important;
  }
  .hf table.visible-lg {
    display: table !important;
  }
  .hf tr.visible-lg {
    display: table-row !important;
  }
  .hf td.visible-lg,
  .hf th.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .hf .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .hf .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .hf .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hf .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hf .hidden-lg {
    display: none !important;
  }
}
.hf .visible-print {
  display: none !important;
}
@media print {
  .hf .visible-print {
    display: block !important;
  }
  .hf table.visible-print {
    display: table !important;
  }
  .hf tr.visible-print {
    display: table-row !important;
  }
  .hf td.visible-print,
  .hf th.visible-print {
    display: table-cell !important;
  }
}
.hf .visible-print-block {
  display: none !important;
}
@media print {
  .hf .visible-print-block {
    display: block !important;
  }
}
.hf .visible-print-inline {
  display: none !important;
}
@media print {
  .hf .visible-print-inline {
    display: inline !important;
  }
}
.hf .visible-print-inline-block {
  display: none !important;
}
@media print {
  .hf .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hf .hidden-print {
    display: none !important;
  }
}
.hf .width-100 {
  width: 100%;
}
.hf .width-100-child > * {
  width: 100%;
}
.hf .same-height-columns {
  overflow: hidden;
}
.hf .same-height-columns > [class*=col-] {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.hf .full-height-column {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.hf .left-dotted-2px-medium_gay-hidden_on_mobile {
  border-left: 2px dotted #a1a1a1;
}
@media (max-width: 991px) {
  .hf .left-dotted-2px-medium_gay-hidden_on_mobile {
    border-left: none;
  }
}
.hf .no-gutters,
.hf .remove-side-padding {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  .hf .negative-15-margin {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 767px) {
  .hf .negative-15-margin {
    margin-left: 0;
    margin-right: 0;
  }
  .hf .remove-side-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .remove-side-padding .col-sm-8 {
    padding-right: 0;
  }
}
.hf .bold {
  font-weight: 700;
}
.hf .h2-section-headline {
  color: #fff;
  font-weight: 700;
  line-height: 30px;
  font-size: 24px;
}
.hf h2.section-headline {
  color: #fff;
  font-weight: 700;
  line-height: 30px;
  font-size: 24px;
}
.hf h2.section-headline.dark {
  color: #444;
  margin-bottom: 8px;
  font-size: 32px;
  line-height: 36px;
}
.hf .h3.section-headline,
.hf h3.section-headline {
  color: #04c9d7;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.hf .default-action-style {
  color: #04c9d7;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}
@media (max-width: 767px) {
  .hf h2.section-headline.dark {
    font-size: 24px;
  }
}
@font-face {
  font-family: slick;
  src: OpenSansRegular, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: slick;
  src: OpenSansRegular, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.hf .fa-aud::before {
  content: "AUD";
}
.hf .fa-aud::after {
  content: "";
}
.hf a {
  color: #0079aa;
}
.hf .top-border {
  border-top: 1px dotted #444;
}
.hf .bottom-border {
  border-bottom: 1px dotted #444;
}
.hf .left-border {
  border-left: 1px dotted #444;
}
.hf .right-border {
  border-right: 1px dotted #444;
}
.hf .bottom-border-dotted-separator-light-gray {
  border-bottom: 2px dotted #ccc;
}
.hf .blue-hero-border-bottom {
  border-bottom: 8px solid #25d6e0;
}
.hf .blue-hero-border-top {
  border-top: 6px solid #04c9d7;
}
.hf .gray-border-bottom {
  border-bottom: 8px solid #a1a1a1;
}
.hf .yellow-border-top {
  border-top: 5px solid #dade63;
}
.hf .padding-top-0 {
  padding-top: 0 !important;
}
.hf .padding-top-10 {
  padding-top: 10px;
}
.hf .padding-top-20 {
  padding-top: 20px;
}
.hf .padding-top-30 {
  padding-top: 30px;
}
.hf .padding-top-40 {
  padding-top: 40px;
}
.hf .padding-top-50 {
  padding-top: 50px;
}
.hf .bottom-padding-0 {
  padding-bottom: 0 !important;
}
.hf .bottom-padding-10 {
  padding-bottom: 10px;
}
.hf .bottom-padding-20 {
  padding-bottom: 20px;
}
.hf .bottom-padding-30 {
  padding-bottom: 30px;
}
.hf .bottom-padding-40 {
  padding-bottom: 40px;
}
.hf .bottom-padding-50 {
  padding-bottom: 50px;
}
.hf .padding-right-15 {
  padding-right: 15px;
}
.hf .padding-right-20 {
  padding-right: 20px;
}
.hf .padding-right-50 {
  padding-right: 50px;
}
.hf .padding-left-15 {
  padding-left: 15px;
}
.hf .padding-left-15-desktop {
  padding-left: 15px;
}
.hf .padding-left-20 {
  padding-left: 20px;
}
.hf .padding-left-50 {
  padding-left: 50px;
}
.hf .margin-top-0 {
  margin-top: 0 !important;
}
.hf .margin-top-0-childs > * {
  margin-top: 0 !important;
}
.hf .margin-top-negative-50 {
  margin-top: -50px;
}
.hf .margin-top-negative-30 {
  margin-top: -30px;
}
.hf .margin-bottom-0 {
  margin-bottom: 0 !important;
}
.hf .margin-bottom-30 {
  margin-bottom: 30px;
}
.hf .margin-bottom-30-desktop {
  margin-bottom: 30px;
}
.hf .margin-bottom-40 {
  margin-bottom: 40px;
}
.hf .margin-bottom-50 {
  margin-bottom: 50px;
}
.hf .margin-bottom-80 {
  margin-bottom: 80px;
}
.hf .margin-bottom-negative-80 {
  margin-bottom: -80px;
}
.hf .upsell-module-dotted-border-bottom {
  border-bottom: 1px dotted #000;
  margin: 0 auto;
  width: 90%;
}
.hf .bottom-border-gray-60.bottom-padding-10 {
  padding-bottom: 0;
}
.hf .bottom-border-gray-60.bottom-padding-10::after {
  padding-top: 10px;
}
.hf .bottom-border-gray-60.bottom-padding-20 {
  padding-bottom: 0;
}
.hf .bottom-border-gray-60.bottom-padding-20::after {
  padding-top: 20px;
}
.hf .bottom-border-gray-60.bottom-padding-30 {
  padding-bottom: 0;
}
.hf .bottom-border-gray-60.bottom-padding-30::after {
  padding-top: 30px;
}
.hf .bottom-border-gray-60.bottom-padding-40 {
  padding-bottom: 0;
}
.hf .bottom-border-gray-60.bottom-padding-40::after {
  padding-top: 40px;
}
.hf .bottom-border-gray-60::after {
  border-bottom: 8px solid #a1a1a1;
  content: "";
  display: block;
  width: 60%;
  margin: 0 auto;
}
.hf .bottom-border-dotted-60.bottom-padding-10 {
  padding-bottom: 0;
}
.hf .bottom-border-dotted-60.bottom-padding-10::after {
  padding-top: 10px;
}
.hf .bottom-border-dotted-60.bottom-padding-20 {
  padding-bottom: 0;
}
.hf .bottom-border-dotted-60.bottom-padding-20::after {
  padding-top: 20px;
}
.hf .bottom-border-dotted-60.bottom-padding-30 {
  padding-bottom: 0;
}
.hf .bottom-border-dotted-60.bottom-padding-30::after {
  padding-top: 30px;
}
.hf .bottom-border-dotted-60.bottom-padding-40 {
  padding-bottom: 0;
}
.hf .bottom-border-dotted-60.bottom-padding-40::after {
  padding-top: 40px;
}
.hf .bottom-border-dotted-60::after {
  border-bottom: 1px dotted #000;
  content: "";
  display: block;
  width: 60%;
  margin: 0 auto;
}
.hf .BlueBorderBottomSolid5px {
  border-bottom: 5px solid #04c9d7;
}
.hf .BlueBorderBottomSolid8px {
  border-bottom: 8px solid #04c9d7 !important;
}
.hf .LightGrayBorderBottomSolid5px {
  border-bottom: 5px solid #ccc;
}
.hf .LightGrayBorderBottomSolid8px {
  border-bottom: 8px solid #ccc !important;
}
.hf .lightgrey-border-solid-1 {
  border: 1px solid #ccc;
}
.hf .OrangeBorderBottomSolid5px {
  border-bottom: 5px solid #f99d1c;
}
.hf .OrangeBorderBottomSolid8px {
  border-bottom: 8px solid #f99d1c !important;
}
.hf .RedBorderBottomSolid5px {
  border-bottom: 5px solid #d91f00;
}
.hf .RedBorderBottomSolid8px {
  border-bottom: 8px solid #d91f00 !important;
}
.hf .GreenBorderBottomSolid5px {
  border-bottom: 5px solid #81c23c;
}
.hf .GreenBorderBottomSolid8px {
  border-bottom: 8px solid #81c23c !important;
}
.hf .ChartreuseBorderBottomSolid5px {
  border-bottom: 5px solid #dade63;
}
.hf .ChartreuseBorderBottomSolid8px {
  border-bottom: 8px solid #dade63 !important;
}
.hf .GeekGreenBorderBottomSolid5px {
  border-bottom: 5px solid #dade63;
}
.hf .GeekGreenBorderBottomSolid8px {
  border-bottom: 8px solid #dade63 !important;
}
.hf .YellowBorderBottomSolid5px {
  border-bottom: 5px solid #fbe04b;
}
.hf .YellowBorderBottomSolid8px {
  border-bottom: 8px solid #fbe04b !important;
}
.hf .icon-stack {
  white-space: nowrap;
}
.hf i.fort.logo-icon {
  font-size: 22px;
  color: #444;
}
.hf i.fort.logo-icon-light {
  font-size: 38px;
  color: #f99d1c;
  margin-left: -12px;
  vertical-align: 9px;
}
.hf i.fort.logo-icon-light.mob {
  margin-left: 4px;
  margin-top: -3px;
}
@media (max-width: 767px) {
  .hf .padding-right-50 {
    padding-right: 15px;
  }
  .hf .padding-left-50 {
    padding-left: 15px;
  }
  .hf i.fort.logo-icon-light {
    margin-left: -5px;
  }
  .hf .padding-left-15-desktop {
    padding-left: 0;
  }
  .hf .padding-left-15-mobile {
    padding-left: 15px;
  }
  .hf .padding-right-15-mobile {
    padding-right: 15px;
  }
  .hf .margin-0-mobile {
    margin: 0 !important;
  }
  .hf .margin-bottom-30-desktop {
    margin-bottom: 0 !important;
  }
}
.hf .leftFloat {
  float: left;
}
.hf .mfp-container {
  padding-left: 15px;
  padding-right: 15px;
}
.hf .invisible {
  visibility: hidden;
}
.hf a[data-toggle=dropdown] {
  cursor: pointer;
}
.hf .left {
  text-align: left;
}
.hf .right {
  text-align: right;
}
.hf .center,
.hf .centered {
  text-align: center;
}
.hf .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hf .animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.hf .animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.hf .animated.bounceIn,
.hf .animated.bounceOut,
.hf .animated.flipOutX,
.hf .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.hf .bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.hf .flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.hf .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.hf .rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.hf .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hf .headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.hf .swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.hf .tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.hf .wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.hf .jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.hf .bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.hf .bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.hf .bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.hf .bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hf .bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.hf .bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.hf .bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.hf .bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.hf .bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.hf .bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hf .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hf .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.hf .fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.hf .fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.hf .fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.hf .fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.hf .fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.hf .fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.hf .fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.hf .fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.hf .animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.hf .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.hf .flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.hf .flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.hf .flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.hf .lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.hf .lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.hf .rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.hf .rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.hf .rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.hf .rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.hf .rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.hf .rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.hf .rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.hf .rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.hf .rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.hf .rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hf .hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.hf .rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.hf .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.hf .zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.hf .zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.hf .zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.hf .zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.hf .zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.hf .zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.hf .zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.hf .zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.hf .zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hf .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hf .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hf .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hf .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.hf .slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.hf .slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.hf .slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.hf .slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes specialFadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
  }
}
@keyframes specialFadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
  }
}
.hf .specialFadeIn {
  -webkit-animation-name: specialFadeIn;
  animation-name: specialFadeIn;
}
@-webkit-keyframes specialFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes specialFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hf .specialFadeOut {
  -webkit-animation-name: specialFadeOut;
  animation-name: specialFadeOut;
}
@-webkit-keyframes specialSlideInRight {
  from {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes specialSlideInRight {
  from {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.hf .specialSlideInRight {
  -webkit-animation-name: specialSlideInRight;
  animation-name: specialSlideInRight;
}
@-webkit-keyframes specialFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes specialFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.hf .spceialFadeInRight {
  -webkit-animation-name: specialFadeInRight;
  animation-name: specialFadeInRight;
}
@-webkit-keyframes specialTurnLeft {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@keyframes specialTurnLeft {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.hf .specialTurnLeft {
  -webkit-animation-name: specialTurnLeft;
  animation-name: specialTurnLeft;
}
@-webkit-keyframes specialTurnRight {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes specialTurnRight {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.hf .specialTurnRight {
  -webkit-animation-name: specialTurnLeft;
  animation-name: specialTurnLeft;
}
.hf .box-shadow-bottom {
  box-shadow: 0 10px 10px -10px rgba(68, 68, 68, 0.3);
}
.hf .box-shadow-top {
  box-shadow: 0 -10px 10px -10px rgba(68, 68, 68, 0.3);
}
.hf .box-shadow-left {
  box-shadow: -10px 0 10px -10px rgba(68, 68, 68, 0.3);
}
.hf .box-shadow-right {
  box-shadow: 10px 0 10px -10px rgba(68, 68, 68, 0.3);
}
.hf .box-shadow {
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
}
.hf .colored-bar-top-border {
  background-color: transparent;
  border: 8px solid #444;
  -o-border-image: url('data:image/svg+xml,%3Csvg width="1203" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3C!----%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill="none" id="canvas_background" height="8" width="1203" y="0" x="0"/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Crect x="0" y="0" id="svg_1" fill="rgb(68,68,68)" height="8" width="1203"/%3E%3Crect stroke="null" id="svg_2" fill="rgb(4, 201, 215)" height="8" width="20.79999" y="0" x="1122.09998"/%3E%3Crect stroke="null" id="svg_3" fill="rgb(102,102,102)" height="8" width="26.79999" y="0" x="44.20001"/%3E%3Crect stroke="null" id="svg_5" fill="rgb(184, 215, 87)" height="8" width="51.1" y="0" x="324.4"/%3E%3Crect stroke="null" id="svg_6" fill="rgb(249, 157, 28)" height="8" width="21.79999" y="0" x="466.79999"/%3E%3Crect stroke="null" id="svg_7" fill="rgb(102,102,102)" height="8" width="16.79999" y="0" x="375.5"/%3E%3Crect stroke="null" id="svg_10" fill="rgb(102,102,102)" height="8" width="31.79999" y="0" x="527.20001"/%3E%3Crect stroke="null" id="svg_11" fill="rgb(102,102,102)" height="8" width="151.79999" y="0" x="970.2"/%3E%3C/g%3E%3C/svg%3E') 10 stretch;
  border-image: url('data:image/svg+xml,%3Csvg width="1203" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3C!----%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill="none" id="canvas_background" height="8" width="1203" y="0" x="0"/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Crect x="0" y="0" id="svg_1" fill="rgb(68,68,68)" height="8" width="1203"/%3E%3Crect stroke="null" id="svg_2" fill="rgb(4, 201, 215)" height="8" width="20.79999" y="0" x="1122.09998"/%3E%3Crect stroke="null" id="svg_3" fill="rgb(102,102,102)" height="8" width="26.79999" y="0" x="44.20001"/%3E%3Crect stroke="null" id="svg_5" fill="rgb(184, 215, 87)" height="8" width="51.1" y="0" x="324.4"/%3E%3Crect stroke="null" id="svg_6" fill="rgb(249, 157, 28)" height="8" width="21.79999" y="0" x="466.79999"/%3E%3Crect stroke="null" id="svg_7" fill="rgb(102,102,102)" height="8" width="16.79999" y="0" x="375.5"/%3E%3Crect stroke="null" id="svg_10" fill="rgb(102,102,102)" height="8" width="31.79999" y="0" x="527.20001"/%3E%3Crect stroke="null" id="svg_11" fill="rgb(102,102,102)" height="8" width="151.79999" y="0" x="970.2"/%3E%3C/g%3E%3C/svg%3E') 10 stretch;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.hf .colored-bar-bottom-border {
  background-color: transparent;
  border: 8px solid #444;
  -o-border-image: url('data:image/svg+xml,%3Csvg width="1203" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3C!----%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill="none" id="canvas_background" height="8" width="1203" y="0" x="0"/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Crect x="0" y="0" id="svg_1" fill="rgb(68,68,68)" height="8" width="1203"/%3E%3Crect stroke="null" id="svg_2" fill="rgb(4, 201, 215)" height="8" width="20.79999" y="0" x="1122.09998"/%3E%3Crect stroke="null" id="svg_3" fill="rgb(102,102,102)" height="8" width="26.79999" y="0" x="44.20001"/%3E%3Crect stroke="null" id="svg_5" fill="rgb(184, 215, 87)" height="8" width="51.1" y="0" x="324.4"/%3E%3Crect stroke="null" id="svg_6" fill="rgb(249, 157, 28)" height="8" width="21.79999" y="0" x="466.79999"/%3E%3Crect stroke="null" id="svg_7" fill="rgb(102,102,102)" height="8" width="16.79999" y="0" x="375.5"/%3E%3Crect stroke="null" id="svg_10" fill="rgb(102,102,102)" height="8" width="31.79999" y="0" x="527.20001"/%3E%3Crect stroke="null" id="svg_11" fill="rgb(102,102,102)" height="8" width="151.79999" y="0" x="970.2"/%3E%3C/g%3E%3C/svg%3E') 10 stretch;
  border-image: url('data:image/svg+xml,%3Csvg width="1203" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3C!----%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill="none" id="canvas_background" height="8" width="1203" y="0" x="0"/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Crect x="0" y="0" id="svg_1" fill="rgb(68,68,68)" height="8" width="1203"/%3E%3Crect stroke="null" id="svg_2" fill="rgb(4, 201, 215)" height="8" width="20.79999" y="0" x="1122.09998"/%3E%3Crect stroke="null" id="svg_3" fill="rgb(102,102,102)" height="8" width="26.79999" y="0" x="44.20001"/%3E%3Crect stroke="null" id="svg_5" fill="rgb(184, 215, 87)" height="8" width="51.1" y="0" x="324.4"/%3E%3Crect stroke="null" id="svg_6" fill="rgb(249, 157, 28)" height="8" width="21.79999" y="0" x="466.79999"/%3E%3Crect stroke="null" id="svg_7" fill="rgb(102,102,102)" height="8" width="16.79999" y="0" x="375.5"/%3E%3Crect stroke="null" id="svg_10" fill="rgb(102,102,102)" height="8" width="31.79999" y="0" x="527.20001"/%3E%3Crect stroke="null" id="svg_11" fill="rgb(102,102,102)" height="8" width="151.79999" y="0" x="970.2"/%3E%3C/g%3E%3C/svg%3E') 10 stretch;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.hf .check-box-box-filter > .form-group {
  position: relative;
}
.hf .check-box-box-filter > .form-group > span.form-control.filter-title {
  position: relative;
  color: #666;
  border-radius: 0;
  font-size: 14px;
  padding: 6px 8px;
  margin-bottom: -2px;
  border: solid 2px #ccc;
  padding-left: 15px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.23px;
  cursor: pointer;
}
.hf .check-box-box-filter > .form-group > span.form-control.filter-title > .dropdown-sign {
  position: absolute;
  font-size: 18px;
  right: 15px;
  line-height: 18px;
}
.hf .check-box-box-filter > .form-group > span.form-control.filter-title-open {
  font-weight: 500 !important;
  color: #444 !important;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper {
  border: solid 2px #ccc;
  position: absolute;
  z-index: 10;
  width: 100%;
  background-color: #fff;
  padding: 7px 7px 10px 15px;
  display: none;
  overflow: hidden;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel {
  overflow-y: auto;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel::-webkit-scrollbar {
  width: 8px;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container {
  display: block;
  position: relative;
  padding-left: 21px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container:last-child,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container:last-child {
  margin-bottom: 0;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container:hover,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container:hover {
  font-weight: 500;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container > input,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container > input:checked ~ .checkmark,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container > input:checked ~ .checkmark {
  background-color: #04c9d7;
  border-color: #04c9d7;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container > input:checked ~ .checkmark:after,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container > input:checked ~ .checkmark:after {
  display: block;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container > .checkmark,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container > .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: solid 1px #ccc;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container > .checkmark:after,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container > .checkmark:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2304C9D7' stroke='%2304C9D7' d='M0.5 0.5H15.5V15.5H0.5z'/%3E%3Cpath fill-rule='nonzero' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.096L7.333 12 12 4'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  display: none;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  margin-left: -1px;
  background-color: #fff;
}
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .category-container-selected,
.hf .check-box-box-filter > .form-group > .options-panel-wrapper > .options-panel > .product-container-selected {
  font-weight: 500;
}
.hf .check-box-box-filter-items {
  display: none;
  font-size: 14px;
  color: #444;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .check-box-box-filter-items .filter-category,
.hf .check-box-box-filter-items .filter-product {
  font-weight: 700;
  margin-left: 5px;
  line-height: 2.3;
}
.hf .check-box-box-filter-items .filter-category > .active-filter,
.hf .check-box-box-filter-items .filter-product > .active-filter {
  background-color: #eee;
  padding: 5px;
  border-radius: 5px;
  margin-right: 10px;
  white-space: nowrap;
}
.hf .check-box-box-filter-items .filter-category > .active-filter > i,
.hf .check-box-box-filter-items .filter-product > .active-filter > i {
  margin-left: 2px;
  cursor: pointer;
}
.hf .none-list-bullet-type {
  list-style-type: none;
}
.hf .circle-list-bullet-type {
  list-style-type: circle;
}
.hf .dot-list-bullet-type {
  list-style-type: disc;
}
.hf .square-list-bullet-type {
  list-style-type: square;
}
.hf .check-list-bullet-type {
  list-style-type: none;
}
.hf .check-list-bullet-type li:before {
  font-family: FontAwesome;
  content: "";
  margin-left: 13px;
}
.hf .sw-search-box {
  width: 100%;
  border: 2px solid #ccc;
}
.hf .sw-search-box .input-group {
  width: 100%;
  height: 100%;
}
.hf .sw-search-box .input-group input {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.23px;
  background: #fff;
  color: #a1a1a1;
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.hf .sw-search-box .input-group .sw-search-box-button {
  height: 100%;
  background: #fff;
  color: #a1a1a1;
  border-radius: 0;
  border: 0;
}
.hf .sw-filters {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hf .sw-filters .sw-filters-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.hf .sw-filters .sw-filters-title .toggle-filters-mobile {
  display: none;
  visibility: hidden;
}
.hf .sw-filters .sw-filters-content {
  overflow-y: auto;
  height: 80vh;
}
.hf .sw-filters .sw-filters-content .sw-filters-content-mobile-controls {
  display: none;
  visibility: hidden;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 11px 0 10px;
  margin-bottom: 20px;
  background-color: #fafafa;
}
.hf .sw-filters .sw-filters-content .sw-filters-content-mobile-controls .sw-filters-content-mobile-apply-filters {
  font-size: 12px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  background-color: #f99d1c;
  padding: 10px 24px;
  cursor: pointer;
  text-decoration: none;
}
.hf .sw-filters .sw-filters-content .sw-filters-content-mobile-controls .sw-filters-content-mobile-remove-filters {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #f99d1c;
  cursor: pointer;
  text-decoration: none;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-category-title {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-category-title .sw-filters-category-toggle-icon {
  margin-left: 5px;
  font-size: 10px;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-category-title .sw-filters-category-toggle-icon.toggle-plus {
  display: none;
  visibility: hidden;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-category-title.closed .sw-filters-category-toggle-icon.toggle-minus {
  display: none;
  visibility: hidden;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-category-title.closed .sw-filters-category-toggle-icon.toggle-plus {
  display: inline-block;
  visibility: visible;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items {
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items.closed {
  display: none;
  visibility: hidden;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-items-select-all a {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0079aa;
  text-decoration: none;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-title {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #444;
  cursor: pointer;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-title .sw-filters-item-toggle-icon {
  margin-left: 5px;
  font-size: 10px;
  margin-right: 9px;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-title .sw-filters-item-toggle-icon.toggle-plus {
  display: none;
  visibility: hidden;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-title.closed .sw-filters-item-toggle-icon.toggle-minus {
  display: none;
  visibility: hidden;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-title.closed .sw-filters-item-toggle-icon.toggle-plus {
  display: inline-block;
  visibility: visible;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item.sw-filters-item-expand {
  flex-direction: column;
  padding-left: 0;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item.sw-filters-item-expand > .sw-filters-items {
  margin-left: 25px;
  padding-top: 15px;
  padding-bottom: 5px;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item input[type=checkbox]:checked ~ .checkmark {
  border: 1px solid #04c9d7;
  background-color: #04c9d7;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
  width: 6px;
  height: 11px;
  left: 0;
  top: 0;
  content: "";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 4px;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}
.hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items .sw-filters-item label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #444;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .hf .sw-filters {
    position: relative;
    padding: 10px 15px 11px;
    box-shadow: 0 2px 10px 0 rgba(68, 68, 68, 0.3);
  }
  .hf .sw-filters.sw-filters-opened-mobile {
    border-bottom: 1px solid #a1a1a1;
  }
  .hf .sw-filters .sw-filters-title {
    margin-bottom: 0;
    cursor: pointer;
  }
  .hf .sw-filters .sw-filters-title .toggle-filters-mobile {
    display: flex;
    visibility: visible;
    font-size: 16px;
  }
  .hf .sw-filters .sw-filters-title .toggle-filters-mobile.toggle-filters-mobile-hidden {
    display: none;
    visibility: hidden;
  }
  .hf .sw-filters .sw-filters-content {
    position: absolute;
    top: 39px;
    width: 100%;
    left: 0;
    padding: 0 15px 11px;
    background-color: #fff;
    border-bottom: 5px solid #f99d1c;
  }
  .hf .sw-filters .sw-filters-content.sw-filters-content-hidden-mobile {
    display: none;
    visibility: hidden;
  }
  .hf .sw-filters .sw-filters-content .sw-filters-content-mobile-controls {
    display: flex;
    visibility: visible;
  }
  .hf .sw-filters .sw-filters-content > .sw-filters-category {
    border-bottom: 2px solid #ccc;
  }
  .hf .sw-filters .sw-filters-content > .sw-filters-category:last-child {
    border-bottom: none;
  }
  .hf .sw-filters .sw-filters-content > .sw-filters-category .sw-filters-items {
    padding-top: 11px;
  }
}
.hf .sw-filters-selection {
  display: flex;
  flex-direction: column;
  padding: 20px 15px 0;
}
.hf .sw-filters-selection.sw-filters-selection-hidden {
  display: none;
  visibility: hidden;
}
.hf .sw-filters-selection .sw-filters-selection-chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 auto;
  gap: 10px;
  padding-bottom: 20px;
}
.hf .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip {
  background-color: #eee;
  color: #444;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 8px 15px;
  cursor: pointer;
}
.hf .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 9px;
  cursor: pointer;
  vertical-align: middle;
}
.hf .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon:after,
.hf .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon:before {
  position: absolute;
  left: 6px;
  content: ' ';
  height: 12px;
  width: 1px;
  background-color: #444;
}
.hf .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hf .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hf .sw-filters-selection .sw-filters-selection-chips-wrapper {
  display: flex;
  flex-direction: row;
}
.hf .sw-filters-selection .sw-filters-selection-chips-wrapper .sw-selection-remove-all {
  flex: 0 0 auto;
}
.hf .sw-filters-selection .sw-filters-selection-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: solid 2px #ddd;
  padding-top: 10px;
}
.hf .sw-filters-selection .sw-filters-selection-content .sw-filters-selection-results {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #a1a1a1;
}
.hf .sw-filters-selection .sw-selection-remove-all a {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f99d1c;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .hf .sw-filters-selection {
    padding-top: 10px;
  }
  .hf .sw-filters-selection .sw-filters-selection-chips-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .hf .sw-filters-selection .sw-filters-selection-chips-wrapper .sw-selection-remove-all {
    flex: 1 0 auto;
  }
  .hf .sw-filters-selection .sw-filters-selection-content {
    border-top: none;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
  }
  .hf .sw-filters-selection .sw-filters-selection-content .sw-filters-selection-results {
    font-size: 12px;
  }
}
.hf .landing-card {
  display: flex;
  width: 100%;
  flex-direction: column;
  box-shadow: 0 2px 12px 0 #ccc;
  background-color: #fff;
}
.hf .landing-card.landing-border-top {
  border-top-width: 5px;
  border-top-style: solid;
}
.hf .landing-card .landing-card-title {
  padding: 10px 30px;
  background-color: #eee;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #a1a1a1;
}
.hf .landing-card .landing-card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 30px 30px;
}
.hf .landing-card .landing-card-content .landing-card-content-title {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
.hf .landing-card .landing-card-content .landing-card-subtitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hf .landing-card .landing-card-content .landing-card-subtitle .landing-card-subtitle-left {
  display: flex;
}
.hf .landing-card .landing-card-content .landing-card-subtitle .landing-card-subtitle-right {
  display: flex;
  align-content: end;
}
.hf .landing-card .landing-card-content .landing-card-subtitle > * {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #444;
}
.hf .landing-card .landing-card-content .landing-card-description {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
.hf .landing-card .landing-card-content .landing-card-cta {
  margin-top: 10px;
}
.hf .landing-card .landing-card-content .landing-card-cta .button {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: 0;
  color: #fff;
  padding: 10px 24px 11px 24px;
  text-transform: uppercase;
  text-decoration: none;
}
.hf .landing-card .landing-card-content .landing-card-cta .button:active {
  box-shadow: none;
}
.hf .landing-card .landing-card-content .landing-card-cta .btnSubText {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #a1a1a1;
}
.hf .landing-card .landing-card-content .landing-card-cta .link {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f99d1c;
}
.hf .landing-default-index {
  width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hf .landing-default-index .landing-default-search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #666;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 9;
  position: sticky;
  top: 0;
}
.hf .landing-default-index .landing-default-search-box .sw-search-box {
  display: flex;
  width: 62.5%;
  height: 36px;
}
.hf .landing-default-index .landing-default-main {
  display: flex;
  flex-direction: row;
}
.hf .landing-default-index .landing-default-main .landing-default-filters {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 32.5%;
  background-color: #eee;
  padding-left: 15px;
  padding-right: 15px;
  align-items: flex-start;
}
.hf .landing-default-index .landing-default-main .landing-default-filters .sw-filters {
  position: sticky;
  top: 75px;
}
.hf .landing-default-index .landing-default-main .landing-default-content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 67.5%;
  flex-direction: column;
}
.hf .landing-default-index .landing-default-main .landing-default-content .landing-default-filters-selection {
  margin-left: 15px;
  margin-right: 15px;
}
.hf .landing-default-index .landing-default-main .landing-default-content .landing-default-cards {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.hf .landing-default-index .landing-default-main .landing-default-content .landing-default-cards .landing-default-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.hf .landing-default-index .landing-default-main .landing-default-content .landing-default-cards .landing-default-section .landing-default-section-title {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #a1a1a1;
  margin-bottom: 20px;
}
.hf .landing-default-index .landing-default-main .landing-default-content .landing-default-cards .landing-default-section .landing-default-section-title.separator-bottom {
  padding-bottom: 9px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 20px;
}
.hf .landing-default-index .landing-default-main .landing-default-content .landing-default-cards .landing-default-section .landing-default-section-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .hf .landing-default-index {
    width: calc(100% + 30px);
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 991px) {
  .hf .landing-default-index .landing-default-search-box {
    position: sticky;
    top: 0;
    padding: 10px 15px;
  }
  .hf .landing-default-index .landing-default-search-box .sw-search-box {
    display: flex;
    width: 100%;
    height: 36px;
  }
  .hf .landing-default-index .landing-default-main {
    flex-direction: column;
  }
  .hf .landing-default-index .landing-default-main .landing-default-filters {
    flex-basis: 100%;
    background-color: #fff;
    position: sticky;
    top: 56px;
    z-index: 9;
    padding: 0;
  }
  .hf .landing-default-index .landing-default-main .landing-default-content {
    flex-basis: 100%;
  }
  .hf .landing-default-index .landing-default-main .landing-default-content .landing-default-filters-selection {
    margin: 0;
  }
  .hf .landing-default-index .landing-default-main .landing-default-content .landing-default-cards {
    max-height: none;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.hf .masonry-columns {
  flex-flow: column wrap !important;
  align-content: space-between;
}
.hf .masonry-columns .resource-center-item:nth-child(2n+1) {
  order: 1;
}
.hf .masonry-columns .resource-center-item:nth-child(2n) {
  order: 2;
}
.hf .predictive-search-control {
  position: relative;
  padding: 0;
}
.hf .predictive-search-control > div#custom-search-input {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  margin-bottom: 15px;
}
.hf .predictive-search-control > div#custom-search-input .just-gray {
  color: #666;
}
.hf .predictive-search-control > div#custom-search-input .search-active {
  display: none;
  border: 2px solid #ccc;
  color: #a1a1a1;
  border-right: 0;
  border-left: 0;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 30px;
  padding-left: 0;
}
.hf .predictive-search-control > div#custom-search-input .input-group {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.hf .predictive-search-control > div#custom-search-input .input-group .input-group-btn {
  font-size: 0;
  white-space: nowrap;
  width: 41px;
}
.hf .predictive-search-control > div#custom-search-input .input-group .input-group-btn .btn-group-sm > button.btn.search,
.hf .predictive-search-control > div#custom-search-input .input-group .input-group-btn button.btn.btn-sm.search {
  background-color: transparent;
  border: 2px solid #ccc;
  height: 36px;
  width: 41px;
  border-radius: 0;
  margin: 0;
  padding-top: 7px;
  border-right: 0;
  margin-right: -1px;
}
.hf .predictive-search-control > div#custom-search-input .input-group .input-group-btn .btn-group-sm > button.btn.search > i,
.hf .predictive-search-control > div#custom-search-input .input-group .input-group-btn button.btn.btn-sm.search > i {
  color: #ccc;
  font-size: 17px;
}
.hf .predictive-search-control > div#custom-search-input .input-group .input-group-btn.clear {
  display: none;
}
.hf .predictive-search-control > div#custom-search-input .input-group input.form-control {
  border: 2px solid #ccc;
  border-left: 0;
  font-size: 14px;
  color: #a1a1a1;
  padding-left: 8px;
  padding-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  padding-left: 0;
}
.hf .predictive-search-control > div#custom-search-input .input-group input.form-control:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.hf .predictive-search-control > div#custom-search-input .input-group .btn-group-sm > button.btn.clear,
.hf .predictive-search-control > div#custom-search-input .input-group button.btn.btn-sm.clear {
  background-color: transparent;
  border: 2px solid #ccc;
  height: 36px;
  width: 40px;
  border-radius: 0;
  margin: 0;
  margin-left: -40px;
  padding-top: 7px;
  border-left: 0;
  z-index: 5;
}
.hf .predictive-search-control > div#custom-search-input .input-group .btn-group-sm > button.btn.clear > i,
.hf .predictive-search-control > div#custom-search-input .input-group button.btn.btn-sm.clear > i {
  color: #ccc;
  font-size: 18px;
}
.hf .predictive-search-control .predictive-desktop-search {
  display: none;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(204, 204, 204, 0.4);
  border: solid 2px #ccc;
  color: #444;
  padding: 9px 7px 12px 0;
}
.hf .predictive-search-control .predictive-desktop-search .search-result-container .no-result-found-container {
  display: none;
}
.hf .predictive-search-control .predictive-desktop-search .search-result-container .no-result-found-container::-webkit-scrollbar {
  width: 8px;
}
.hf .predictive-search-control .predictive-desktop-search .search-result-container .no-result-found-container::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}
.hf .predictive-search-control .predictive-desktop-search .title-divider {
  border-top: 1px solid #eee;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.hf .predictive-search-control .predictive-desktop-search .search-description {
  margin-top: 9px;
  font-size: 14px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 24px;
}
.hf .predictive-search-control .predictive-desktop-search .search-content {
  margin: 0;
}
.hf .predictive-search-control .predictive-desktop-search .search-content .list-group-item {
  line-height: 16px;
  font-size: 14px;
  border: 0 none;
  color: #444;
  font-family: Roboto;
  padding: 5px 24px 5px 15px;
}
.hf .predictive-search-control .predictive-desktop-search .search-description {
  margin-top: 0;
}
.hf .predictive-search-control .predictive-desktop-search .search-result-container {
  max-height: 340px;
  overflow-y: auto;
  border-top: none;
}
.hf .predictive-search-control .predictive-desktop-search .search-result-container::-webkit-scrollbar {
  width: 8px;
}
.hf .predictive-search-control .predictive-desktop-search .search-result-container::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results {
  margin: 24px 16px;
  margin-left: 39px;
  font-size: 14px;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results .blue {
  color: #04c9d7;
  font-weight: 700;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results > .no-results-text {
  text-align: left;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results > .no-results-consider {
  line-height: 1.5;
  text-align: left;
  margin-top: 24px;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results > .no-results-consider > ul {
  margin-top: 8px;
  padding-left: 0;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results > .no-results-consider > ul > li {
  line-height: 28px;
  list-style: none;
}
.hf .predictive-search-control .predictive-desktop-search .predictive-no-results > .no-results-consider > ul > li:before {
  content: "∙";
  font-size: 30px;
  vertical-align: middle;
  margin-right: 13px;
}
.hf .predictive-mobile-search {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hf .predictive-mobile-search.search-modal {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10000;
    padding: 15px;
  }
  .hf .predictive-mobile-search.search-modal .search-result-container .no-result-found-container {
    display: none;
  }
  .hf .predictive-mobile-search.search-modal .search-result-container .no-result-found-container::-webkit-scrollbar {
    width: 8px;
  }
  .hf .predictive-mobile-search.search-modal .search-result-container .no-result-found-container::-webkit-scrollbar-thumb {
    background: #a1a1a1;
    border-radius: 10px;
  }
  .hf .predictive-mobile-search.search-modal .title-divider {
    border-top: 1px solid #eee;
    height: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .hf .predictive-mobile-search.search-modal .search-description {
    margin-top: 9px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 24px;
  }
  .hf .predictive-mobile-search.search-modal .search-content {
    margin: 0;
  }
  .hf .predictive-mobile-search.search-modal .search-content .list-group-item {
    line-height: 16px;
    font-size: 14px;
    border: 0 none;
    color: #444;
    font-family: Roboto;
    padding: 5px 24px 5px 15px;
  }
  .hf .predictive-mobile-search.search-modal input.form-control {
    height: 40px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-left: 0;
    font-size: 16px;
    color: #a1a1a1;
    padding-left: 8px;
    padding-right: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .hf .predictive-mobile-search.search-modal .modal-close {
    font-size: 16px;
    text-align: right;
  }
  .hf .predictive-mobile-search.search-modal .modal-close button {
    border: none;
    color: #ccc;
    cursor: pointer;
  }
  .hf .predictive-mobile-search.search-modal .modal-close .modal-close-icon {
    font-size: 24px;
    display: inline-block;
  }
  .hf .predictive-mobile-search.search-modal .modal-close .modal-close-icon .glyphicon {
    vertical-align: middle;
  }
  .hf .predictive-mobile-search.search-modal .modal__content {
    margin-top: 24px;
    overflow-y: auto;
    height: 100%;
  }
  .hf .predictive-mobile-search.search-modal .modal__content::-webkit-scrollbar {
    width: 8px;
  }
  .hf .predictive-mobile-search.search-modal .modal__content::-webkit-scrollbar-thumb {
    background: #a1a1a1;
    border-radius: 10px;
  }
  .hf .predictive-mobile-search.search-modal .modal__content .predictive-no-results .blue {
    color: #04c9d7;
    font-weight: 700;
  }
  .hf .predictive-mobile-search.search-modal .modal__content .predictive-no-results > .no-results-text {
    text-align: left;
  }
  .hf .predictive-mobile-search.search-modal .modal__content .predictive-no-results > .no-results-consider {
    line-height: 1.5;
    text-align: left;
    margin-top: 24px;
  }
  .hf .predictive-mobile-search.search-modal .modal__content .predictive-no-results > .no-results-consider > ul {
    margin-top: 8px;
    padding-left: 0;
  }
  .hf .predictive-mobile-search.search-modal .modal__content .predictive-no-results > .no-results-consider > ul > li {
    line-height: 28px;
    list-style: none;
  }
  .hf .predictive-mobile-search.search-modal .modal__content .predictive-no-results > .no-results-consider > ul > li:before {
    content: "∙";
    font-size: 30px;
    vertical-align: middle;
    margin-right: 13px;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile {
    margin-top: 16px;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group > .input-group-btn {
    font-size: 0;
    white-space: nowrap;
    width: 41px;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group > .input-group-btn .btn-group-sm > button.btn.search,
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group > .input-group-btn button.btn.btn-sm.search {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 40px;
    width: 41px;
    border-radius: 0;
    margin: 0;
    padding-top: 7px;
    border-right: 0;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group > .input-group-btn .btn-group-sm > button.btn.search > i,
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group > .input-group-btn button.btn.btn-sm.search > i {
    color: #ccc;
    font-size: 17px;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile .input-group > .input-group-btn.clear {
    display: none;
  }
  .hf .predictive-mobile-search.search-modal #custom-search-input-mobile input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .hf .predictive-mobile-search.search-modal .search-result-container > .search-description {
    padding: 0;
    margin: 0;
  }
  .hf .predictive-mobile-search.search-modal .search-result-container > .search-content .list-group-item {
    padding: 10px 0;
  }
  .hf .predictive-mobile-search.open {
    display: block;
  }
}
.hf .items-loader {
  margin: 147px auto;
  border: 16px solid #ccc;
  border-top: 16px solid #04c9d7;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .hf .collapsing {
    margin: 0 -15px 0 0;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .hf body {
    padding-top: 60px;
  }
  .hf .navbar-brand.ultra,
  .hf .navbarUltra .navbar-header.ultra {
    background: #444;
  }
  .hf .hamburger {
    cursor: pointer;
    position: absolute;
    width: 48px;
    height: 48px;
    transition: all 0.25s;
    top: 26px;
  }
  .hf .hamburger .hamburgerBottom-bun,
  .hf .hamburger .hamburgerTop-bun {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    width: 18px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all 0.25s;
  }
  .hf .hamburger .hamburgerTop-bun {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  .hf .hamburger .hamburgerBottom-bun {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  .hf button.navbar-toggle.ultra.open {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0;
    left: auto;
    min-height: 50px;
    z-index: 100;
  }
  .hf button.navbar-toggle.ultra.open .hamburger {
    top: 22px;
    left: 13px;
  }
  .hf button.navbar-toggle.open .hamburgerTop-bun {
    -webkit-transform: rotate(45deg) translateY(0);
    transform: rotate(45deg) translateY(0);
  }
  .hf button.navbar-toggle.open .hamburgerBottom-bun {
    -webkit-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0);
  }
  .hf .navbarUltra .dropdown-backdrop {
    position: unset !important;
    z-index: 0 !important;
  }
  .hf .navbarUltra > .container .row .col-no-padding {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .navbarUltra .nav > li {
    display: block;
  }
  .hf .navbarUltra .nav > li:hover > a.menu-headline {
    border-bottom: none;
    height: auto;
  }
  .hf .navbarUltra .container-fluid > .navbar-collapse,
  .hf .navbarUltra .container-fluid > .navbar-header,
  .hf .navbarUltra .container > .navbar-collapse,
  .hf .navbarUltra .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
  }
  .hf .navbarUltra > .container {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .navbarUltra .navbar-header.ultra {
    float: none;
  }
  .hf .navbarUltra .navbar-left,
  .hf .navbarUltra .navbar-right {
    float: none !important;
  }
  .hf .navbarUltra .navbar-toggle {
    display: block;
  }
  .hf .navbarUltra .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .hf .navbarUltra .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .hf .navbarUltra .navbar-collapse.collapse {
    display: none !important;
  }
  .hf .navbarUltra .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .hf .navbarUltra .navbarUltra-nav > li {
    float: none;
  }
  .hf .navbarUltra .navbarUltra-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .hf .navbarUltra .navbar-collapse.collapse.in {
    display: block !important;
  }
  .hf .navbarUltra .navbar-collapse.ultra {
    width: 100vw;
  }
  .hf .navbarUltra .navbarUltra-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .hf .navbarUltra .menu-item {
    list-style: none;
    display: block;
  }
  .hf .navbarUltra .nav.navbarUltra-nav > li.view-menu-toggle,
  .hf .navbarUltra .ultraMobile .menu-toggle:nth-child(2) .menu-item,
  .hf .navbarUltra .ultraMobile .menu-toggle:nth-child(3) .menu-item {
    display: block !important;
  }
  .hf .navbarUltra .nav.navbarUltra-nav.ultraMobile {
    margin-top: 20px;
  }
  .hf .navbarUltra .ultraMobile li.menu-toggle:nth-child(n+5) {
    float: none !important;
  }
  .hf .navbarUltra .ultraMobile .menu-toggle .menu-headline {
    padding: 0 15px 0 1.5em;
  }
  .hf .navbarUltra .navbarUltra.navbarUltra-default.ultraMenu > .container {
    width: 100%;
  }
  .hf .navbarUltra .navbar-toggle {
    display: block;
  }
  .hf .navbarUltra .collapse {
    display: none;
  }
  .hf .navbarUltra {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(68, 68, 68, 0.6);
  }
  .hf .navbarUltra .navbar-toggle-menu.ultra {
    width: 100%;
    min-height: 55px;
    background-color: #444;
  }
  .hf .navbarUltra .collapsed ~ .highlight-button,
  .hf .navbarUltra .collapsed ~ .navbar-toggle-menu.ultra {
    display: none;
  }
  .hf .navbar-collapse.ultra.collapse.in {
    border-bottom: 8px solid #04c9d7;
    border-left: 0 !important;
    z-index: 999;
  }
  .hf .navbar-collapse.ultra.collapse {
    float: none;
  }
  .hf .navbar-header.ultra {
    background-color: #fff;
    border-bottom: 5px solid #ccc;
  }
  .hf .navbarUltra-nav {
    margin-top: 0;
    margin-bottom: 0;
  }
  .hf .navbarUltra-nav li:first-child {
    border-top: none;
  }
  .hf .navbarUltra-nav .menu-toggle > .dropdown-menu {
    display: block;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .hf .navbarUltra-nav .menu-toggle > .dropdown-menu > li > a {
    padding: 0 0 0 20px;
    margin-left: 8px;
  }
  .hf .navbarUltra-default .navbarUltra-nav .menu-toggle .dropdown-menu > li > a.menu-subheadline {
    line-height: 46px;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    margin-left: 8px;
    padding: 0 15px 0 1.5em;
    font-weight: 700;
    width: 80%;
    display: inline-block;
  }
  .hf .navbarUltra-default .navbarUltra-nav .menu-toggle .dropdown-menu > li > a.menu-subheadline:focus,
  .hf .navbarUltra-default .navbarUltra-nav .menu-toggle .dropdown-menu > li > a.menu-subheadline:hover {
    text-decoration: none;
    color: #444;
  }
  .hf .menu-subheadline {
    line-height: 46px;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    margin-left: 8px;
    padding: 0 15px 0 1.5em;
    font-weight: 700;
    width: 93%;
  }
  .hf .menu-subheadline:focus,
  .hf .menu-subheadline:hover {
    text-decoration: none;
    color: #444;
  }
  .hf .menu-item {
    list-style: none;
    display: block;
  }
  .hf .menu-item p {
    display: none;
  }
  .hf .bottom-links {
    display: none;
  }
  .hf .menu-toggle > ul {
    padding-left: 0;
  }
  .hf .navbarUltra-nav > li > a {
    padding: 0 15px 0 1.5em;
    font-weight: 700;
  }
  .hf .navbarUltra-nav > li > a.free-downloads {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 inherit;
  }
  .hf .navbarUltra-nav > li > a.free-downloads.menu-headline {
    color: #f99d1c;
  }
  .hf .navbarUltra-nav > li > a.menu-headline {
    line-height: 36px;
    color: #a1a1a1;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
  }
  .hf .navbarUltra-nav > li > a.menu-headline:focus,
  .hf .navbarUltra-nav > li > a.menu-headline:hover {
    text-decoration: none;
    color: #a1a1a1;
  }
  .hf .navbarUltra-nav > li > a.menu-subheadline {
    line-height: 46px;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    margin-left: 8px;
    padding: 0 15px 0 1.5em;
    font-weight: 700;
    width: 93%;
  }
  .hf .navbarUltra-nav > li > a.menu-subheadline:focus,
  .hf .navbarUltra-nav > li > a.menu-subheadline:hover {
    text-decoration: none;
    color: #444;
  }
  .hf .navbarUltra-nav > li > a.view-all-products,
  .hf .navbarUltra-nav > li > a.view-free-tools {
    display: flex;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    color: #04c9d7;
    padding-left: 1.75em;
    padding-top: unset;
    padding-bottom: 5px;
  }
  .hf .navbarUltra-default .navbarUltra-nav > .open > a,
  .hf .navbarUltra-default .navbarUltra-nav > .open > a:focus,
  .hf .navbarUltra-default .navbarUltra-nav > .open > a:hover {
    background-color: transparent;
    color: #444;
  }
  .hf .navbarUltra-default .navbarUltra-nav > li > a:focus,
  .hf .navbarUltra-default .navbarUltra-nav > li > a:hover {
    color: #444;
  }
  .hf .navbarUltra-default .navbar-toggle.ultra:focus,
  .hf .navbarUltra-default .navbar-toggle.ultra:hover {
    background-color: #444;
  }
  .hf .navbar-toggle.ultra {
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: #444;
    min-height: 55px;
    width: 60px;
    padding-top: 1em;
    padding-bottom: 0;
  }
  .hf .navbar-toggle.ultra-text {
    font-size: 0.8125em;
    font-weight: 700;
    text-align: center;
    color: #ccc;
    display: inline-block;
    vertical-align: bottom;
  }
  .hf .icon-bar.icon-bar.icon-bar {
    vertical-align: bottom;
    background-color: #04c9d7;
    margin-left: auto;
    margin-right: auto;
  }
  .hf .navbar-collapse.ultra {
    width: 95%;
    background-color: #fff;
  }
  .hf .navbarUltra-default .navbarUltra-nav .menu-toggle .open .dropdown-menu > li > a {
    color: #444;
    font-size: 0.875em;
    line-height: 18px;
    margin-left: 20px;
  }
  .hf .navbarUltra-nav .menu-item .mobile-menu-icon {
    line-height: 1.42857143;
    font-weight: 400;
  }
  .hf .navbarUltra-nav .menu-item .mobile-menu-icon .expand {
    display: inline-block;
    background-image: none;
    width: 17px;
    height: 17px;
    margin-top: 5px;
  }
  .hf .navbarUltra-nav .menu-item .mobile-menu-icon .expand:before {
    font-family: FontAwesome;
    font-size: 18px;
    content: '';
    color: #ccc;
    background-color: transparent;
  }
  .hf .navbarUltra-nav .mobile-menu-icon[aria-expanded=true] {
    line-height: 1.42857143;
    font-weight: 400;
  }
  .hf .navbarUltra-nav .mobile-menu-icon[aria-expanded=true] .expand {
    display: inline-block;
    background-image: none;
    width: 17px;
    height: 17px;
    margin-top: 5px;
  }
  .hf .navbarUltra-nav .mobile-menu-icon[aria-expanded=true] .expand:before {
    font-family: FontAwesome;
    font-size: 18px;
    content: '';
    color: #ccc;
    background-color: transparent;
  }
  .hf .dropdown-menu > li > a.mobile-menu-icon:focus,
  .hf .dropdown-menu > li > a.mobile-menu-icon:hover {
    background-color: transparent;
  }
  .hf .navbarUltra-default .navbarUltra-nav .open .dropdown-menu > li > a.mobile-menu-icon {
    margin-left: 8px;
  }
  .hf .navbarUltra-default .navbarUltra-nav .open .dropdown-menu > li > a.mobile-menu-icon.missing-category {
    text-align: right;
  }
  .hf button.navbar-toggle.ultra {
    position: absolute;
    left: 48px;
  }
  .hf button.navbar-toggle.ultra + .notch {
    background-color: #04c9d7;
    width: 50px;
    height: 5px;
    border-left: 4px solid #444;
    border-right: 4px solid #444;
    position: absolute;
    top: 55px;
    left: 50px;
    right: auto;
    box-sizing: border-box;
  }
  .hf button.navbar-toggle.ultra.collapsed {
    position: static;
  }
  .hf button.navbar-toggle.ultra.collapsed + .notch {
    background-color: transparent;
    width: 50px;
    height: 5px;
    border-left: 4px solid #444;
    border-right: 4px solid #444;
    position: absolute;
    top: 55px;
    right: 1.8vw;
    left: auto;
    box-sizing: border-box;
  }
  .hf .collapsed ~ .highlight-button,
  .hf .collapsed ~ .navbar-toggle.ultra {
    display: none;
  }
  .hf .navbar-toggle.ultra {
    min-height: 55px;
    background-color: #444;
    position: absolute;
    left: 108px;
  }
  .hf .navbar-toggle.ultra ~ .navbar-brand.ultra {
    padding-top: 12px;
    padding-left: 15px;
  }
  .hf .navbar-toggle.ultra ~ .navbar-brand.ultra .mobile {
    display: none;
  }
  .hf .navbar-toggle.ultra ~ .navbar-brand.ultra .flare {
    display: inline-block;
  }
  .hf .navbar-toggle.ultra.collapsed ~ .navbar-brand.ultra {
    padding: 0 0 8px 20px;
  }
  .hf .navbar-toggle.ultra.collapsed ~ .navbar-brand.ultra .mobile {
    display: inline-block;
  }
  .hf .navbar-toggle.ultra.collapsed ~ .navbar-brand.ultra .mobile img {
    width: 150px;
  }
  .hf .navbar-toggle.ultra.collapsed ~ .navbar-brand.ultra .flare {
    display: none;
  }
  .hf .separator {
    border-top: 2px dotted #444;
  }
  .hf .email-icon {
    background-image: url(/images/icon-email.png);
    width: 20px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 240px;
    top: 20px;
  }
  .hf .phone-icon {
    background-image: url(/images/icon-phone.png);
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: 200px;
    top: 17px;
  }
  .hf .language-toggle-ultra {
    color: #fff;
    font-size: 0.875em;
    line-height: 16px;
    position: absolute;
    top: 20px;
  }
  .hf .language-toggle-ultra:focus,
  .hf .language-toggle-ultra:hover {
    color: #fff;
    text-decoration: none;
  }
  .hf .language-dropdown-ultra {
    top: 52px;
    left: 40px;
    text-align: left;
    max-width: 120px;
    min-width: 0;
  }
  .hf .language-dropdown-ultra li a {
    font-size: 0.875em;
  }
  .hf .navbarUltra-nav > li:nth-child(5) a {
    color: #f99d1c;
    line-height: 36px;
    font-weight: 700;
  }
  .hf .view-links {
    display: none;
  }
  .hf .navbarUltra-nav .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon {
    padding: 0;
    display: inline-block;
  }
  .hf .navbarUltra-nav .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon.missing-category {
    position: absolute;
    right: 30px;
    top: -38px;
  }
  .hf .nav .open > a,
  .hf .nav .open > a:focus,
  .hf .nav .open > a:hover {
    background-color: transparent;
  }
}
@media (max-width: 1199px) {
  .hf .navbarUltra .dropdown-backdrop {
    position: unset !important;
    z-index: 0 !important;
  }
  .hf .tabsContainerMegaMenu + .dropdownMenu .row {
    margin-top: -100px;
  }
  .hf ul.dropdown-menu.ultra-menu {
    margin-top: 5px;
    border-bottom: 8px solid #04c9d7;
  }
  .hf .helpBox .innerHelpBox {
    min-height: 445px;
    margin-top: -44px;
  }
  .hf .navbarUltra-nav .menu-toggle:hover ul.dropdown-menu.mega-menu {
    height: 465px;
  }
  .hf .navbarUltra-nav .navbar-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    height: 465px;
  }
  .hf .navbar-nav > li > a.menu-headline:first-child {
    margin-left: -10px !important;
  }
  .hf .menu-toggle:first-child:hover .icons li a i {
    font-size: 35px !important;
  }
  .hf .icons li a span {
    font-size: 14px !important;
  }
  .hf #outerTabs li {
    width: 115px !important;
  }
  .hf #tabs div.tabWrapper .title,
  .hf #tabs div.tabWrapper ul.submenuItems li a {
    font-size: 15px !important;
  }
  .hf .tabsContainerMegaMenu + .dropdownMenu {
    margin-top: 200px !important;
    height: 200px;
  }
  .hf #tabs {
    min-height: auto !important;
  }
  .hf #tabs div.tabWrapper {
    min-height: auto !important;
  }
  .hf #tabs div.tabWrapper {
    padding: 20px 15px 0 15px !important;
  }
  .hf .helpBox .innerHelpBox img {
    width: 100% !important;
  }
  .hf #tabs div.tabWrapper h3,
  .hf .helpBox .innerHelpBox p,
  .hf .helpBox a.innerHelpBox .learn {
    font-size: 14px !important;
  }
  .hf .navbarUltra-nav .menu-toggle:first-child:hover ul.dropdown-menu.mega-menu {
    height: 503px;
  }
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu,
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    height: auto !important;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .navbarUltra {
    border-radius: 0;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 37px;
    margin-bottom: 0;
  }
  .hf .navbarUltra .nav > li > a:focus,
  .hf .navbarUltra .nav > li > a:hover {
    background-color: transparent;
  }
  .hf .swdc-nav .navbarUltra-nav > li:nth-child(5) a.menu-headline:focus,
  .hf .swdc-nav .navbarUltra-nav > li:nth-child(5) a.menu-headline:hover,
  .hf .swdc-nav .navbarUltra-nav > li:nth-child(5) > a.menu-headline {
    color: #f99d1c;
  }
  .hf .navbarUltra-nav {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .hf .navbarUltra-nav .open a.menu-headline,
  .hf .navbarUltra-nav .open a.menu-headline:focus,
  .hf .navbarUltra-nav .open a.menu-headline:hover {
    background-color: transparent;
    color: #fff;
  }
  .hf .navbarUltra-nav > li {
    padding: 0;
    box-sizing: border-box;
  }
  .hf .navbarUltra-nav > li:nth-child(5) {
    float: inherit !important;
  }
  .hf .navbarUltra-nav > li.nav-with-categories .dropdown-menu.ultra-menu > .container > .row {
    display: flex;
  }
  .hf .navbarUltra-nav > li.nav-with-categories .dropdown-menu.ultra-menu > .container > .row > .dropdownMenu {
    width: calc(100% - 247px);
  }
  .hf .navbarUltra-nav > li.menu-with-panel:hover a.menu-headline {
    color: #ccc;
  }
  .hf .navbarUltra-nav > li.menu-with-panel.open a.menu-headline {
    color: #ccc;
  }
  .hf .navbarUltra-nav > li.menu-with-panel.open a.menu-headline:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .hf .navbarUltra-nav > li.menu-with-panel a.menu-headline:after {
    position: absolute;
    right: -10px;
    font-family: FontAwesome;
    content: " ";
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  .hf .navbarUltra-nav > li a.menu-headline:focus,
  .hf .navbarUltra-nav > li a.menu-headline:hover,
  .hf .navbarUltra-nav > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
    padding: 14px 5px;
    height: 46px;
    line-height: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.4s;
  }
  .hf .navbarUltra-nav > li:first-child {
    padding-left: 0;
    margin-left: -5px;
  }
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu {
    left: -1px;
  }
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    left: -168px;
  }
  .hf .navbarUltra-default {
    border: 0;
    background-color: #444;
    height: 46px;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse {
    position: relative;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block {
    position: absolute;
    top: 0;
    right: 0;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .visible {
    visibility: visible;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .hidden-menu-item {
    display: none;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li {
    display: inline-block;
    padding-right: 0;
    margin-left: 0;
    padding-left: 27px;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:last-child > a.menu-headline {
    padding-right: 0;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li a.menu-headline:hover {
    color: #ccc;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li i {
    font-size: 16px;
    cursor: pointer;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:nth-child(1).is-closed {
    -webkit-animation-name: specialFadeIn;
    animation-name: specialFadeIn;
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:nth-child(1).hidden-menu-item {
    -webkit-animation-name: specialFadeOut;
    animation-name: specialFadeOut;
    -webkit-animation-delay: 70ms;
    animation-delay: 70ms;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:nth-child(2).is-closed {
    -webkit-animation-name: specialFadeIn;
    animation-name: specialFadeIn;
    -webkit-animation-delay: 140ms;
    animation-delay: 140ms;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:nth-child(2).hidden-menu-item {
    -webkit-animation-name: specialFadeOut;
    animation-name: specialFadeOut;
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:nth-child(3).is-closed {
    -webkit-animation-name: specialFadeIn;
    animation-name: specialFadeIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .navbarUltra-nav > li:nth-child(3).hidden-menu-item {
    -webkit-animation-name: specialFadeOut;
    animation-name: specialFadeOut;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    line-height: 46px;
    width: 360px;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active {
    display: block;
    -webkit-animation-name: specialFadeIn;
    animation-name: specialFadeIn;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active .search-panel-fade-in {
    -webkit-animation-name: specialFadeInRight;
    animation-name: specialFadeInRight;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active #searchform-reset .searchview-close-wrapper .searchview-close-left {
    -webkit-animation-name: specialTurnLeft;
    animation-name: specialTurnLeft;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active #searchform-reset .searchview-close-wrapper .searchview-close-right {
    -webkit-animation-name: specialTurnRight;
    animation-name: specialTurnRight;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active #searchform-reset .searchview-close-wrapper .searchview-close-left {
    right: 0;
    -webkit-transform: scale3d(1, 0.65, 1);
    transform: scale3d(1, 0.65, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active #searchform-reset .searchview-close-wrapper .searchview-close-right {
    left: 0;
    -webkit-transform: scale3d(1, 0.65, 1);
    transform: scale3d(1, 0.65, 1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active #searchform-reset .searchview-close-wrapper .searchview-close-left,
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper.active #searchform-reset .searchview-close-wrapper .searchview-close-right {
    height: 14px;
    width: 2px;
    background: #fff;
    position: absolute;
    display: block;
    top: 0;
    z-index: 1;
    transition: 0.4s;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper #searchform-submit {
    color: #fff;
    cursor: pointer;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper #searchform-submit:hover {
    color: #ccc;
    transition: 0.4s;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input {
    line-height: normal;
    height: 16px;
    font-size: 14px;
    color: #fff;
    background-color: transparent;
    border: none;
    margin-left: 8px;
    width: 325px;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input::-webkit-input-placeholder {
    color: #ccc;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input::-moz-placeholder {
    color: #ccc;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input::-ms-input-placeholder {
    color: #ccc;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input::placeholder {
    color: #ccc;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input::-ms-clear {
    display: none;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input:active,
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input:focus,
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper input#searchform-input:focus-within {
    outline: 0;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper #searchform-reset {
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline;
    position: absolute;
    right: 0;
    top: 15px;
  }
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper #searchform-reset:hover .searchview-close-wrapper > span.searchview-close-left,
  .hf .navbarUltra-default .navbar-collapse.ultra.collapse .right-block .searchform-wrapper #searchform-reset:hover .searchview-close-wrapper > span.searchview-close-right {
    background-color: #ccc;
  }
  .hf .language-dropdown-ultra,
  .hf .language-toggle-ultra {
    display: none;
  }
  .hf .collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .navbarUltra-nav .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hf ul.dropdown-menu.ultra-menu {
    margin-top: 0;
    top: 151px;
  }
}
@media only screen and (min-width: 1200px) {
  .hf #navOverlay {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 500;
  }
  .hf .navbarUltra.ultraMenu.navbarUltra-default {
    position: relative;
  }
  .hf .navbarUltra.ultraMenu.swdc-nav .ultraDesktop .ultra-menu .tabsContainerMegaMenu.adjust-category .outerTabs .category-container {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 0;
  }
  .hf .navbarUltra.ultraMenu.swdc-nav .ultraDesktop .ultra-menu .tabsContainerMegaMenu.adjust-category .outerTabs .category-container .category-text {
    padding-left: 0;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu {
    width: 247px;
    display: flex;
    float: left;
    border-right: 2px solid #ccc;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #eee;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs .bs-widget {
    padding-bottom: 30px;
    align-self: flex-end;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs .bs-widget .bs-widget-line {
    background-color: #a1a1a1;
    height: 5px;
    font-size: 0;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs .bs-widget .bs-widget-line .bs-color-bars {
    height: 100%;
    width: 100%;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs .bs-widget p {
    margin: 25px 20px 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #fff;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs .bs-widget a {
    margin: 0 0 0 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-left: 0;
    width: 245px;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover {
    background: #fff;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-itHelpDesk > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-network > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-itHelpDesk > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-network > .category-container.row {
    border-color: #b8d757;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-itHelpDesk > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-network > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-itHelpDesk > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-network > .category-container.row > i {
    color: #b8d757;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-cloud > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-systems > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-cloud > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-systems > .category-container.row {
    border-color: #04c9d7;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-cloud > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-systems > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-cloud > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-systems > .category-container.row > i {
    color: #04c9d7;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-database > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-database > .category-container.row {
    border-color: #f99d1c;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-database > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-database > .category-container.row > i {
    color: #f99d1c;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-itSecurity > .category-container.row,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-itSecurity > .category-container.row {
    border-color: #fbe04b;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.active > a.icon-itSecurity > .category-container.row > i,
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li:hover > a.icon-itSecurity > .category-container.row > i {
    color: #fbe04b;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li > a {
    text-decoration: none;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li > a > .category-container.row {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-left: 6px solid #eee;
    padding-left: 15px;
    padding-right: 30px;
    margin: 0;
    display: flex;
    align-items: center;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li > a > .category-container.row > i {
    display: inline-block;
    font-size: 32px;
    color: #444;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li > a > .category-container.row > span {
    display: inline-block;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.nav-bottom-bar {
    background-color: #f99d1c;
    position: absolute;
    bottom: 0;
    width: inherit;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.nav-bottom-bar > a > .category-container.row {
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.nav-bottom-bar > a > .category-container.row > i {
    display: none;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu > .outerTabs > ul > li.nav-bottom-bar > a > .category-container.row > span {
    color: #fff;
    text-align: center;
    width: 100%;
    text-transform: none;
  }
  .hf .navbarUltra.ultraMenu .tabsContainerMegaMenu + .dropdownMenu .row {
    margin-top: 0;
  }
  .hf .navbarUltra.ultraMenu > li.nav-with-categories:hover .tabsContainerMegaMenu {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
  }
  .hf .navbarUltra.ultraMenu .menu-toggle.open ul.dropdown-menu.ultra-menu {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
    display: block;
    z-index: 999;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
  }
  .hf .navbarUltra.ultraMenu .menu-toggle ul.dropdown-menu.ultra-menu {
    display: block;
    visibility: hidden;
    transition: all 0s;
    z-index: 999;
    top: auto;
    margin-top: 0;
    left: calc((100% - 1200px)/2);
    border-radius: 0;
  }
  .hf .navbarUltra.ultraMenu .menu-toggle ul.dropdown-menu.ultra-menu.open {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
    display: block;
    z-index: 999;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
  }
  .hf .navbarUltra.ultraMenu .menu-toggle ul.dropdown-menu.ultra-menu > .container {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .navbarUltra.ultraMenu .menu-toggle.nav-with-categories.open ul.dropdown-menu.ultra-menu {
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    display: block;
    z-index: 999;
    transition-delay: 0.4s;
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
  }
  .hf .navbarUltra.ultraMenu .menu-toggle ul.dropdown-menu.ultra-menu,
  .hf .navbarUltra.ultraMenu .menu-toggle.open ul.dropdown-menu.ultra-menu,
  .hf .navbarUltra.ultraMenu .menu-toggle:hover ul.dropdown-menu.ultra-menu {
    width: 1200px;
    padding: 0;
    border: none;
  }
  .hf .navbarUltra.ultraMenu .navbarUltra-nav > li {
    display: inline-block;
    position: unset;
    padding-right: 38px;
    margin-left: -5px;
  }
  .hf .navbarUltra.ultraMenu .navbarUltra-nav > li.view-menu-toggle {
    display: none;
  }
  .hf .navbarUltra.ultraMenu li.menu-toggle:nth-child(6) a,
  .hf .navbarUltra.ultraMenu li.menu-toggle:nth-child(6) a:focus,
  .hf .navbarUltra.ultraMenu li.menu-toggle:nth-child(6) a:hover {
    padding: 16px 14px;
  }
  .hf .dropdown-menu.ultra-menu,
  .hf .navbar,
  .hf nav {
    z-index: 699;
    position: -ms-page;
  }
  .hf header {
    position: relative;
    z-index: 700;
  }
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu,
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu,
  .hf .navbarUltra-nav > li.menu-toggle:nth-child(4) > ul.dropdown-menu {
    left: 0;
    height: auto;
  }
  .hf .navbarUltra-nav .dropdownMenu {
    width: 100%;
    display: flex;
  }
  .hf .navbarUltra-nav .dropdownMenu.communityTab,
  .hf .navbarUltra-nav .dropdownMenu.supportTab {
    width: auto;
    min-height: 401px;
  }
  .hf .navbarUltra-nav .dropdownMenu.communityTab > .row,
  .hf .navbarUltra-nav .dropdownMenu.supportTab > .row {
    margin: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu a.menu-subheadline {
    font-size: 16px;
    font-weight: 700;
    color: #292929;
    margin: 20px 0;
    display: inline-block;
  }
  .hf .navbarUltra-nav .dropdownMenu p {
    font-size: 14px;
    font-weight: 300;
    color: #444;
    margin-bottom: 20px;
  }
  .hf .navbarUltra-nav .dropdownMenu.supportTab .col-sm-2 {
    width: 228px;
  }
  .hf .navbarUltra-nav .dropdownMenu .listItemSmall {
    line-height: normal;
    display: block;
    margin: -10px 0 15px 0;
    font-size: 12px;
    font-weight: 500;
    color: #444;
  }
  .hf .navbarUltra-nav .dropdownMenu .miniSubItemsHeader {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    margin-bottom: 10px;
    color: #444;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems {
    margin-left: -40px;
    padding-right: 40px;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems li {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    color: #444;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems li a {
    font-size: 16px;
    font-weight: 300;
    color: #444;
    margin-bottom: 20px;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems.colMulti {
    margin-top: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems.colMulti.noTitle {
    margin-top: 40px;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems.phone .bold {
    font-weight: 700;
    font-size: 14px;
    color: #292929;
    display: block;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems.phone .normal {
    font-weight: 300;
    font-size: 14px;
    color: #444;
    display: block;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems.boldLinks a {
    font-weight: 700;
    font-size: 14px;
    color: #292929;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems .smallLinks {
    font-weight: 300;
    font-size: 14px;
    color: #444;
  }
  .hf .navbarUltra-nav .dropdownMenu ul.submenuItems .boldSmallLinks {
    font-weight: 700;
    color: #292929;
    font-size: 14px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs {
    width: 100%;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper {
    background: #fff;
    clear: both;
    padding-left: 30px;
    height: 100%;
    min-height: 485px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper > .row {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .title {
    border-bottom: 2px solid #b8d757;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .title > p {
    color: #444;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 5px 0;
    display: block;
    text-transform: uppercase;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .learnMore {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    margin-top: 4px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .learnMore:hover {
    text-decoration: underline;
    color: #fab024;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .learnMore:active,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .learnMore:focus {
    text-decoration: underline;
    color: #f88e16;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper h3 {
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper p {
    line-height: 115%;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .product-type {
    margin: 0;
    margin-bottom: 20px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .product-type > .row {
    margin: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .product-type > .row > div {
    padding: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .top-description {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .category-links {
    width: 100%;
    padding-bottom: 15px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .category-links > .row {
    padding-right: 20px;
    margin-top: 20px;
    margin-left: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .category-links .view-all-in-category-link {
    position: absolute;
    bottom: 13px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox {
    display: inline-block;
    position: relative;
    right: -16px;
    width: 300px;
    min-width: 300px;
    background-color: #eee;
    overflow: hidden;
    min-height: 485px;
    height: auto;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox a:active,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox a:hover {
    text-decoration: none;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox a h3,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox a:active h3,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox a:hover h3 {
    color: #444;
    text-decoration: none;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .colored-background {
    background-color: #b8d757;
    height: 302px;
    width: 370px;
    position: absolute;
    top: -43px;
    left: -23px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    padding: 0 10px;
    min-height: 487px;
    margin-top: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox.supportTab {
    margin-top: 0;
    min-height: 357px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox .h3-header {
    line-height: normal;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #444;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox img {
    width: 260px;
    height: 162.5px;
    margin-bottom: 30px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox .learn {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    font-size: 14px;
    display: block;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox .learn:hover,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox:hover .learn {
    text-decoration: underline !important;
    color: #fab024;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox .learn:active,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper .helpBox > .innerHelpBox:active .learn {
    text-decoration: underline !important;
    color: #f88e16;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.miniSubItems {
    margin-bottom: 20px;
    margin-left: -40px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.miniSubItems li {
    list-style-type: none;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.miniSubItems li.learnMore a {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    font-size: 14px;
    margin-top: 4px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.miniSubItems li a {
    display: list-item;
    text-align: -webkit-match-parent;
    padding: 0;
    margin: 0 0 12px 0;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #444;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.miniSubItems li a:hover {
    text-decoration: underline;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems li {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems li a {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-bottom: 0;
    line-height: normal;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems.colMulti {
    margin-top: 0;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems.colMulti.noTitle {
    margin-top: 40px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems.phone .bold {
    font-weight: 700;
    font-size: 14px;
    color: #292929;
    display: block;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems.phone .normal {
    font-weight: 300;
    font-size: 14px;
    color: #444;
    display: block;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems.boldLinks a {
    font-weight: 700;
    font-size: 14px;
    color: #292929;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems .smallLinks {
    font-weight: 300;
    font-size: 14px;
    color: #444;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper ul.submenuItems .boldSmallLinks {
    font-weight: 700;
    color: #292929;
    font-size: 14px;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(1) .title,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(5) .title {
    border-color: #b8d757;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(1) .helpBox > .colored-background,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(5) .helpBox > .colored-background {
    background-color: #b8d757;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(2) .title,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(6) .title {
    border-color: #04c9d7;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(2) .helpBox > .colored-background,
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(6) .helpBox > .colored-background {
    background-color: #04c9d7;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(3) .title {
    border-color: #f99d1c;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(3) .helpBox > .colored-background {
    background-color: #f99d1c;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(4) .title {
    border-color: #fbe04b;
  }
  .hf .navbarUltra-nav .dropdownMenu .tabs div.tabWrapper:nth-child(4) .helpBox > .colored-background {
    background-color: #fbe04b;
  }
  .hf .navbarUltra-nav .dropdownMenu:nth-of-type(1) .tabs div.tabWrapper .title {
    border-color: #04c9d7;
  }
  .hf .navbarUltra-nav .dropdownMenu:nth-of-type(1) .tabs div.tabWrapper .helpBox > .colored-background {
    background-color: #04c9d7;
  }
}
.hf #EuCookieBlock,
.hf .alert {
  position: relative;
  z-index: 700;
}
@media only screen and (width: 1366px) and (height: 768px) {
  .hf .navbarUltra-nav.pt .dropdownMenu .listItemSmall {
    margin-bottom: 9px !important;
  }
  .hf .navbarUltra-nav.de .dropdownMenu .listItemSmall {
    margin-bottom: 11px !important;
  }
  .hf .navbarUltra-nav.ja .dropdownMenu .listItemSmall {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 768px) {
  .hf .subnav ul > li {
    display: inline-block;
  }
  .hf .subnav ul > li > a {
    color: #666;
    font-size: 12px;
    padding-left: 7px;
    border-left: 1px solid #a1a1a1;
  }
  .hf .subnav ul > li > a:hover {
    color: #a1a1a1;
  }
  .hf .subnav ul > li:first-child a {
    border: none;
  }
  .hf .subnav {
    float: right;
    position: relative;
  }
  .hf .subnav li:hover .eyebrowNav-tooltip {
    visibility: visible;
    transition: 0.1s;
  }
  .hf .subnav .eyebrowNav-icon {
    display: inline;
    position: relative;
    left: -1px;
    top: -6px;
  }
  .hf .subnav .eyebrowNav-tooltip::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
  }
  .hf .subnav .eyebrowNav-tooltip {
    display: block;
    visibility: hidden;
    background-color: #fff;
    text-align: left;
    font-size: 12px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    width: 110px;
    top: 85%;
    box-shadow: 0 0 10px;
    transition-delay: 0.2s;
  }
  .hf .subnav .eyebrowNav-tooltip .tooltiptext {
    color: #444;
  }
  .hf .subnav .eyebrowNav-tooltip .tooltip-btn {
    margin-top: 10px;
  }
  .hf .subnav .eyebrowNav-tooltip .tooltip-btn .button {
    padding: 5px;
    color: #fff;
  }
  .hf .subnav .eyebrowNav-tooltip .tooltip-btn a {
    font-weight: 700;
    text-decoration: none;
  }
  .hf .subnav .eyebrowNav-tooltip .tooltip-btn a:hover {
    cursor: pointer;
  }
  .hf header {
    height: 105px;
    padding-top: 19px;
  }
  .hf header .custom-search-form .input-group-btn button {
    background-color: #f99d1c;
    border: none;
    line-height: 1.7;
  }
  .hf header .custom-search-form .input-group-btn button:hover {
    background-color: #fab024;
  }
  .hf header .custom-search-form .input-group-btn button:active,
  .hf header .custom-search-form .input-group-btn button:focus {
    background-color: #f88e16;
  }
  .hf header .logo-link:hover {
    text-decoration: none;
  }
  .hf .input-group .form-control.search-btn {
    width: 320px;
    float: right;
    border-radius: 0;
  }
  .hf .btn-warning {
    background-color: #f99d1c;
  }
  .hf .dropdown-menu.dropdown-english {
    min-width: 80px;
  }
}
@media (max-width: 767px) {
  .hf body {
    padding-top: 60px;
  }
  .hf .navbar-nav.brandSites > li:nth-child(4) a {
    font-weight: 700 !important;
    color: #a1a1a1 !important;
  }
  .hf .navbar-nav.brandSites > li:nth-child(4) .dropdown-menu li a {
    font-weight: 500 !important;
    color: #444 !important;
    margin-left: 0;
  }
  .hf .navbar-nav.brandSites > li:nth-child(4) .dropdown-menu li a:hover {
    text-decoration: underline;
  }
  .hf .navbar-brandSites {
    margin-top: -60px;
  }
  .hf .navbar-brandSites .menu-toggle.open ul > li > ul.dropdown-menu {
    display: block;
  }
  .hf .navbar-brandSites .navbar-header .navbar-toggle-menu a.contactUs {
    color: #fff;
    font-size: 13px;
    margin-top: 19px;
    margin-left: 150px;
    display: inline-block;
  }
  .hf .navbar-brandSites .navbar-header .navbar-brand .mobile img {
    height: 45px;
  }
  .hf .navbar {
    padding-left: 15px;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(68, 68, 68, 0.6);
  }
  .hf .navbar-collapse.collapse.in {
    border-bottom: 8px solid #04c9d7;
    border-left: 1px solid #ccc;
    z-index: 999;
  }
  .hf .navbar-header {
    background-color: #fff;
    border-bottom: 5px solid #ccc;
    min-width: 100%;
  }
  .hf .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
  }
  .hf .navbar-nav li:first-child {
    border-top: none;
  }
  .hf .navbar-nav .menu-toggle > .dropdown-menu {
    display: block;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .hf .navbar-nav .menu-toggle > .dropdown-menu > li > a {
    padding: 0 0 0 20px;
    margin-left: 8px;
  }
  .hf .navbar-default .navbar-nav .menu-toggle .dropdown-menu > li > a.menu-subheadline {
    line-height: 46px;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    margin-left: 8px;
    padding: 0 15px 0 1.5em;
    font-weight: 700;
    width: 80%;
    display: inline-block;
  }
  .hf .navbar-default .navbar-nav .menu-toggle .dropdown-menu > li > a.menu-subheadline:focus,
  .hf .navbar-default .navbar-nav .menu-toggle .dropdown-menu > li > a.menu-subheadline:hover {
    text-decoration: none;
    color: #444;
  }
  .hf .menu-subheadline {
    line-height: 46px;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    margin-left: 8px;
    padding: 0 15px 0 1.5em;
    font-weight: 700;
    width: 93%;
  }
  .hf .menu-subheadline:focus,
  .hf .menu-subheadline:hover {
    text-decoration: none;
    color: #444;
  }
  .hf .menu-item {
    list-style: none;
    display: block;
  }
  .hf .menu-item p {
    display: none;
  }
  .hf .bottom-links {
    display: none;
  }
  .hf .menu-toggle > ul {
    padding-left: 0;
  }
  .hf .navbar-nav > li > a {
    padding: 0 15px 0 1.5em;
    font-weight: 700;
  }
  .hf .navbar-nav > li > a.free-downloads {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 inherit;
  }
  .hf .navbar-nav > li > a.free-downloads.menu-headline {
    color: #f99d1c;
  }
  .hf .navbar-nav > li > a.menu-headline {
    line-height: 36px;
    color: #a1a1a1;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
  }
  .hf .navbar-nav > li > a.menu-headline:focus,
  .hf .navbar-nav > li > a.menu-headline:hover {
    text-decoration: none;
    color: #a1a1a1;
  }
  .hf .navbar-nav > li > a.menu-subheadline {
    line-height: 46px;
    font-size: 0.875em;
    text-transform: uppercase;
    text-decoration: none;
    color: #444;
    margin-left: 8px;
    padding: 0 15px 0 1.5em;
    font-weight: 700;
    width: 93%;
  }
  .hf .navbar-nav > li > a.menu-subheadline:focus,
  .hf .navbar-nav > li > a.menu-subheadline:hover {
    text-decoration: none;
    color: #444;
  }
  .hf .navbar-nav > li > a.view-all-products,
  .hf .navbar-nav > li > a.view-free-tools {
    display: inline;
    font-size: 14px;
    line-height: 36px;
    font-weight: 700;
    color: #04c9d7;
    padding-left: 1.75em;
  }
  .hf .navbar-nav > li > a.view-free-tools {
    border-left: 2px dotted #444;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .hf .navbar-nav > li > a.view-free-tools {
    padding-left: 1em;
  }
}
@media (max-width: 767px) {
  .hf .navbar-default .navbar-nav > .open > a,
  .hf .navbar-default .navbar-nav > .open > a:focus,
  .hf .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #444;
  }
  .hf .navbar-default .navbar-nav > li > a:focus,
  .hf .navbar-default .navbar-nav > li > a:hover {
    color: #444;
  }
  .hf .navbar-default .navbar-toggle:focus,
  .hf .navbar-default .navbar-toggle:hover {
    background-color: #444;
  }
  .hf .navbar-toggle {
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: #444;
    min-height: 55px;
    width: 60px;
    padding-top: 1em;
    padding-bottom: 0;
  }
  .hf .navbar-toggle-text {
    font-size: 0.8125em;
    font-weight: 700;
    text-align: center;
    color: #ccc;
    display: inline-block;
    vertical-align: bottom;
  }
  .hf .icon-bar.icon-bar.icon-bar {
    vertical-align: bottom;
    background-color: #04c9d7;
    margin-left: auto;
    margin-right: auto;
  }
  .hf .navbar-collapse {
    width: 95%;
    float: right;
    background-color: #fff;
  }
  .hf .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #444;
    font-size: 0.875em;
    line-height: 18px;
    margin-left: 20px;
  }
  .hf .mobile-menu-icon .expand {
    display: inline-block;
    background-image: url(/images/icon-expand-mobile.png);
    width: 17px;
    height: 17px;
    margin-top: 10px;
  }
  .hf .mobile-menu-icon[aria-expanded=true] .expand {
    display: inline-block;
    background-image: url(/images/icon-collapse-mobile.png);
    width: 17px;
    height: 17px;
    margin-top: 10px;
  }
  .hf .dropdown-menu > li > a.mobile-menu-icon:focus,
  .hf .dropdown-menu > li > a.mobile-menu-icon:hover {
    background-color: transparent;
  }
  .hf .navbar-default .navbar-nav .open .dropdown-menu > li > a.mobile-menu-icon {
    margin-left: 8px;
  }
  .hf .navbar-default .navbar-nav .open .dropdown-menu > li > a.mobile-menu-icon.missing-category {
    text-align: right;
  }
  .hf button.navbar-toggle {
    position: absolute;
    left: 48px;
  }
  .hf button.navbar-toggle + .notch {
    background-color: #04c9d7;
    width: 50px;
    height: 5px;
    border-left: 4px solid #444;
    border-right: 4px solid #444;
    position: absolute;
    top: 55px;
    left: 50px;
    right: auto;
    box-sizing: border-box;
  }
  .hf button.navbar-toggle.collapsed {
    position: static;
  }
  .hf button.navbar-toggle.collapsed + .notch {
    background-color: transparent;
    width: 50px;
    height: 5px;
    border-left: 4px solid #444;
    border-right: 4px solid #444;
    position: absolute;
    top: 55px;
    right: 1.8vw;
    left: auto;
    box-sizing: border-box;
  }
  .hf .collapsed ~ .highlight-button,
  .hf .collapsed ~ .navbar-toggle-menu {
    display: none;
  }
  .hf .navbar-toggle-menu {
    width: 100%;
    min-height: 55px;
    background-color: #444;
    left: 108px;
  }
  .hf .navbar-toggle ~ .navbar-brand {
    padding-top: 12px;
    padding-left: 5px;
  }
  .hf .navbar-toggle ~ .navbar-brand .mobile {
    display: none;
  }
  .hf .navbar-toggle ~ .navbar-brand .flare {
    display: inline-block;
  }
  .hf .navbar-toggle.collapsed ~ .navbar-brand {
    padding: 5px 0 0 20px;
  }
  .hf .navbar-toggle.collapsed ~ .navbar-brand .mobile {
    display: inline-block;
  }
  .hf .navbar-toggle.collapsed ~ .navbar-brand .flare {
    display: none;
  }
  .hf .navbar-toggle.government ~ .navbar-brand {
    padding-top: 12px;
    padding-left: 5px;
  }
  .hf .navbar-toggle.government ~ .navbar-brand .mobile {
    display: none;
  }
  .hf .navbar-toggle.government ~ .navbar-brand .flare {
    display: inline-block;
  }
  .hf .navbar-toggle.government.collapsed ~ .navbar-brand {
    padding: 0 0 0 20px;
  }
  .hf .navbar-toggle.government.collapsed ~ .navbar-brand .mobile {
    display: inline-block;
  }
  .hf .navbar-toggle.government.collapsed ~ .navbar-brand .mobile img {
    width: 150px;
    height: 55px;
  }
  .hf .navbar-toggle.government.collapsed ~ .navbar-brand .flare {
    display: none;
  }
  .hf .separator {
    border-top: 2px dotted #444;
  }
  .hf .email-icon {
    background-image: url(/images/icon-email.png);
    width: 20px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 240px;
    top: 20px;
  }
  .hf .phone-icon {
    background-image: url(/images/icon-phone.png);
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: 200px;
    top: 17px;
  }
  .hf .language-toggle {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 132px;
    top: 20px;
  }
  .hf .language-toggle:focus,
  .hf .language-toggle:hover {
    color: #fff;
    text-decoration: none;
  }
  .hf .language-dropdown {
    left: auto;
    right: 132px;
    text-align: right;
    max-width: 120px;
    min-width: 0;
  }
  .hf .navbar-nav > li:nth-child(4) a {
    color: #f99d1c;
    line-height: 36px;
    font-weight: 700;
  }
  .hf .view-links {
    display: none;
  }
  .hf .navbar-nav .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon {
    padding: 0;
    display: inline-block;
  }
  .hf .navbar-nav .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon.missing-category {
    position: absolute;
    right: 30px;
    top: -38px;
  }
  .hf .nav .open > a,
  .hf .nav .open > a:focus,
  .hf .nav .open > a:hover {
    background-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  .hf .navbar-default.government {
    height: 60px;
    border-bottom-color: #ccc;
    position: relative;
  }
  .hf .navbar-default.government .nav > li {
    position: relative;
  }
  .hf .navbar-default.government .navbar-nav > li a.menu-headline:hover {
    border-bottom-color: #04c9d7;
  }
  .hf .navbar-default.government .navbar-nav > li a.menu-headline.contactUs:hover {
    height: 45px;
  }
  .hf .navbar-default.government .navbar-nav > li:first-child a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .navbar-default.government .navbar-nav > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-default.government .navbar-nav > li:nth-child(3) a.menu-headline:after {
    font-family: none;
    content: "";
  }
  .hf .navbar-default.government .navbar-nav > li:nth-child(4) a.menu-headline {
    color: #fff;
  }
  .hf .navbar-default.government .navbar-nav > li:nth-child(4) a.menu-headline:active,
  .hf .navbar-default.government .navbar-nav > li:nth-child(4) a.menu-headline:hover {
    color: #fff;
  }
  .hf .navbar-default.government .navbar-nav > li:nth-child(6) a.menu-headline:active,
  .hf .navbar-default.government .navbar-nav > li:nth-child(6) a.menu-headline:hover {
    color: #fff;
    border-bottom-color: transparent;
  }
  .hf .navbar-default.government .navbar-nav > li:nth-child(5) a.menu-headline:active,
  .hf .navbar-default.government .navbar-nav > li:nth-child(5) a.menu-headline:hover {
    border-bottom-color: transparent;
  }
  .hf .navbar {
    border-radius: 0;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 37px;
    margin-bottom: 0;
  }
  .hf .navbar-nav .menu-item > .menu-subheadline:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #444;
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
  .hf .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu {
    display: block;
    position: static;
    float: none;
    width: 160px;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li {
    width: 160px;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li > a {
    padding: 0 0 0 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-weight: 400;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li > a:hover {
    color: #a1a1a1;
    background-color: none;
  }
  .hf .navbar-nav .open a.menu-headline,
  .hf .navbar-nav .open a.menu-headline:focus,
  .hf .navbar-nav .open a.menu-headline:hover {
    background-color: transparent;
    color: #fff;
  }
  .hf .navbar-nav > li {
    padding: 0 5px;
    box-sizing: border-box;
  }
  .hf .navbar-nav > li:first-child a.menu-headline:after,
  .hf .navbar-nav > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-nav > li:nth-child(3) a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .navbar-nav > li:nth-child(4) a.menu-headline {
    color: #f99d1c;
  }
  .hf .navbar-nav > li:nth-child(4) a.menu-headline:active,
  .hf .navbar-nav > li:nth-child(4) a.menu-headline:hover {
    color: #f99d1c;
  }
  .hf .navbar-nav > li a.menu-headline:focus,
  .hf .navbar-nav > li a.menu-headline:hover,
  .hf .navbar-nav > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 16px 5px;
  }
  .hf .navbar-nav > li a.menu-headline:hover {
    border-bottom: 5px solid #ccc;
    height: 60px;
    padding: 16px 5px;
  }
  .hf .navbar-nav > li:first-child {
    padding-left: 0;
  }
  .hf .navbar-nav > li.government {
    border-right: none;
    border-left: none;
  }
  .hf .navbar-nav > li.government a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
  }
  .hf .navbar-nav > li.government a.callPhone {
    padding: 18px 10px;
    font-size: 16px;
  }
  .hf .navbar-nav > li.government a.callPhone:hover {
    color: #fff;
  }
  .hf .navbar-nav > li.government a.callPhone:active {
    color: #fff;
  }
  .hf .navbar-nav > li.government a.callPhone:focus {
    color: #fff;
  }
  .hf .navbar-nav > li.government a.contactUs {
    background-color: #81c23c;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 18px 14px 15px;
    border-bottom-color: #ccc;
  }
  .hf .navbar-nav > li.government a.contactUs:hover {
    background: #94d24b;
    color: #fff;
    padding: 18px 14px 15px;
    border-bottom-color: #ccc;
  }
  .hf .navbar-nav > li.government a.contactUs:focus {
    background: #94d24b;
    color: #fff;
    padding: 18px 14px 15px;
    border-bottom-color: #ccc;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu {
    left: -1px;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item p {
    min-height: 80px;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item a {
    margin-top: 0;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #a1a1a1;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    left: -168px;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item p {
    min-height: 80px;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a {
    margin-top: 0;
  }
  .hf .navbar-nav > li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #a1a1a1;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(4) {
    position: absolute;
    left: 405px;
    top: 218px;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(5) {
    position: absolute;
    left: 215px;
    top: 310px;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(6) {
    position: absolute;
    left: 405px;
    top: 426px;
  }
  .hf .nav > li.view-menu-toggle {
    display: none;
  }
  .hf .navbar-default {
    border: 0;
    border-bottom: 5px solid #04c9d7;
    background-color: #444;
    height: 60px;
  }
  .hf .navbar-default .navbar-collapse {
    border: none;
  }
  .hf .language-dropdown,
  .hf .language-toggle {
    display: none;
  }
  .hf .collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .menu-toggle .menu-headline {
    padding-left: 0;
  }
  .hf .menu-toggle.open ~ li.view-menu-toggle {
    display: none;
  }
  .hf .menu-toggle.open ul.dropdown-menu.mega-menu {
    margin-top: 0;
    width: 740px;
    height: auto;
    border-top: none;
    padding-top: 24px;
    border-bottom: 8px solid #04c9d7;
  }
  .hf .menu-toggle ul.dropdown-menu.mega-menu,
  .hf .menu-toggle ul.dropdown-menu.mega-menu:focus,
  .hf .menu-toggle ul.dropdown-menu.mega-menu:hover {
    top: 60px;
    left: -10px;
    padding-top: 24px;
    border-bottom: 8px solid #04c9d7;
  }
  .hf .menu-toggle:first-child.open ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .menu-toggle:hover li.view-menu-toggle {
    display: none;
  }
  .hf .menu-toggle:hover ul.dropdown-menu.mega-menu {
    margin-top: 0;
    width: 740px;
    height: auto;
    border-top: none;
    padding-top: 24px;
    border-bottom: 8px solid #04c9d7;
    left: -10px;
  }
  .hf .menu-toggle:nth-child(2) .menu-item,
  .hf .menu-toggle:nth-child(3) .menu-item {
    display: table-cell;
  }
  .hf .navbar-nav .menu-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    margin-left: 0;
  }
  .hf .navbar-nav .menu-item:first-child {
    margin-left: 24px;
  }
  .hf .navbar-nav .menu-item p {
    padding-left: 24px;
    font-size: 14px;
  }
  .hf .navbar-nav .menu-item p + ul.dropdown-menu > li > a {
    margin-left: 0;
    font-size: 14px;
  }
  .hf .navbar-nav .menu-item:first-child {
    padding-left: 0;
  }
  .hf .navbar-nav .menu-item > .menu-subheadline {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    padding-left: 8px;
  }
  .hf .navbar-nav .menu-item > .menu-subheadline + .dropdown-menu > li > a {
    color: #444;
    font-size: 14px;
    line-height: 16px;
    padding-top: 8px;
    margin-left: 0;
  }
  .hf .bottom-links {
    margin: 0 15px;
    border-top: 1px dotted #444;
    padding-top: 10px;
  }
  .hf .bottom-links a {
    color: #04c9d7;
    padding: 0 24px;
  }
  .hf .bottom-links a:hover {
    color: #04d6e1;
  }
  .hf .bottom-links a:active {
    color: #03bfcf;
  }
  .hf .bottom-links a:last-child {
    padding-right: 0;
    border-left: 1px dotted #444;
  }
  .hf .government .menu-toggle.open ul.dropdown-menu.mega-menu,
  .hf .government .menu-toggle:hover ul.dropdown-menu.mega-menu {
    width: 240px;
    height: auto;
  }
  .hf .navbar-nav .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .hf .government {
    height: 60px;
    border-bottom-color: #ccc;
  }
  .hf .government .navbar-nav > li:first-child a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .government .navbar-nav > li:nth-child(2) a.menu-headline:after,
  .hf .government .navbar-nav > li:nth-child(3) a.menu-headline:after {
    font-family: none;
    content: "";
  }
  .hf .government .navbar-nav > li:nth-child(4) a.menu-headline {
    color: #fff;
  }
  .hf .government .navbar-nav > li:nth-child(4) a.menu-headline:active,
  .hf .government .navbar-nav > li:nth-child(4) a.menu-headline:hover {
    color: #fff;
  }
  .hf .navbar-nav .menu-item {
    margin-left: 16px;
    width: 200px;
  }
  .hf .navbar-nav .menu-item > li {
    width: 200px;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(4) {
    position: static;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(5) {
    position: absolute;
    left: 448px;
    top: 230px;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(6) {
    position: absolute;
    left: 227px;
    top: 270px;
  }
  .hf .navbar-nav > li {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .hf .navbar-nav > li:first-child a.menu-headline:after,
  .hf .navbar-nav > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-nav > li:nth-child(3) a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .navbar-nav > li:nth-child(4) a.menu-headline {
    color: #f99d1c;
  }
  .hf .navbar-nav > li:nth-child(4) a.menu-headline:active,
  .hf .navbar-nav > li:nth-child(4) a.menu-headline:hover {
    color: #f99d1c;
  }
  .hf .navbar-nav > li a.menu-headline:focus,
  .hf .navbar-nav > li a.menu-headline:hover,
  .hf .navbar-nav > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 16px 10px;
  }
  .hf .navbar-nav > li a.menu-headline:hover {
    border-bottom: 5px solid #ccc;
    height: 60px;
    padding: 16px 10px;
  }
  .hf .navbar-nav > li > a.menu-headline:first-child {
    margin-left: -10px;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li {
    width: 200px;
  }
  .hf .menu-toggle.open:first-child ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:first-child:hover ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li > a,
  .hf .navbar-nav .menu-item > .menu-subheadline {
    padding: 0 0 2px 24px;
    color: #444;
  }
  .hf .navbar-nav .menu-item > .menu-subheadline:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #444;
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
  .hf .menu-toggle ul.dropdown-menu.mega-menu,
  .hf .menu-toggle.open ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:hover ul.dropdown-menu.mega-menu {
    width: 967px;
  }
  .hf .navbar-nav .menu-item:first-child {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .government {
    height: 60px;
    border-bottom-color: #ccc;
  }
  .hf .government .navbar-nav > li:first-child a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .government .navbar-nav > li:nth-child(2) a.menu-headline:after,
  .hf .government .navbar-nav > li:nth-child(3) a.menu-headline:after {
    font-family: none;
    content: "";
  }
  .hf .government .navbar-nav > li:nth-child(4) a.menu-headline {
    color: #fff;
  }
  .hf .government .navbar-nav > li:nth-child(4) a.menu-headline:active,
  .hf .government .navbar-nav > li:nth-child(4) a.menu-headline:hover {
    color: #fff;
  }
  .hf .navbar-nav > li {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .hf .navbar-nav > li:first-child a.menu-headline:after,
  .hf .navbar-nav > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-nav > li:nth-child(3) a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .navbar-nav > li:nth-child(4) a.menu-headline {
    color: #f99d1c;
  }
  .hf .navbar-nav > li:nth-child(4) a.menu-headline:active,
  .hf .navbar-nav > li:nth-child(4) a.menu-headline:hover {
    color: #f99d1c;
  }
  .hf .navbar-nav > li a.menu-headline:focus,
  .hf .navbar-nav > li a.menu-headline:hover,
  .hf .navbar-nav > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 16px 14px;
  }
  .hf .navbar-nav > li a.menu-headline:hover {
    border-bottom: 5px solid #ccc;
    height: 60px;
    padding: 16px 14px;
  }
  .hf .navbar-nav .menu-item {
    margin-left: 48px;
    width: 240px;
  }
  .hf .navbar-nav .menu-item > li {
    width: 240px;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(4) {
    position: static;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(5) {
    position: absolute;
    left: 536px;
    top: 241px;
  }
  .hf .navbar-nav .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(6) {
    position: absolute;
    left: 244px;
    top: 263px;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li {
    width: 240px;
  }
  .hf .menu-toggle.open:first-child ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:first-child ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:first-child:hover ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .government .menu-toggle.open:first-child ul.dropdown-menu.mega-menu,
  .hf .government .menu-toggle:first-child:hover ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .navbar-nav .menu-item > .menu-subheadline:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #444;
    padding-bottom: 2px;
    margin-bottom: 5px;
    width: 190px;
  }
  .hf .navbar-nav .menu-item > .dropdown-menu > li > a,
  .hf .navbar-nav .menu-item > .dropdown-menu > li > a:hover,
  .hf .navbar-nav .menu-item > .menu-subheadline {
    padding: 0 0 2px 24px;
    color: #444;
  }
  .hf .menu-toggle ul.dropdown-menu.mega-menu,
  .hf .menu-toggle.open ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:hover ul.dropdown-menu.mega-menu {
    width: 1184px;
  }
  .hf .navbar-nav .menu-item:first-child {
    margin-left: 0;
  }
  .hf .dropdown-menu > li > a:focus,
  .hf .dropdown-menu > li > a:hover {
    text-decoration: underline;
    color: #a1a1a1;
    background-color: transparent;
  }
}
@media (max-width: 1024px) {
  .hf li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    left: -168px;
  }
  .hf li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item p {
    min-height: 120px !important;
    padding-left: 10px;
  }
  .hf li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a {
    margin-top: 0;
  }
  .hf li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #a1a1a1;
  }
  .hf li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item p + a {
    margin-left: -10px;
  }
}
.hf .footer-bottom.simple-footer.stretch {
  position: absolute;
  width: 100%;
}
.hf .stretch {
  margin-left: -15px;
  margin-right: -15px;
}
.hf .footer-top {
  background-color: #444;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.hf .footer-bottom {
  background-color: #666;
  color: #fff;
  font-size: 12px;
  text-transform: none;
  line-height: 20px;
}
.hf .footer-bottom a {
  color: #fff;
  border-right: 1px solid #fff;
  padding-right: 8px;
  margin-right: 8px;
}
.hf .footer-bottom a:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
.hf .footer-bottom .legal-links {
  line-height: 27px;
  margin-bottom: 15px;
}
.hf .footer-bottom.simple-footer a {
  white-space: nowrap;
}
.hf ul.social-icons {
  padding-left: 0;
}
.hf ul.social-icons > li {
  display: inline-block;
}
.hf ul.social-icons > li > a > img {
  margin-left: -7px;
}
.hf .company-links a {
  display: block;
  color: #f99d1c;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.hf .company-links a:hover {
  color: #fab024;
}
.hf .company-links a:active {
  color: #f88e16;
}
@media (max-width: 767px) {
  .hf .footer-top {
    padding: 24px;
  }
  .hf .footer-top p {
    font-size: 12px;
  }
  .hf .social-icons {
    text-align: center;
    margin: 24px 0;
  }
  .hf .legal {
    display: block;
  }
  .hf .footer-bottom {
    padding: 24px 24px 32px;
  }
}
@media (min-width: 767px) {
  .hf .footer-top {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .hf .footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .hf .company-links > .col-xs-6 a:last-child {
    padding: 0;
  }
  .hf .social-icons {
    margin: 24px 0 0;
  }
}
.hf ul.rail-links {
  margin-top: 24px;
}
.hf ul.rail-links > li {
  list-style: none;
  text-align: right;
}
.hf ul.rail-links > li > a {
  color: #666;
  font-size: 1em;
  line-height: 1.5em;
}
.hf .rail-header {
  margin: 0;
  line-height: 1.3em;
  text-align: right;
}
@media (max-width: 767px) {
  .hf ul.rail-links {
    padding: 0;
  }
  .hf ul.rail-links > li {
    text-align: center;
  }
  .hf .rail-header {
    text-align: center;
  }
  .hf .rail-header.pull-right {
    float: none;
  }
}
.hf .registration_form:not(.one-col-reg-panel) #ci_password::-webkit-input-placeholder {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ccc;
}
.hf .registration_form:not(.one-col-reg-panel) #ci_password::-moz-placeholder {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ccc;
}
.hf .registration_form:not(.one-col-reg-panel) #ci_password:-ms-input-placeholder {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ccc;
}
.hf .registration-header {
  margin: 0;
  font-weight: 700;
  text-align: center;
  color: #444;
  line-height: 36px;
  font-size: 2em;
}
.hf .registration-subheader {
  text-align: center;
  margin: 0;
  margin-top: 8px;
  font-size: 1.5em;
  line-height: 1.8em;
  color: #04c9d7;
  font-weight: 700;
}
.hf .registration-form {
  margin: 20px auto 0;
  text-align: center;
}
.hf .registration-form > .form-group:last-child {
  margin-left: 16px;
}
.hf .registration_form .validation-spinner {
  color: #444;
  position: absolute;
  top: 50%;
  right: 5%;
}
.hf .registration_form .validation-spinner div {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: validation-spinner 1.2s linear infinite;
  animation: validation-spinner 1.2s linear infinite;
}
.hf .registration_form .validation-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 7px;
  border-radius: 20%;
  background: #444;
}
.hf .registration_form .validation-spinner div:nth-child(1) {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.hf .registration_form .validation-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.hf .registration_form .validation-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.hf .registration_form .validation-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.hf .registration_form .validation-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.hf .registration_form .validation-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.hf .registration_form .validation-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.hf .registration_form .validation-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.hf .registration_form .validation-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.hf .registration_form .validation-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.hf .registration_form .validation-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.hf .registration_form .validation-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
@-webkit-keyframes validation-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes validation-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hf .registration_form form.registration .formOptInAndTerms {
  margin-top: 10px;
}
.hf .click-me {
  display: block;
  margin: 24px auto 0;
}
.hf #quizReg.registration_form {
  display: none;
}
@media (min-width: 768px) {
  .hf .gray-bg-texture .registration_form form.registration .smallWrap.zip-code {
    width: 36.006%;
  }
  .hf .registration_form {
    text-align: center;
  }
  .hf .registration_form form.registration input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }
  .hf .registration_form form.registration input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  .hf .registration_form form.registration select::-ms-expand {
    display: none;
  }
  .hf .registration_form form.registration .hide-state .hide-zip #ci_country,
  .hf .registration_form form.registration .hide-state.hide-zip.country {
    width: 100%;
  }
  .hf .registration_form form.registration .hide-state #ci_country {
    width: 100%;
  }
  .hf .registration_form form.registration .hide-state.country {
    width: 80%;
  }
  .hf .registration_form form.registration .hide-zip #ci_country {
    width: 100%;
  }
  .hf .registration_form form.registration .hide-zip.country {
    width: 71%;
  }
  .hf .registration_form form.registration #ci_lastName {
    border-left: 0;
  }
  .hf .registration_form .reg-headline-override {
    font-size: 1.2em;
    font-weight: 800;
    line-height: 20px;
    text-align: left;
    margin-top: 26px;
  }
  .hf .registration_form .reg-subHeadline-override {
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
  }
  .hf .registration_form .form-group {
    padding: 0;
    margin: 0;
    margin-bottom: 0;
  }
  .hf .registration_form #formCategory,
  .hf .registration_form #formProduct {
    width: 100%;
  }
  .hf .registration_form #ci_state {
    margin-top: -1px;
    border-left: 0;
  }
  .hf .registration_form #ci_zipCode {
    margin-top: -1px;
    margin-left: 0;
    border-left: 0;
  }
  .hf .registration_form #ci_areaCode {
    margin-top: -1px;
  }
  .hf .registration_form #ci_stdCode {
    margin-top: -1px;
    border-right: 0;
  }
  .hf .registration_form .std-code + .largeWrap #ci_phone {
    width: 100%;
    margin-left: 0;
  }
  .hf .registration_form .std-code + .largeWrap.phone {
    width: 50%;
    margin-top: 1px;
  }
  .hf .registration_form .area-code + .std-code.hide + .largeWrap #ci_phone {
    width: 100%;
    margin-left: -1px;
  }
  .hf .registration_form .area-code + .std-code.hide + .largeWrap.phone {
    width: 50%;
    margin-top: 0;
  }
  .hf .registration_form .area-code.hide + .std-code.hide + .largeWrap #ci_phone {
    width: 100%;
    margin-left: 0;
  }
  .hf .registration_form .area-code.hide + .std-code.hide + .largeWrap.phone {
    width: 100%;
  }
  .hf .registration_form .std-code.hide + .largeWrap #ci_phone {
    width: 100%;
    margin-left: 0;
  }
  .hf .registration_form .reseller + .area-code.hide + .std-code {
    border-top: none;
  }
  .hf .registration_form .reseller.hide + .area-code.hide + .std-code {
    border-top: 1px solid #a1a1a1;
  }
  .hf .registration_form .reseller + .area-code.hide + .std-code + .largeWrap.phone {
    border-top: none;
  }
  .hf .registration_form .reseller.hide + .area-code.hide + .std-code + .largeWrap.phone {
    margin-top: 1px;
  }
  .hf .registration_form .reseller.hide + .area-code.hide + .std-code.hide + .largeWrap.phone {
    margin-top: 0;
  }
  .hf .registration_form .reseller + .area-code.hide + .std-code + .largeWrap.phone {
    margin-top: 0;
  }
  .hf .registration_form h2 {
    padding: 0;
    margin: 0;
  }
  .hf .registration_form h2.headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 48px 0 8px 0;
  }
  .hf .registration_form h2.subheadline {
    color: #04c9d7;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 32px;
  }
  .hf .registration_form form {
    margin: 0 auto;
  }
  .hf .registration_form form.registration {
    max-width: 590px;
    padding-bottom: 48px;
  }
  .hf .registration_form form.registration input:-webkit-autofill {
    background-color: transparent;
    color: #444;
  }
  .hf .registration_form form.registration textarea:-webkit-autofill {
    background-color: transparent;
    color: #444;
  }
  .hf .registration_form form.registration .btn-wrap {
    width: 100%;
    display: inline-block;
  }
  .hf .registration_form form.registration .btnGreen {
    background-color: #81c23c;
    padding: 0 24px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
    height: 40px;
  }
  .hf .registration_form form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .registration_form form.registration .btnGreen:focus {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hf .registration_form form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .registration_form form.registration button {
    padding: 0 24px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
    height: 40px;
  }
  .hf .registration_form form.registration button:hover {
    text-decoration: none;
  }
  .hf .registration_form form.registration button:focus {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hf .registration_form form.registration .smallWrap {
    width: 50%;
  }
  .hf .registration_form form.registration .smallWrap.area-code + .registration_form form.registration .smallWrap.std-code + .largeWrap .inputLarge {
    width: 264px;
  }
  .hf .registration_form form.registration .smallWrap.std-code {
    border-top: 1px solid #a1a1a1;
  }
  .hf .registration_form form.registration .smallWrap.zip-code {
    width: 36.002%;
  }
  .hf .registration_form form.registration .smallWrap .inputSmall {
    width: 100%;
  }
  .hf .registration_form form.registration .smallWrap .inputSmall.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .registration_form form.registration .smallWrap .inputSmall.location {
    margin-top: -1px;
  }
  .hf .registration_form form.registration .smallWrap:nth-of-type(3) .inputSmall {
    max-width: 284px;
    border-left: none;
  }
  .hf .registration_form form.registration .smallWrap i {
    position: absolute;
    z-index: 0;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
    pointer-events: none;
  }
  .hf .registration_form form.registration .inputLarge {
    width: 100%;
    margin-top: -1px;
  }
  .hf .registration_form form.registration .inputLarge.shortNumber {
    width: 284px;
    margin-left: -1px;
  }
  .hf .registration_form form.registration .inputLarge.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .registration_form form.registration .inputLarge#phone {
    border-top: none;
    margin-top: 0;
  }
  .hf .registration_form form.registration div.largeWrap {
    position: relative;
    float: left;
    width: 100%;
  }
  .hf .registration_form form.registration div.largeWrap.referred {
    border: 1px solid #a1a1a1;
    border-top: none;
    height: 64px;
    background-color: #fff;
  }
  .hf .registration_form form.registration div.largeWrap.referred > div {
    float: left;
    margin: 32px 0 0 16px;
  }
  .hf .registration_form form.registration div.largeWrap.referred > div label {
    margin: 0 0 0 2px;
  }
  .hf .registration_form form.registration div.largeWrap.referred > div input[type=radio] {
    margin-left: 2px;
  }
  .hf .registration_form form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
    float: left;
  }
  .hf .registration_form form.registration div.smallWrap.area-code {
    border-top: 1px solid #a1a1a1;
  }
  .hf .registration_form form.registration div.smallWrap.state {
    width: 49.593%;
  }
  .hf .registration_form form.registration div .subLabel,
  .hf .registration_form form.registration div input.valid + label.error-label + label.label,
  .hf .registration_form form.registration div textarea.valid + label.error-label + label.label {
    display: inline-block;
    top: 8px;
    margin-left: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
  }
  .hf .registration_form form.registration div .subLabel.referrer-label,
  .hf .registration_form form.registration div input.valid + label.error-label + label.label.referrer-label,
  .hf .registration_form form.registration div textarea.valid + label.error-label + label.label.referrer-label {
    position: static;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    display: inline;
    color: #444;
  }
  .hf .registration_form form.registration div #formTerms,
  .hf .registration_form form.registration div#formOptIn {
    font-size: 12px;
    color: #a1a1a1;
    padding-left: 20px;
    text-align: left;
    width: auto;
  }
  .hf .registration_form form.registration div #formTerms a,
  .hf .registration_form form.registration div#formOptIn a {
    color: #f99d1c;
  }
  .hf .registration_form form.registration div #formTerms a:hover,
  .hf .registration_form form.registration div#formOptIn a:hover {
    color: #fab024;
  }
  .hf .registration_form form.registration div #formTerms a:active,
  .hf .registration_form form.registration div#formOptIn a:active {
    color: #f88e16;
  }
  .hf .registration_form form.registration div #formTerms input[type=checkbox],
  .hf .registration_form form.registration div#formOptIn input[type=checkbox] {
    width: auto;
    margin-right: 10px;
  }
  .hf .registration_form form.registration div #formTerms input[type=checkbox] + label,
  .hf .registration_form form.registration div#formOptIn input[type=checkbox] + label {
    display: block;
    width: auto;
    text-align: left;
    line-height: 16px;
  }
  .hf .registration_form form.registration div #formTerms .subLabel,
  .hf .registration_form form.registration div#formOptIn .subLabel {
    text-transform: none;
    font-weight: 400;
  }
  .hf .registration_form form.registration div .subLabel {
    text-transform: uppercase;
  }
  .hf .registration_form form.registration div input.error + label.error-label + label.label,
  .hf .registration_form form.registration div textarea.error + label.error-label + label.label {
    display: none;
  }
  .hf .registration_form form.registration div select {
    background-color: #fff;
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0 30px 0 16px !important;
    -webkit-padding-end: 30px !important;
    -webkit-padding-start: 16px !important;
  }
  .hf .registration_form form.registration div select + label {
    display: none;
  }
  .hf .registration_form form.registration div select::-ms-expand {
    display: none;
  }
  .hf .registration_form form.registration div input,
  .hf .registration_form form.registration div textarea {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 22px 0 12px 16px;
    outline: 0;
    text-align: left;
  }
  .hf .registration_form form.registration div input:focus,
  .hf .registration_form form.registration div textarea:focus {
    outline: 0;
    padding-bottom: 11px;
  }
  .hf .registration_form form.registration div input.valid,
  .hf .registration_form form.registration div textarea.valid {
    padding-top: 22px;
    padding-bottom: 12px;
  }
  .hf .registration_form form.registration div input[type=radio] {
    height: auto;
  }
  .hf .registration_form form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-left: -8px;
  }
  .hf .registration_form form.registration div label.error-label {
    color: #d91f00;
    top: 8px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-align: left;
    width: 80%;
  }
  .hf .registration_form form.registration div label.error-label + label {
    display: none;
  }
  .hf .registration_form form.registration div input:focus + label,
  .hf .registration_form form.registration div textarea:focus + label {
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
  }
  .hf .registration_form form.registration div input:focus + label.error-label,
  .hf .registration_form form.registration div textarea:focus + label.error-label {
    color: #d91f00;
  }
  .hf .registration_form form.registration div input.valid + label.label,
  .hf .registration_form form.registration div input:focus + label.label,
  .hf .registration_form form.registration div textarea.valid + label.label,
  .hf .registration_form form.registration div textarea:focus + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .registration_form form.registration div input.valid + label.label + label,
  .hf .registration_form form.registration div input:focus + label.label + label,
  .hf .registration_form form.registration div textarea.valid + label.label + label,
  .hf .registration_form form.registration div textarea:focus + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .registration_form form.registration div input[type=checkbox] {
    float: left;
    display: block;
    height: auto;
    margin: 10px 0;
    width: 10%;
  }
  .hf .registration_form form.registration div input[type=checkbox] + label {
    left: 0;
    padding-right: 10px;
    position: relative;
    margin: 10px 0;
    text-align: left;
    top: 0;
    width: 90%;
  }
  .hf .registration_form form.registration div input[type=checkbox] + label a {
    color: #f99d1c;
  }
  .hf .registration_form form.registration .textbox {
    margin-top: 20px;
  }
  .hf .registration_form form.registration .textbox .inputLarge {
    height: 130px;
  }
  .hf .registration_form form.registration div.contact {
    border: 1px solid #a1a1a1;
    height: 64px;
    width: 568px;
    margin: -1px 0 0 2px;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .registration_form form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .registration_form form.registration div.contact div.option {
    margin-left: -11px;
    display: inline-block;
    margin-top: -20px;
  }
  .hf .registration_form form.registration div.contact div.option:nth-of-type(2) {
    margin-left: 20px;
  }
  .hf .registration_form form.registration div.contact div.option input,
  .hf .registration_form form.registration div.contact div.option textarea {
    display: none;
  }
  .hf .registration_form form.registration div.contact div.option input:checked + label:after,
  .hf .registration_form form.registration div.contact div.option textarea:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .registration_form form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
    margin-top: 8px;
  }
  .hf .registration_form form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .registration_form .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 75%;
    margin: 48px auto 48px auto;
  }
  .hf .registration_form .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .hf .registration_form .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 48px 0 32px 0;
  }
  .hf .gatedRegForm {
    background: rgba(0, 0, 0, 0.8);
    text-align: left;
    border: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 34px 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    display: none;
  }
  .hf .gatedRegForm form.registration {
    background: #fff;
  }
  .hf .gatedRegForm .close-popup {
    margin-right: auto;
    margin-left: auto;
    width: 590px;
  }
  .hf .gatedRegForm .close-popup button.close-icon.mfp-close {
    float: none;
    margin-left: 590px;
    position: relative;
  }
  .hf .gatedRegForm .close-popup button.close-icon.mfp-close > img {
    padding: 5px;
  }
  .hf .regMobile {
    display: none;
  }
  .hf .company-contactSales-form-wrapper {
    background-color: #ccc;
    margin: 20px auto;
    padding: 15px;
    font-family: OpenSansRegular, sans-serif;
  }
  .hf .company-contactSales-form-wrapper .mobile {
    display: none;
  }
  .hf .company-contactSales-form-wrapper .contact-contactSales-thankyou {
    margin: 20px auto;
    padding: 0 20px 20px;
  }
  .hf .company-contactSales-form-wrapper .contact-contactSales-thankyou .company-contactSales-successPanel-HeadLine {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0;
  }
  .hf .company-contactSales-form-wrapper .contact-contactSales-thankyou .company-contactSales-successPanel-Content {
    font-size: 15px;
    text-align: center;
    padding: 5px 0;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales .referred {
    background-color: #fff;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales h2.headline {
    font-size: 26px;
    margin: 5px 0 3px 0;
    text-align: left;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales input.submit {
    min-width: initial;
    padding: 8px 30px;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales .textbox .inputLarge {
    padding-top: 37px;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales .label {
    white-space: initial;
    text-align: left;
    padding: 0.2em 0 0.3em;
  }
  @-moz-document url-prefix() {
    .hf .registration_form form.registration .hide-state.country {
      width: 79.9999%;
    }
  }
}
@media (max-width: 767px) {
  .hf .registration_form {
    text-align: center;
  }
  .hf .registration_form #ci_phone {
    margin-bottom: 0;
  }
  .hf .registration_form #ci_reseller {
    margin-bottom: 0;
  }
  .hf .registration_form .form-group {
    padding: 0;
    margin: 0;
  }
  .hf .registration_form .reg-headline-override {
    font-size: 1em;
    font-weight: 800;
    line-height: 20px;
    text-align: left;
    margin-top: 26px;
  }
  .hf .registration_form .reg-subHeadline-override {
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
  }
  .hf .registration_form h2 {
    padding: 0;
    margin: 0;
  }
  .hf .registration_form h2.preHeadline {
    color: #04c9d7;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 8px 0;
    padding: 0;
  }
  .hf .registration_form h2.headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 32px 0 8px 0;
  }
  .hf .registration_form h2.subheadline {
    color: #04c9d7;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 32px;
  }
  .hf .registration_form form {
    margin: 0 auto;
    padding-bottom: 48px;
  }
  .hf .registration_form form.registration {
    width: 100%;
  }
  .hf .registration_form form.registration input:-webkit-autofill {
    background-color: transparent;
    color: #444;
  }
  .hf .registration_form form.registration textarea:-webkit-autofill {
    background-color: transparent;
    color: #444;
  }
  .hf .registration_form form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 24px !important;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
    min-width: 227px;
    height: auto;
  }
  .hf .registration_form form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .registration_form form.registration .btnGreen:focus {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hf .registration_form form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .registration_form form.registration button {
    padding: 10px 24px !important;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
    min-width: 227px;
    height: auto;
  }
  .hf .registration_form form.registration button:focus {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hf .registration_form form.registration button:hover {
    text-decoration: none;
  }
  .hf .registration_form form.registration .smallWrap .inputSmall {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .registration_form form.registration .smallWrap .inputSmall.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .registration_form form.registration .smallWrap:nth-of-type(2) .inputSmall {
    margin-bottom: -1px;
  }
  .hf .registration_form form.registration .smallWrap i {
    position: absolute;
    z-index: 0;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
    pointer-events: none;
  }
  .hf .registration_form form.registration .inputLarge {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .registration_form form.registration .inputLarge.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .registration_form form.registration #ci_reseller {
    margin-bottom: 0;
    border-top: none;
  }
  .hf .registration_form form.registration #phone {
    border-top: none;
    margin-bottom: 0;
  }
  .hf .registration_form form.registration #email {
    margin-bottom: 0;
  }
  .hf .registration_form form.registration .largeWrap.textbox label.label.subLabel {
    top: 28px;
  }
  .hf .registration_form form.registration div.largeWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .registration_form form.registration div.largeWrap.referred {
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    height: 64px;
  }
  .hf .registration_form form.registration div.largeWrap.referred > div {
    float: left;
    margin: 32px 0 0 16px;
  }
  .hf .registration_form form.registration div.largeWrap.referred > div label {
    margin: 0 0 0 2px;
  }
  .hf .registration_form form.registration div.largeWrap.referred > div input[type=radio] {
    margin-left: 2px;
    height: auto;
  }
  .hf .registration_form form.registration div.locationWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .registration_form form.registration div.locationWrap select {
    margin-top: -1px;
    background-color: #fff;
    -webkit-appearance: none;
  }
  .hf .registration_form form.registration div.locationWrap .inputSmall:nth-of-type(1).location {
    margin-bottom: 0;
  }
  .hf .registration_form form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .registration_form form.registration div label.error-label + label.label {
    display: inline-block;
  }
  .hf .registration_form form.registration div input.valid + label.error-label + label.label,
  .hf .registration_form form.registration div input:focus + label.error-label + label.label,
  .hf .registration_form form.registration div textarea.valid + label.error-label + label.label,
  .hf .registration_form form.registration div textarea:focus + label.error-label + label.label {
    display: inline-block;
    top: 8px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
  }
  .hf .registration_form form.registration div .referrer-label {
    position: static;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    display: inline;
    color: #444;
  }
  .hf .registration_form form.registration div input.error-label + label.error-label + label.label,
  .hf .registration_form form.registration div textarea.error-label + label.error-label + label.label {
    display: none;
  }
  .hf .registration_form form.registration div select {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    margin-bottom: -1px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .hf .registration_form form.registration div select + label {
    display: none;
  }
  .hf .registration_form form.registration div input,
  .hf .registration_form form.registration div textarea {
    text-align: left;
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 24px 0 6px 16px;
    outline: 0;
  }
  .hf .registration_form form.registration div input:focus,
  .hf .registration_form form.registration div textarea:focus {
    outline: 0;
  }
  .hf .registration_form form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
  .hf .registration_form form.registration div label.label {
    left: 16px;
  }
  .hf .registration_form form.registration div label.error-label {
    color: #d91f00;
    top: 8px;
    left: 16px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-align: left;
    width: 80%;
  }
  .hf .registration_form form.registration div label.error-label + label {
    display: none;
  }
  .hf .registration_form form.registration div#ci_country-error.error-label {
    top: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #d91f00;
  }
  .hf .registration_form form.registration div input:focus + label,
  .hf .registration_form form.registration div textarea:focus + label {
    top: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
  }
  .hf .registration_form form.registration div input:focus + label.error-label,
  .hf .registration_form form.registration div textarea:focus + label.error-label {
    color: #d91f00;
  }
  .hf .registration_form form.registration div .subLabel,
  .hf .registration_form form.registration div input.valid + label.label,
  .hf .registration_form form.registration div input:focus + label.label,
  .hf .registration_form form.registration div textarea.valid + label.label,
  .hf .registration_form form.registration div textarea:focus + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .registration_form form.registration div .subLabel + label,
  .hf .registration_form form.registration div input.valid + label.label + label,
  .hf .registration_form form.registration div input:focus + label.label + label,
  .hf .registration_form form.registration div textarea.valid + label.label + label,
  .hf .registration_form form.registration div textarea:focus + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .registration_form form.registration div .subLabel.referrer-label,
  .hf .registration_form form.registration div input.valid + label.label.referrer-label,
  .hf .registration_form form.registration div input:focus + label.label.referrer-label,
  .hf .registration_form form.registration div textarea.valid + label.label.referrer-label,
  .hf .registration_form form.registration div textarea:focus + label.label.referrer-label {
    position: static;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    display: inline;
    color: #444;
  }
  .hf .registration_form form.registration div #formTerms,
  .hf .registration_form form.registration div#formOptIn {
    font-size: 12px;
    color: #a1a1a1;
    padding-left: 20px;
    text-align: left;
    width: auto;
  }
  .hf .registration_form form.registration div #formTerms a,
  .hf .registration_form form.registration div#formOptIn a {
    color: #f99d1c;
  }
  .hf .registration_form form.registration div #formTerms a:hover,
  .hf .registration_form form.registration div#formOptIn a:hover {
    color: #fab024;
  }
  .hf .registration_form form.registration div #formTerms a:active,
  .hf .registration_form form.registration div#formOptIn a:active {
    color: #f88e16;
  }
  .hf .registration_form form.registration div #formTerms input[type=checkbox],
  .hf .registration_form form.registration div#formOptIn input[type=checkbox] {
    width: auto;
    margin-right: 10px;
  }
  .hf .registration_form form.registration div #formTerms input[type=checkbox] + label,
  .hf .registration_form form.registration div#formOptIn input[type=checkbox] + label {
    display: block;
    width: auto;
    text-align: left;
    line-height: 16px;
  }
  .hf .registration_form form.registration div #formTerms .subLabel,
  .hf .registration_form form.registration div#formOptIn .subLabel {
    text-transform: none;
    font-weight: 400;
  }
  .hf .registration_form form.registration div input[type=checkbox] {
    float: left;
    display: block;
    height: auto;
    margin: 10px 0;
    width: 17%;
  }
  .hf .registration_form form.registration div input[type=checkbox] + label {
    left: 0;
    padding-right: 10px;
    position: relative;
    margin: 10px 0;
    text-align: left;
    top: 0;
    width: 83%;
  }
  .hf .registration_form form.registration div input[type=checkbox] + label a {
    color: #f99d1c;
  }
  .hf .registration_form form.registration .textbox {
    margin-top: 20px;
  }
  .hf .registration_form form.registration .textbox .inputLarge {
    height: 130px;
  }
  .hf .registration_form form.registration div.contact {
    height: 64px;
    width: 100%;
    margin: 16px 0 0 0;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .registration_form form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .registration_form form.registration div.contact div.option {
    margin-left: -20px;
    display: block;
    margin-top: 16px;
  }
  .hf .registration_form form.registration div.contact div.option input,
  .hf .registration_form form.registration div.contact div.option textarea {
    display: none;
  }
  .hf .registration_form form.registration div.contact div.option input:checked + label:after,
  .hf .registration_form form.registration div.contact div.option textarea:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .registration_form form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
  }
  .hf .registration_form form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .registration_form form.registration #formCategory select {
    border-top: none;
  }
  .hf .registration_form form.registration #formProduct {
    border-bottom: 1px solid #a1a1a1;
  }
  .hf .registration_form .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 100%;
    margin: 32px auto 322px auto;
  }
  .hf .registration_form .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .hf .registration_form .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 32px 0 16px 0;
  }
  .hf .gatedRegForm {
    background: rgba(0, 0, 0, 0.8);
    text-align: left;
    border: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 34px 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    display: none;
  }
  .hf .gatedRegForm form.registration {
    background: #fff;
  }
  .hf .gatedRegForm .close-popup > button.close-icon.mfp-close {
    top: -37px;
    right: 15px;
  }
  .hf .gatedRegForm .close-popup > button.close-icon.mfp-close > img {
    padding: 5px;
  }
  .hf .regDesktop {
    display: none;
  }
  .hf .company-contactSales-form-wrapper {
    background-color: #ccc;
    margin: 20px auto;
    padding: 15px;
    font-family: OpenSansRegular, sans-serif;
  }
  .hf .company-contactSales-form-wrapper .desktop {
    display: none;
  }
  .hf .company-contactSales-form-wrapper .contact-contactSales-thankyou {
    margin: 20px auto;
    padding: 0 20px 20px;
  }
  .hf .company-contactSales-form-wrapper .contact-contactSales-thankyou .company-contactSales-successPanel-HeadLine {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0;
  }
  .hf .company-contactSales-form-wrapper .contact-contactSales-thankyou .company-contactSales-successPanel-Content {
    font-size: 15px;
    text-align: center;
    padding: 5px 0;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales .referred {
    background-color: #fff;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales h2.headline {
    font-size: 26px;
    margin: 5px 0 3px 0;
    text-align: left;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales input.submit {
    min-width: initial;
    padding: 8px 30px;
  }
  .hf .company-contactSales-form-wrapper .company-contactSales .textbox .inputLarge {
    padding-top: 37px;
  }
}
@media (max-width: 1024px) {
  .hf .reg-form-desktop {
    display: none !important;
  }
  .hf .reg-form-mobile {
    display: inline-block !important;
  }
  .hf .reg-form-mobile.submit.ladda-button {
    display: inline-block;
    min-width: 227px;
  }
  .hf .reg-form-mobile.btnGreen.submit.ladda-button {
    display: inline-block;
    min-width: 227px;
  }
}
@media (min-width: 1025px) {
  .hf .reg-form-desktop {
    display: inline-block !important;
  }
  .hf .reg-form-desktop.submit.ladda-button {
    display: inline-block;
    min-width: 227px;
  }
  .hf .reg-form-desktop.btnGreen.submit.ladda-button {
    display: inline-block;
    min-width: 227px;
  }
  .hf .reg-form-mobile {
    display: none !important;
  }
}
.hf .sales-horizontal {
  margin: 48px 0;
  padding: 0 32px;
  text-align: center;
  color: #444;
}
.hf .sales-horizontal > p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.hf .sales-horizontal > p > a {
  text-decoration: none;
}
.hf .sales-horizontal .sales-horizontal-email {
  color: #f99d1c;
}
.hf .sales-horizontal .sales-horizontal-phone {
  color: #444;
}
@media (max-width: 767px) {
  .hf .sales-horizontal {
    margin: 40px 0;
  }
  .hf .sales-horizontal > p {
    font-size: 14px;
  }
}
@media (min-width: 1025px) {
  .hf .company_contact_us_form {
    text-align: center;
  }
  .hf .company_contact_us_form .regFormWrapper {
    margin: 48px 0 32px 0;
    padding: 32px;
    width: 433px;
    background-image: url(/images/bg-get_started.png);
  }
  .hf .company_contact_us_form .regFormWrapper h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    margin-bottom: 15px;
    text-align: left;
  }
  .hf .company_contact_us_form .regFormWrapper .subText {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 16px 0 32px 0;
    display: inline-block;
    text-align: left;
  }
  .hf .company_contact_us_form h2 {
    padding: 0;
    margin: 0;
  }
  .hf .company_contact_us_form h2.headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 48px 0 8px 0;
  }
  .hf .company_contact_us_form h2.subheadline {
    color: #04c9d7;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 48px;
  }
  .hf .company_contact_us_form form {
    margin: 0 auto;
  }
  .hf .company_contact_us_form form.registration {
    width: 373px;
  }
  .hf .company_contact_us_form form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
  }
  .hf .company_contact_us_form form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .company_contact_us_form form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .company_contact_us_form form.registration .btnGreen.mobile {
    display: none;
  }
  .hf .company_contact_us_form form.registration .smallWrap .inputSmall {
    width: 186px;
  }
  .hf .company_contact_us_form form.registration .smallWrap .inputSmall.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .company_contact_us_form form.registration .smallWrap .inputSmall.location {
    margin-top: -1px;
  }
  .hf .company_contact_us_form form.registration .smallWrap:nth-of-type(2) .inputSmall {
    width: 183px;
    border-left: none;
  }
  .hf .company_contact_us_form form.registration .smallWrap i {
    position: absolute;
    z-index: 0;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
  }
  .hf .company_contact_us_form form.registration .inputLarge {
    width: 369px;
    margin-top: -1px;
    margin-left: 2px;
  }
  .hf .company_contact_us_form form.registration .inputLarge.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .company_contact_us_form form.registration .inputLarge#phone {
    border-top: none;
    margin-top: 0;
  }
  .hf .company_contact_us_form form.registration div.largeWrap {
    position: relative;
    float: left;
  }
  .hf .company_contact_us_form form.registration div:nth-of-type(1) {
    margin-left: 2px;
  }
  .hf .company_contact_us_form form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
    float: left;
  }
  .hf .company_contact_us_form form.registration div input:valid + label.error + label.label,
  .hf .company_contact_us_form form.registration div textarea:valid + label.error + label.label {
    display: inline-block;
    top: 8px;
    margin-left: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration div input.error + label.error + label.label,
  .hf .company_contact_us_form form.registration div textarea.error + label.error + label.label {
    display: none;
  }
  .hf .company_contact_us_form form.registration div select {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .hf .company_contact_us_form form.registration div select + label {
    display: none;
  }
  .hf .company_contact_us_form form.registration div input,
  .hf .company_contact_us_form form.registration div textarea {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 24px 0 24px 16px;
    outline: 0;
  }
  .hf .company_contact_us_form form.registration div input:focus,
  .hf .company_contact_us_form form.registration div textarea:focus {
    outline: 0;
    padding-top: 22px;
    padding-bottom: 11px;
  }
  .hf .company_contact_us_form form.registration div input.valid,
  .hf .company_contact_us_form form.registration div textarea.valid {
    padding-top: 22px;
    padding-bottom: 12px;
  }
  .hf .company_contact_us_form form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #ccc;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-left: -8px;
  }
  .hf .company_contact_us_form form.registration div label.error {
    color: #d91f00;
    top: 8px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration div label.error + label {
    display: none;
  }
  .hf .company_contact_us_form form.registration div input:focus + label,
  .hf .company_contact_us_form form.registration div textarea:focus + label {
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration div input:focus + label.error,
  .hf .company_contact_us_form form.registration div textarea:focus + label.error {
    color: #d91f00;
  }
  .hf .company_contact_us_form form.registration div input:valid + label.label,
  .hf .company_contact_us_form form.registration div textarea:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .company_contact_us_form form.registration div input:valid + label.label + label,
  .hf .company_contact_us_form form.registration div textarea:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration .textbox {
    margin-top: 20px;
  }
  .hf .company_contact_us_form form.registration .textbox .inputLarge {
    height: 130px;
  }
  .hf .company_contact_us_form form.registration div.contact {
    border: 1px solid #a1a1a1;
    height: 64px;
    width: 568px;
    margin: -1px 0 0 2px;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .company_contact_us_form form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option {
    margin-left: -11px;
    display: inline-block;
    margin-top: -20px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option:nth-of-type(2) {
    margin-left: 20px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option input,
  .hf .company_contact_us_form form.registration div.contact div.option textarea {
    display: none;
  }
  .hf .company_contact_us_form form.registration div.contact div.option input:checked + label:after,
  .hf .company_contact_us_form form.registration div.contact div.option textarea:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
    margin-top: 8px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .company_contact_us_form .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 75%;
    margin: 48px auto 48px auto;
  }
  .hf .company_contact_us_form .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .hf .company_contact_us_form .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 48px 0 32px 0;
  }
  .hf .regMobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .hf .company_contact_us_form {
    text-align: center;
  }
  .hf .company_contact_us_form .regFormWrapper {
    border-top: 8px solid #dade63;
    margin: 48px 0 32px 0;
    padding: 32px;
    width: 100%;
    background-image: url(/images/bg-get_started.png);
  }
  .hf .company_contact_us_form .regFormWrapper h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    text-align: left;
  }
  .hf .company_contact_us_form .regFormWrapper .subText {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 16px 0 32px 0;
    display: inline-block;
    text-align: left;
  }
  .hf .company_contact_us_form h2 {
    padding: 0;
    margin: 0;
  }
  .hf .company_contact_us_form h2.preHeadline {
    color: #04c9d7;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 8px 0;
    padding: 0;
  }
  .hf .company_contact_us_form h2.headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px 0;
  }
  .hf .company_contact_us_form h2.subheadline {
    color: #04c9d7;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 32px;
  }
  .hf .company_contact_us_form form {
    margin: 0 auto;
  }
  .hf .company_contact_us_form form.registration {
    width: 100%;
  }
  .hf .company_contact_us_form form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0 0 0;
    border: none;
  }
  .hf .company_contact_us_form form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .company_contact_us_form form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .company_contact_us_form form.registration .btnGreen.desktop {
    display: none;
  }
  .hf .company_contact_us_form form.registration .smallWrap .inputSmall {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .company_contact_us_form form.registration .smallWrap .inputSmall.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .company_contact_us_form form.registration .smallWrap:nth-of-type(2) .inputSmall {
    margin-bottom: -1px;
  }
  .hf .company_contact_us_form form.registration .smallWrap i {
    position: absolute;
    z-index: 0;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
  }
  .hf .company_contact_us_form form.registration .inputLarge {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .company_contact_us_form form.registration .inputLarge.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .company_contact_us_form form.registration #phone {
    border-top: none;
    margin-bottom: 0;
  }
  .hf .company_contact_us_form form.registration #email {
    margin-bottom: 0;
  }
  .hf .company_contact_us_form form.registration div.largeWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .company_contact_us_form form.registration div.locationWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .company_contact_us_form form.registration div.locationWrap select {
    margin-top: -1px;
    background-color: #fff;
    -webkit-appearance: none;
  }
  .hf .company_contact_us_form form.registration div.locationWrap .inputSmall:nth-of-type(1).location {
    margin-bottom: 0;
  }
  .hf .company_contact_us_form form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
  }
  .hf .company_contact_us_form form.registration div label.error + label.label {
    display: inline-block;
  }
  .hf .company_contact_us_form form.registration div input:valid + label.error + label.label,
  .hf .company_contact_us_form form.registration div textarea:valid + label.error + label.label {
    display: inline-block;
    top: 8px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration div input.error + label.error + label.label,
  .hf .company_contact_us_form form.registration div textarea.error + label.error + label.label {
    display: none;
  }
  .hf .company_contact_us_form form.registration div select {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    margin-bottom: -1px !important;
  }
  .hf .company_contact_us_form form.registration div select + label {
    display: none;
  }
  .hf .company_contact_us_form form.registration div input,
  .hf .company_contact_us_form form.registration div textarea {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 24px 0 6px 16px;
    outline: 0;
  }
  .hf .company_contact_us_form form.registration div input:focus,
  .hf .company_contact_us_form form.registration div textarea:focus {
    outline: 0;
  }
  .hf .company_contact_us_form form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #ccc;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
  .hf .company_contact_us_form form.registration div label.label {
    left: 8px;
  }
  .hf .company_contact_us_form form.registration div label.error {
    color: #d91f00;
  }
  .hf .company_contact_us_form form.registration div label.error + label {
    display: none;
  }
  .hf .company_contact_us_form form.registration div input:focus + label,
  .hf .company_contact_us_form form.registration div textarea:focus + label {
    top: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration div input:focus + label.error,
  .hf .company_contact_us_form form.registration div textarea:focus + label.error {
    color: #d91f00;
  }
  .hf .company_contact_us_form form.registration div input:valid + label.label,
  .hf .company_contact_us_form form.registration div textarea:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .company_contact_us_form form.registration div input:valid + label.label + label,
  .hf .company_contact_us_form form.registration div textarea:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .company_contact_us_form form.registration div.contact {
    height: 64px;
    width: 100%;
    margin: 16px 0 0 0;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .company_contact_us_form form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option {
    margin-left: -20px;
    display: block;
    margin-top: 16px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option input,
  .hf .company_contact_us_form form.registration div.contact div.option textarea {
    display: none;
  }
  .hf .company_contact_us_form form.registration div.contact div.option input:checked + label:after,
  .hf .company_contact_us_form form.registration div.contact div.option textarea:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .company_contact_us_form form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
  }
  .hf .company_contact_us_form form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .company_contact_us_form .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 100%;
    margin: 32px auto 322px auto;
  }
  .hf .company_contact_us_form .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .hf .company_contact_us_form .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 32px 0 16px 0;
  }
  .hf .regDesktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .hf .carousel-inner.onebyone-carosel {
    margin: auto;
    width: 100%;
    height: 100px;
  }
  .hf .onebyone-carosel .active.left {
    left: -33.33%;
  }
  .hf .onebyone-carosel .active.right {
    left: 33.33%;
  }
  .hf .onebyone-carosel .next {
    left: 33.33%;
  }
  .hf .onebyone-carosel .prev {
    left: -33.33%;
  }
  .hf .left.carousel-control {
    background-image: none;
    background-color: rgba(161, 161, 161, 0.7);
    width: 24px;
  }
  .hf .right.carousel-control {
    background-image: none;
    background-color: rgba(162, 161, 161, 0.7);
    width: 24px;
  }
}
.hf .carousel-indicators {
  z-index: 2;
}
.hf .modal-overlay,
.hf .modal-overlay-carousel {
  position: relative;
  display: inline-block;
}
.hf .modal-overlay a,
.hf .modal-overlay-carousel a {
  position: relative;
  display: inline-block;
}
.hf .modal-overlay a:after,
.hf .modal-overlay-carousel a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0);
  transition: background 0.2s;
}
.hf .modal-overlay a:hover:after,
.hf .modal-overlay-carousel a:hover:after {
  background: rgba(51, 51, 51, 0.4);
}
.hf .modal-overlay-carousel.no-image,
.hf .modal-overlay.no-image {
  display: block;
}
.hf .modal-overlay-carousel.no-image a:after,
.hf .modal-overlay.no-image a:after {
  display: none;
}
.hf .modal-overlay i,
.hf .modal-overlay-carousel i {
  margin-right: 0.5em;
}
.hf .modal-overlay img,
.hf .modal-overlay-carousel img {
  opacity: 0;
  transition: all 0.2s;
}
.hf .modal-overlay img + i,
.hf .modal-overlay-carousel img + i {
  padding: 0.5em;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  transition: all 0.2s;
}
.hf .modal-overlay img.loaded,
.hf .modal-overlay img.loaded + i,
.hf .modal-overlay-carousel img.loaded,
.hf .modal-overlay-carousel img.loaded + i {
  opacity: 1;
  margin-bottom: 0;
}
.hf .modal-overlay-carousel.video,
.hf .modal-overlay.video {
  overflow: hidden;
}
.hf .modal-overlay-carousel.video .title,
.hf .modal-overlay.video .title {
  display: block;
  width: 100%;
  position: absolute;
  padding: 13px 10px;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}
.hf .modal-overlay-carousel.video a:after,
.hf .modal-overlay.video a:after {
  display: none;
}
.hf .modal-overlay-carousel.video img + i,
.hf .modal-overlay.video img + i {
  height: 2em;
  width: 2em;
  padding: 0;
  margin-top: -1em;
  margin-left: -1em;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  vertical-align: middle;
  line-height: 2em;
  background: rgba(0, 0, 0, 0.85);
  transition: background 0.3s;
}
.hf .modal-overlay-carousel.video img + i.fa,
.hf .modal-overlay.video img + i.fa {
  font-size: 30px;
  text-align: center;
}
.hf .modal-overlay-carousel.video img + i:before,
.hf .modal-overlay.video img + i:before {
  margin-left: 0.15em;
}
.hf a.modal-overlay-carousel:after,
.hf a.modal-overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0);
  transition: background 0.2s;
}
.hf a.modal-overlay-carousel:hover:after,
.hf a.modal-overlay:hover:after {
  background: rgba(51, 51, 51, 0.4);
}
.hf a.modal-overlay-carousel.no-image:after,
.hf a.modal-overlay-carousel.video:after,
.hf a.modal-overlay.no-image:after,
.hf a.modal-overlay.video:after {
  display: none;
}
.hf .full-screen-overlay,
.hf .full-screen-overlay-carousel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.85);
  padding: 40px;
  text-align: center;
}
.hf .full-screen-overlay-carousel:before,
.hf .full-screen-overlay:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.hf .full-screen-overlay-carousel > .carousel.slide,
.hf .full-screen-overlay > .carousel.slide {
  position: absolute;
  top: 95px;
  left: 25%;
  width: 55%;
}
.hf .full-screen-overlay-carousel > .carousel.slide img,
.hf .full-screen-overlay > .carousel.slide img {
  max-width: 100%;
  height: auto;
}
.hf .full-screen-overlay-carousel > .carousel.slide .overlay-title + img,
.hf .full-screen-overlay > .carousel.slide .overlay-title + img {
  max-width: 840px;
  height: 516px;
}
.hf .full-screen-overlay a.close,
.hf .full-screen-overlay-carousel a.close {
  font-size: 1em;
  color: #fff;
  line-height: 24px;
  opacity: 1;
  font-weight: 400;
  vertical-align: top;
  position: absolute;
  top: 11%;
  right: 16vw;
}
.hf .full-screen-overlay a.close > i,
.hf .full-screen-overlay-carousel a.close > i {
  font-size: 2em;
  margin-left: 16px;
  font-weight: 400;
}
.hf .full-screen-overlay .overlay-title,
.hf .full-screen-overlay-carousel .overlay-title {
  width: 100%;
  text-align: left;
}
.hf .full-screen-overlay .overlay-title > .h4,
.hf .full-screen-overlay-carousel .overlay-title > .h4 {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  display: inline-block;
}
.hf .full-screen-overlay .overlay-contents,
.hf .full-screen-overlay-carousel .overlay-contents {
  z-index: 100;
  max-width: 100%;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.hf .full-screen-overlay .overlay-contents .overlay-title,
.hf .full-screen-overlay-carousel .overlay-contents .overlay-title {
  text-align: left;
}
.hf .full-screen-overlay .overlay-contents .carousel,
.hf .full-screen-overlay .overlay-contents .static-content,
.hf .full-screen-overlay-carousel .overlay-contents .carousel,
.hf .full-screen-overlay-carousel .overlay-contents .static-content {
  text-align: center;
}
.hf .full-screen-overlay .overlay-contents .static-content,
.hf .full-screen-overlay-carousel .overlay-contents .static-content {
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.hf .full-screen-overlay .overlay-contents .static-content .inner img,
.hf .full-screen-overlay-carousel .overlay-contents .static-content .inner img {
  width: 840px;
  height: 516px;
}
.hf .full-screen-overlay .overlay-contents .carousel-title,
.hf .full-screen-overlay-carousel .overlay-contents .carousel-title {
  text-align: left;
}
.hf .full-screen-overlay .overlay-contents .carousel .item,
.hf .full-screen-overlay-carousel .overlay-contents .carousel .item {
  padding: 0;
  display: inline-block;
  width: auto;
}
.hf .full-screen-overlay .overlay-contents .carousel-control,
.hf .full-screen-overlay-carousel .overlay-contents .carousel-control {
  background: 0 0;
}
.hf .full-screen-overlay .overlay-contents i,
.hf .full-screen-overlay-carousel .overlay-contents i {
  color: #fff;
  font-size: 22px;
  display: inline-block;
}
.hf .full-screen-overlay .overlay-contents .h4,
.hf .full-screen-overlay-carousel .overlay-contents .h4 {
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
}
.hf .full-screen-overlay .overlay-contents img,
.hf .full-screen-overlay-carousel .overlay-contents img {
  margin: 0 auto;
}
.hf .full-screen-overlay .overlay-contents .caption,
.hf .full-screen-overlay-carousel .overlay-contents .caption {
  position: relative;
  bottom: 0;
  text-align: left;
}
.hf .full-screen-overlay .overlay-contents .caption label,
.hf .full-screen-overlay-carousel .overlay-contents .caption label {
  transition: all 0.3s;
  z-index: 101;
  right: 0;
  position: absolute;
  top: -30px;
  width: 145px;
  height: 30px;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  cursor: pointer;
}
.hf .full-screen-overlay .overlay-contents .caption label:before,
.hf .full-screen-overlay-carousel .overlay-contents .caption label:before {
  content: "";
  font: 14px FontAwesome;
  color: #fff;
  margin-right: 5px;
}
.hf .full-screen-overlay .overlay-contents .caption label:after,
.hf .full-screen-overlay-carousel .overlay-contents .caption label:after {
  content: "Show Caption";
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.hf .full-screen-overlay .overlay-contents .caption input[type=checkbox],
.hf .full-screen-overlay-carousel .overlay-contents .caption input[type=checkbox] {
  display: none;
}
.hf .full-screen-overlay .overlay-contents .caption input[type=checkbox]:checked ~ .caption-content,
.hf .full-screen-overlay-carousel .overlay-contents .caption input[type=checkbox]:checked ~ .caption-content {
  max-height: 330px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.hf .full-screen-overlay .overlay-contents .caption input[type=checkbox]:checked ~ .caption-content label:before,
.hf .full-screen-overlay-carousel .overlay-contents .caption input[type=checkbox]:checked ~ .caption-content label:before {
  content: "";
  margin-right: 5px;
}
.hf .full-screen-overlay .overlay-contents .caption input[type=checkbox]:checked ~ .caption-content label:after,
.hf .full-screen-overlay-carousel .overlay-contents .caption input[type=checkbox]:checked ~ .caption-content label:after {
  content: "Hide Caption";
}
.hf .full-screen-overlay .overlay-contents .caption-content,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content {
  transition: all 0.3s;
  position: absolute;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  font-weight: 300;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  padding: 0 30px;
  max-height: 0;
  width: 100%;
}
.hf .full-screen-overlay .overlay-contents .caption-content .h3,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content .h3 {
  color: #fff;
}
.hf .full-screen-overlay .overlay-contents .caption-content .h3,
.hf .full-screen-overlay .overlay-contents .caption-content .h4,
.hf .full-screen-overlay .overlay-contents .caption-content h1,
.hf .full-screen-overlay .overlay-contents .caption-content h2,
.hf .full-screen-overlay .overlay-contents .caption-content h5,
.hf .full-screen-overlay .overlay-contents .caption-content h6,
.hf .full-screen-overlay .overlay-contents .caption-content p,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content .h3,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content .h4,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content h1,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content h2,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content h5,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content h6,
.hf .full-screen-overlay-carousel .overlay-contents .caption-content p {
  margin: 0;
  display: block;
}
.hf .full-screen-overlay .modal-nav,
.hf .full-screen-overlay-carousel .modal-nav {
  display: none;
}
.hf .full-screen-overlay .modal-nav .next,
.hf .full-screen-overlay .modal-nav .prev,
.hf .full-screen-overlay-carousel .modal-nav .next,
.hf .full-screen-overlay-carousel .modal-nav .prev {
  position: fixed;
  top: 50%;
  z-index: 100;
  background: #ccc;
  width: 40px;
  height: 80px;
  margin-top: -40px;
  color: #fff;
  text-align: center;
  display: block;
  transition: all 0.3s;
}
.hf .full-screen-overlay .modal-nav .next:before,
.hf .full-screen-overlay .modal-nav .prev:before,
.hf .full-screen-overlay-carousel .modal-nav .next:before,
.hf .full-screen-overlay-carousel .modal-nav .prev:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hf .full-screen-overlay .modal-nav .next i,
.hf .full-screen-overlay .modal-nav .prev i,
.hf .full-screen-overlay-carousel .modal-nav .next i,
.hf .full-screen-overlay-carousel .modal-nav .prev i {
  line-height: 1em;
  vertical-align: middle;
  text-shadow: 2.5px 0 0 rgba(0, 0, 0, 0.15);
  font-size: 40px;
}
.hf .full-screen-overlay .modal-nav .next:hover,
.hf .full-screen-overlay .modal-nav .prev:hover,
.hf .full-screen-overlay-carousel .modal-nav .next:hover,
.hf .full-screen-overlay-carousel .modal-nav .prev:hover {
  background-color: #bbb;
}
.hf .full-screen-overlay .modal-nav .prev,
.hf .full-screen-overlay-carousel .modal-nav .prev {
  left: 0;
  border-radius: 0 40px 40px 0;
}
.hf .full-screen-overlay .modal-nav .prev i,
.hf .full-screen-overlay-carousel .modal-nav .prev i {
  margin-left: -0.25em;
}
.hf .full-screen-overlay .modal-nav .next,
.hf .full-screen-overlay-carousel .modal-nav .next {
  right: 0;
  border-radius: 40px 0 0 40px;
}
.hf .full-screen-overlay .modal-nav .next i,
.hf .full-screen-overlay-carousel .modal-nav .next i {
  margin-right: -0.25em;
}
.hf .carousel-control.modal {
  background-image: none;
  opacity: 1;
  display: block;
}
.hf .carousel-control.modal.right {
  right: 100px;
  top: 46%;
  height: 100px;
  cursor: pointer;
  background-color: transparent;
}
.hf .carousel-control.modal.right > img.arrow {
  position: absolute;
  right: 18px;
  top: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hf .carousel-control.modal.left {
  left: 100px;
  top: 46%;
  height: 100px;
  background-color: transparent;
  cursor: pointer;
}
.hf .carousel-control.modal.left > img.arrow {
  position: absolute;
  left: 16px;
  top: 15px;
}
.hf .modal-backdrop {
  background-color: none;
}
@media (max-width: 767px) {
  .hf .full-screen-overlay,
  .hf .full-screen-overlay-carousel {
    padding: 0;
    margin: 0 auto;
  }
  .hf .full-screen-overlay-carousel > .carousel.slide,
  .hf .full-screen-overlay > .carousel.slide {
    top: 20%;
    left: 0;
    width: 100%;
  }
  .hf .full-screen-overlay-carousel > .carousel.slide .overlay-title + img,
  .hf .full-screen-overlay > .carousel.slide .overlay-title + img {
    max-width: 375px;
    height: 230px;
    margin: 0 auto;
  }
  .hf .full-screen-overlay .carousel-inner > .item,
  .hf .full-screen-overlay-carousel .carousel-inner > .item {
    text-align: center;
  }
  .hf .full-screen-overlay .overlay-title,
  .hf .full-screen-overlay-carousel .overlay-title {
    text-align: center;
  }
  .hf .full-screen-overlay .overlay-title > .h4,
  .hf .full-screen-overlay-carousel .overlay-title > .h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin: 0 auto 16px;
  }
  .hf .full-screen-overlay a.close,
  .hf .full-screen-overlay-carousel a.close {
    top: 24px;
    right: 24px;
  }
}
.hf .video-content {
  position: absolute;
  top: 95px;
  left: 25%;
  width: 55%;
}
.hf .video-content iframe {
  width: 840px;
  height: 483px;
  position: absolute;
  left: 0;
  padding: 8px;
  border: 1px solid #fff;
}
.hf .video-content .overlay-title > .h4 {
  margin: 0 0 24px;
}
@media only screen and (max-width: 767px) {
  .hf .video-content {
    left: 0;
    width: 100%;
    height: auto;
  }
  .hf .video-content iframe {
    width: 100%;
    height: auto;
  }
  .hf .modal-content {
    visibility: hidden;
    height: 0;
  }
  .hf div.mobile-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .hf div.mobile-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .hf .video-content {
    left: 5%;
  }
  .hf .modal-content {
    visibility: hidden;
    height: 0;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .hf .video-content {
    left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .hf .video-content {
    left: 10%;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .video-content {
    left: 25%;
  }
  .hf .vidyard_iframe,
  .hf .vidyard_tbox,
  .hf .vidyard_tcontent,
  .hf .vidyard_tcontent > span,
  .hf .vidyard_tinner {
    min-width: 960px;
    min-height: 540px;
    max-width: 960px;
    max-height: 540px;
  }
}
@media (min-width: 1600px) {
  .hf .full-screen-overlay-carousel a.close {
    right: 20vw;
  }
}
.hf .mfp-zoom-out-cur {
  cursor: default;
}
.hf .mfp-bg {
  background: rgba(0, 0, 0, 0.85);
}
.hf .mfp-counter {
  display: none;
}
.hf .mfp-zoom-out-cur .mfp-close:focus,
.hf .mfp-zoom-out-cur .mfp-close:hover {
  cursor: pointer;
}
.hf .close-icon {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  float: right;
  opacity: 1;
}
.hf .close-icon:focus,
.hf .close-icon:hover {
  color: #fff;
  text-decoration: none;
}
.hf .close-icon .fa {
  font-size: 32px;
}
.hf .close-icon > img {
  width: 40px !important;
  height: 40px !important;
  opacity: 1;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
.hf .close-icon > img:focus,
.hf .close-icon > img:hover {
  opacity: 1;
}
.hf .close-icon div {
  font-size: 16px;
  line-height: 1.5;
  margin-right: 30px;
  opacity: 1;
}
.hf .close-icon div:focus,
.hf .close-icon div:hover {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .hf img.mfp-img {
    max-width: 375px;
  }
}
@media only screen and (min-width: 850px) {
  .hf img.mfp-img {
    max-width: 504px;
  }
}
@media only screen and (min-width: 992px) {
  .hf img.mfp-img {
    max-width: 648px;
  }
}
@media only screen and (min-width: 1165px) {
  .hf img.mfp-img {
    max-width: 840px;
  }
}
@media only screen and (min-width: 1350px) {
  .hf img.mfp-img {
    max-width: 1024px;
  }
}
@media only screen and (max-width: 767px) {
  .hf img.mfp-img {
    width: 375px;
    height: 230px;
  }
  .hf .close-icon,
  .hf .close-icon:focus,
  .hf .close-icon:hover {
    position: absolute;
    top: -200px;
    opacity: 1;
  }
  .hf .close-icon img,
  .hf .close-icon:focus img,
  .hf .close-icon:hover img {
    width: 24px;
    height: 24px;
  }
  .hf .mfp-iframe-holder .mfp-close,
  .hf .mfp-image-holder .mfp-close {
    right: 5px;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
  }
}
.hf .mfp-bottom-bar {
  top: 43px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}
.hf .mfp-title {
  position: absolute;
  top: -15px;
  font-size: 32px;
  font-weight: 700;
  line-height: 35px;
}
.hf .mfp-iframe-holder .mfp-close {
  top: -7px;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
.hf .mfp-iframe-scaler iframe {
  top: 23px;
}
@media only screen and (max-width: 767px) {
  .hf .mfp-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    top: -40px;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .hf .mfp-content img.mfp-img {
    height: 230px;
    width: 375px;
    padding: 0;
  }
  .hf .mfp-iframe-holder .mfp-close {
    top: -105px;
  }
}
.hf .popup-image,
.hf .popup-video {
  position: relative;
  display: block;
}
.hf .popup-image:focus,
.hf .popup-image:visited,
.hf .popup-video:focus,
.hf .popup-video:visited {
  outline: 0 !important;
}
.hf .popup-image:after,
.hf .popup-video:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0);
  transition: background 0.2s;
}
.hf .popup-image:hover:after,
.hf .popup-video:hover:after {
  background: rgba(51, 51, 51, 0.4);
}
.hf .popup-image img + i,
.hf .popup-video img + i {
  position: absolute;
  height: 2em;
  width: 2em;
  padding: 0;
  margin-top: -1em;
  margin-left: -1em;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  vertical-align: middle;
  line-height: 2em;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  transition: background 0.3s;
}
.hf .popup-image img + i.fa,
.hf .popup-video img + i.fa {
  font-size: 30px;
  text-align: center;
}
.hf .popup-image img + i:before,
.hf .popup-video img + i:before {
  margin-left: 0.15em;
}
.hf .modal-content .cDownloads {
  text-align: left;
}
.hf .modal-content .cDownloads .name {
  display: block;
}
.hf .modal-content .cDownloads .size {
  display: block;
  color: #a1a1a1;
}
.hf .modal-content .cDownloads .operatingSystem {
  display: inline-block;
  font-weight: 700;
  margin: 20px 0 0 0;
}
.hf .modal-content .cDownloads .productCard {
  text-align: center;
  width: 70%;
  border: 1px solid #ccc;
  margin: 16px 0;
  padding: 16px 0;
}
.hf .modal-content .cDownloads .productCard a.btnGreen {
  font-size: 14px;
  margin: 0;
  background-color: #81c23c;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
.hf .system-requirements {
  background-image: url(/images/circuit-texture.png);
}
@media only screen and (max-width: 767px) {
  .hf .system-requirements {
    margin: 0 -15px;
    padding: 32px 0;
    position: relative;
  }
  .hf .system-requirements .requirement-list {
    position: relative;
    margin-bottom: 60px;
  }
  .hf .system-requirements h2.section-headline {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 16px;
    text-align: center;
    color: #444;
  }
  .hf .system-requirements div.default-action-style {
    text-align: center;
    margin-top: 16px;
  }
  .hf .system-requirements div.default-action-style a {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #f99d1c;
  }
  .hf .system-requirements div.default-action-style a:hover {
    color: #fab024;
  }
  .hf .system-requirements div.default-action-style a:active {
    color: #f88e16;
  }
  .hf .system-requirements div.default-action-style:nth-child(3) {
    margin-bottom: 24px;
  }
  .hf .system-requirements div.symbol {
    border: 5px solid #ccc;
    background-color: #fff;
    text-align: center;
    font-size: 36px;
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    border-radius: 14rem;
  }
  .hf .system-requirements div.symbol i {
    vertical-align: middle;
  }
  .hf .system-requirements .horizontal-connector {
    width: 300%;
    height: 5px;
    background-color: #ccc;
    position: absolute;
    bottom: 268px;
    z-index: -1;
  }
  .hf .system-requirements .vertical-connector div {
    width: 5px;
    height: 24px;
    background-color: #ccc;
    text-align: center;
    margin: 0 auto;
  }
  .hf .system-requirements .right.carousel-control {
    height: 72px;
    top: 168px;
    right: 15px;
  }
  .hf .system-requirements .left.carousel-control {
    height: 72px;
    top: 168px;
    left: 15px;
  }
  .hf .system-requirements .requirement-text {
    padding: 16px 32px;
    text-align: center;
    line-height: 20px;
    width: 66%;
    height: 150px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 16px #ccc;
  }
  .hf .system-requirements .requirement-text .h5 {
    font-size: 16px;
    font-weight: 700;
  }
  .hf .system-requirements .requirement-text p {
    font-size: 14px;
  }
  .hf .system-requirements .requirement-text p a {
    color: #f99d1c;
  }
  .hf .system-requirements .requirement-text p a:hover {
    color: #fab024;
  }
  .hf .system-requirements .requirement-text p a:active {
    color: #f88e16;
  }
  .hf .system-requirements .carousel-indicators {
    position: absolute;
    bottom: -8px;
  }
  .hf .system-requirements .carousel-indicators li {
    border: 1px solid #f99d1c;
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .hf .system-requirements .carousel-indicators li.active {
    background-color: #f99d1c;
  }
}
@media only screen and (min-width: 768px) {
  .hf .system-requirements {
    background-color: #eee;
    margin: 0 -15px;
    padding: 0;
  }
  .hf .system-requirements .default-action-style {
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    color: #f99d1c;
    text-align: center;
    margin-bottom: 32px;
    height: 14px;
    text-decoration: underline;
  }
  .hf .system-requirements .default-action-style a {
    color: #f99d1c;
  }
  .hf .system-requirements .default-action-style a:hover {
    color: #fab024;
  }
  .hf .system-requirements .default-action-style a:active {
    color: #f88e16;
  }
  .hf .system-requirements > .desktop {
    position: relative;
    height: 550px;
    padding: 0;
    margin: 0 auto;
  }
  .hf .system-requirements > .desktop table {
    width: 90%;
    table-layout: fixed;
    margin: 0 auto;
  }
  .hf .system-requirements > .desktop table td {
    vertical-align: top;
    text-align: center;
  }
  .hf .system-requirements > .desktop h2.section-headline {
    margin: 48px 0 8px;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    color: #444;
  }
  .hf .system-requirements > .desktop .default-action-style {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #f99d1c;
    text-align: center;
    margin-bottom: 32px;
    height: 14px;
  }
  .hf .system-requirements > .desktop .default-action-style a {
    color: #f99d1c;
  }
  .hf .system-requirements > .desktop .default-action-style a:hover {
    color: #fab024;
  }
  .hf .system-requirements > .desktop .default-action-style a:active {
    color: #f88e16;
  }
  .hf .system-requirements > .desktop .horizontal-connector {
    width: 95%;
    height: 5px;
    background-color: #ccc;
    position: absolute;
    bottom: -231px;
  }
  .hf .system-requirements > .desktop .vertical-connector.right {
    width: 5px;
    background-color: #ccc;
    height: 275px;
    position: absolute;
    top: 321px;
  }
  .hf .system-requirements > .desktop .vertical-connector.left {
    width: 5px;
    background-color: #ccc;
    height: 322px;
    position: absolute;
    top: 0;
    right: 19px;
  }
  .hf .system-requirements > .desktop .requirements {
    position: absolute;
    top: 244px;
    left: 2vw;
  }
  .hf .system-requirements > .desktop .requirement {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  .hf .system-requirements > .desktop div.symbol {
    border: 5px solid #ccc;
    background-color: #fff;
    text-align: center;
    font-size: 36px;
    width: 8rem;
    height: 8rem;
    margin: 36px auto 0;
    border-radius: 16rem;
  }
  .hf .system-requirements > .desktop div.symbol i,
  .hf .system-requirements > .desktop div.symbol img {
    vertical-align: bottom;
  }
  .hf .system-requirements > .desktop .requirement div.stem {
    height: 16px;
    width: 5px;
    background-color: #ccc;
    text-align: center;
    margin: 0 auto;
  }
  .hf .system-requirements > .desktop .requirements td:nth-child(even) div.stem {
    position: absolute;
    top: 20px;
    left: 48%;
  }
  .hf .system-requirements > .desktop .requirement-text {
    padding: 16px;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 16px #ccc;
    width: 190px;
  }
  .hf .system-requirements > .desktop .requirement-text .h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 20px;
  }
  .hf .system-requirements > .desktop .requirement-text p {
    font-size: 14px;
    margin: 0;
  }
  .hf .system-requirements > .desktop .requirement-text p a {
    color: #f99d1c;
  }
  .hf .system-requirements > .desktop .requirement-text p a:hover {
    color: #fab024;
  }
  .hf .system-requirements > .desktop .requirement-text p a:active {
    color: #f88e16;
  }
  .hf .system-requirements > .desktop .requirements td:nth-child(odd) .requirement-text {
    position: absolute;
    top: 132px;
    left: 0;
  }
  .hf .system-requirements > .desktop .requirements td:nth-child(even) .requirement-text {
    position: absolute;
    bottom: 96px;
    right: 0;
  }
  .hf .system-requirements > .desktop .requirements .requirement-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  .hf .system-requirements > .desktop .requirements td:nth-child(odd) .requirement-text {
    position: absolute;
    top: 132px;
    left: 0;
  }
  .hf .system-requirements > .desktop .requirements td:nth-child(even) .requirement-text {
    position: absolute;
    bottom: 96px;
    right: 0;
    width: 224px;
  }
  .hf .system-requirements > .desktop .requirement-text {
    padding: 16px 32px;
    width: 224px;
  }
  .hf .system-requirements > .desktop table {
    width: 100%;
    margin: auto;
  }
  .hf .system-requirements > .desktop .horizontal-connector {
    width: 97%;
  }
  .hf .system-requirements > .desktop .vertical-connector.left {
    right: 10px;
  }
  .hf .system-requirements > .desktop .vertical-connector.right {
    left: 1.2%;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .system-requirements > .desktop .requirements td:nth-child(odd) .requirement-text {
    position: absolute;
    top: 132px;
    left: -74px;
  }
  .hf .system-requirements > .desktop .requirements td:nth-child(even) .requirement-text {
    position: absolute;
    bottom: 96px;
    right: -67px;
    width: 224px;
  }
  .hf .system-requirements > .desktop .requirement-text {
    padding: 16px 32px;
    width: 224px;
  }
  .hf .system-requirements > .desktop table {
    width: 100%;
    margin: auto;
  }
  .hf .system-requirements > .desktop .horizontal-connector {
    width: 100%;
  }
  .hf .system-requirements > .desktop .vertical-connector.left {
    right: -15px;
  }
}
.hf .hero-icon-strip {
  font-size: 16px;
  text-align: center;
  padding-bottom: 8px;
}
.hf .hero-icon-strip .hero-icon-containers {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container {
  display: inline-block;
  flex: 1;
  height: 110px;
  margin: 0 0 32px 0;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a {
  text-decoration: none;
  color: #444;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a img:first-child + img {
  display: none;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a i {
  color: #dade63;
  font-size: 3em;
  margin-bottom: 10px;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a p {
  font-size: 0.875em;
  line-height: 1.4285em;
  word-wrap: break-word;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a:hover {
  text-decoration: none;
  color: #a1a1a1;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a:hover img:first-child {
  display: none;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container a:hover img:first-child + img {
  display: inline-block;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container:hover i {
  color: #e6e97b;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container:hover p {
  color: #a1a1a1;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container:active i {
  color: #d0d54f;
}
.hf .hero-icon-strip .hero-icon-containers .hero-icon-container:active p {
  color: #666;
}
@media only screen and (max-width: 767px) {
  .hf .hero-icon-strip h1 {
    font-size: 1.9375em;
    margin: 32px 16px 8px;
    color: #04c9d7;
    font-weight: 700;
  }
  .hf .hero-icon-strip h1 + h2 {
    font-size: 1.25em;
    margin: 0 16px 50px;
    color: #666;
    font-weight: 400;
  }
  .hf .hero-icon-strip .hero-icon-containers .hero-icon-container {
    margin: 0 16px 32px 16px;
    max-width: 145px;
    min-width: 145px;
    width: 145px;
  }
  .hf .hero-icon-strip .hero-icon-containers .connector {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .hf .hero-icon-strip h1 {
    font-size: 1.9375em;
    margin: 32px 16px 8px;
    color: #04c9d7;
    font-weight: 700;
  }
  .hf .hero-icon-strip h1 + h2 {
    font-size: 1.25em;
    margin: 0 16px 50px;
    color: #666;
    font-weight: 400;
  }
  .hf .hero-icon-strip .hero-icon-containers .hero-icon-container {
    max-width: 145px;
    min-width: 145px;
    width: 145px;
  }
  .hf .hero-icon-strip .hero-icon-containers .connector {
    display: inline-block;
    width: 40px;
    height: 110px;
    position: relative;
  }
  .hf .hero-icon-strip .hero-icon-containers .connector div {
    width: 100%;
    height: 2px;
    background-color: #ccc;
    position: absolute;
    top: 25%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hf .hero-icon-strip .hero-icon-containers > div:nth-child(8n) {
    display: none;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:last-child {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .hf .hero-icon-strip h1 {
    font-size: 2.25em;
    margin: 32px 16px 8px;
    color: #04c9d7;
    font-weight: 700;
  }
  .hf .hero-icon-strip h1 + h2 {
    font-size: 1.25em;
    margin: 0 16px 50px;
    color: #666;
    font-weight: 400;
  }
  .hf .hero-icon-strip .hero-icon-containers .hero-icon-container {
    max-width: 110px;
    min-width: 110px;
    width: 110px;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:nth-child(8n) {
    display: inline-block;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:nth-child(12n) {
    display: none;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:last-child {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .hero-icon-strip .hero-icon-containers .hero-icon-container {
    max-width: 105px;
    min-width: 105px;
    width: 105px;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:nth-child(12n) {
    display: inline-block;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:nth-child(16n) {
    display: none;
  }
  .hf .hero-icon-strip .hero-icon-containers > div:last-child {
    display: none;
  }
}
.hf .postRegistration {
  margin-left: -15px;
  margin-right: -15px;
}
.hf .postRegistration-productCards .product-cards-heading {
  color: #444;
}
.hf .postRegistration-productCards .product-card-subtitle h5,
.hf .postRegistration-productCards .product-card-subtitle h5 a {
  color: #04c9d7;
  font-size: 24px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .hf .postRegistration > .container::after {
    width: 90%;
    margin: 0 auto;
    border-bottom: 2px dotted #ccc;
  }
}
.hf .confirmation-download {
  padding-right: 50px;
  margin-bottom: 48px;
}
.hf .confirmation-download .cDownloads .col-sm-6,
.hf .confirmation-download cStart .col-sm-6 {
  padding-left: 0;
  padding-right: 15px;
}
.hf .confirmation-download .h1 {
  color: #04c9d7;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 48px;
}
.hf .confirmation-download .h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 0;
}
.hf .confirmation-download .subheadline {
  font-size: 20px;
  font-variant: 700;
  line-height: 24px;
  display: inline-block;
  padding-bottom: 24px;
  border-bottom: 2px dotted #ccc;
  margin-bottom: 24px;
}
.hf .confirmation-download .download_subheadline {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
  display: inline-block;
}
@media (min-width: 1025px) {
  .hf .confirmation-download .operatingSystem {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .hf .confirmation-download .productCard {
    border: 1px solid #ccc;
    text-align: center;
    padding: 16px 0;
    margin: 16px 0 32px 12px;
    width: 100%;
  }
  .hf .confirmation-download .productCard .name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .hf .confirmation-download .productCard .size {
    display: block;
    color: #a1a1a1;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  .hf .confirmation-download .productCard .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    border: none;
    display: inline-block;
  }
  .hf .confirmation-download .productCard .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hf .confirmation-download {
    margin-bottom: 0;
  }
  .hf .confirmation-download .subheadline {
    border-bottom: 0;
  }
  .hf .confirmation-download .cDownloads {
    display: none;
  }
}
@media (max-width: 767px) {
  .hf .confirmation-download {
    margin-bottom: 0;
    text-align: center;
  }
  .hf .confirmation-download .h1 {
    font-size: 31px;
    margin: 32px 0 8px;
  }
  .hf .confirmation-download .subheadline {
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
    padding-bottom: 32px;
  }
  .hf .confirmation-download .cDownloads {
    display: none;
  }
}
@media (max-width: 1024px) {
  .hf .cStart .productCard {
    border: 1px solid #ccc;
    text-align: center;
    padding: 16px 0;
    margin: 16px 0 32px 12px;
    width: 100%;
  }
  .hf .cStart .productCard .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    border: none;
    display: inline-block;
  }
  .hf .cStart .productCard .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
}
.hf .QSdottedLine {
  height: 2px;
  width: 84%;
  padding-bottom: 10px;
  border-bottom: 2px dotted #ccc;
  margin: 0 auto;
}
.hf .quickStartContainer.tabsContainer {
  margin-left: 35px;
}
.hf .quickStartContainer.tabsContainer .tabContentWrapper {
  width: 55%;
}
.hf .quickStartContainer.tabsContainer .tabContentWrapper .nextFAQ {
  display: inline-block;
}
.hf .quickStartContainer.tabsContainer .tabLegendWrapper {
  width: 30%;
}
.hf .quickStartContainer.tabsContainer .qsgTitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 8px 40px;
  width: 70%;
}
.hf .quickStartContainer.tabsContainer .qsgSummary {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 32px 40px;
  width: 84%;
}
.hf .quickStartContainer.tabsContainer .qsgTitle + h2 {
  margin-top: 8px;
  margin-bottom: 16px;
}
.hf .quickStartContainer.tabsContainer .installText {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
}
.hf .quickStartContainer.tabsContainer ul {
  margin: 16px 0 24px 0;
}
.hf .quickStartContainer.tabsContainer ul.install {
  margin: 8px 0 32px 0;
}
.hf .quickStartContainer.tabsContainer ul li {
  list-style-type: disc;
}
.hf .quickStartContainer.tabsContainer .tab-vert .tab-content-faq {
  margin-top: 30px;
}
.hf .quickStartContainer.tabsContainer .tab-content-faq > li,
.hf .quickStartContainer.tabsContainer .tab-content > li {
  position: relative;
  overflow: hidden;
  height: auto;
}
.hf .quickStartContainer.tabsContainer .tab-content-faq > li .buttonsQSG,
.hf .quickStartContainer.tabsContainer .tab-content > li .buttonsQSG {
  margin: 32px 0 0 0;
  font-size: 16px;
  font-weight: 700;
  padding-left: 135px;
}
.hf .quickStartContainer.tabsContainer .tab-content-faq > li .buttonsQSG a,
.hf .quickStartContainer.tabsContainer .tab-content > li .buttonsQSG a {
  color: #444;
}
.hf .quickStartContainer.tabsContainer .tab-content-faq > li .buttonsQSG a:first-child,
.hf .quickStartContainer.tabsContainer .tab-content > li .buttonsQSG a:first-child {
  margin-right: 48px;
}
@media (max-width: 767px) {
  .hf .QSdottedLine {
    display: none;
  }
}
@media (min-width: 768px) {
  .hf .usefulResources {
    text-align: center;
    padding: 48px 0;
    width: 50%;
  }
  .hf .usefulResources .h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }
  .hf .usefulResources ul {
    text-align: left;
    margin: 16px 0 0 0;
    padding: 0;
  }
  .hf .usefulResources ul li {
    list-style-type: none;
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 400px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .hf .usefulResources ul li a {
    color: #666;
  }
}
@media (max-width: 767px) {
  .hf .usefulResources {
    text-align: center;
    width: 100%;
    border-top: 5px solid #dade63;
    padding: 32px 20px 32px 20px;
    margin-top: 20px;
  }
  .hf .usefulResources .h3 {
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
  }
  .hf .usefulResources ul {
    text-align: center;
    margin: 16px 0 0 0;
    padding: 0;
  }
  .hf .usefulResources ul li {
    list-style-type: none;
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 400px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .hf .usefulResources ul li a {
    color: #666;
  }
}
@media (min-width: 768px) {
  .hf .usefulResourcesRight {
    text-align: right;
    padding-right: 30px;
    margin: 48px 0;
  }
  .hf .usefulResourcesRight .h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
  }
  .hf .usefulResourcesRight ul {
    text-align: right;
    margin: 16px 0 0 0;
    padding: 0;
  }
  .hf .usefulResourcesRight ul li {
    list-style-type: none;
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 400px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .hf .usefulResourcesRight ul li .popup-video:hover:after,
  .hf .usefulResourcesRight ul li a.popup-image:hover:after {
    background: 0 0;
  }
  .hf .usefulResourcesRight ul li a {
    color: #666;
  }
  .hf .usefulResourcesRight ul li a:hover {
    color: #a1a1a1;
    text-decoration: underline;
  }
  .hf .usefulResourcesRight ul li a:active {
    color: #666;
    text-decoration: none;
  }
  .hf .usefulResourcesRight ul li a:focus {
    color: #666;
    text-decoration: none;
  }
  .hf .coupon-testimonial .usefulResourcesRight {
    text-align: left;
    margin-top: 11px;
    margin-bottom: 0;
  }
  .hf .coupon-testimonial .usefulResourcesRight ul {
    text-align: left;
    margin: 16px 0 11px 0;
    padding: 0;
    border-bottom: dotted 1px #a1a1a1;
  }
}
@media (max-width: 767px) {
  .hf .usefulResourcesRight {
    border-top: 1px dotted #a1a1a1;
    text-align: center;
    padding: 32px 0 32px 0;
    width: 100%;
  }
  .hf .usefulResourcesRight .h3 {
    color: #444;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }
  .hf .usefulResourcesRight ul {
    text-align: center;
    margin: 16px 0 0 0;
    padding: 0;
  }
  .hf .usefulResourcesRight ul li {
    list-style-type: none;
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 400px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .hf .usefulResourcesRight ul li a {
    color: #a1a1a1;
  }
  .hf .coupon-testimonial .usefulResourcesRight {
    padding-top: 0;
    text-align: center;
    margin-top: 0;
    border-bottom: dotted 1px #a1a1a1;
  }
  .hf .coupon-testimonial .usefulResourcesRight h3 {
    margin-top: 11px;
  }
  .hf .coupon-testimonial .usefulResourcesRight ul {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hf .siteSwitch {
    padding: 32px;
  }
  .hf .siteSwitch a {
    color: #f99d1c;
  }
  .hf .siteSwitch a:hover {
    color: #fab024;
    text-decoration: underline;
  }
  .hf .siteSwitch a:active {
    color: #f88e16;
    text-decoration: underline;
  }
  .hf .siteSwitch h1 {
    color: #04c9d7;
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
    width: 100%;
  }
  .hf .siteSwitch h2.siteView {
    font-size: 16px;
    font-weight: 500;
    margin-top: 50px;
  }
  .hf .siteSwitch .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
  }
  .hf .siteSwitch button {
    border: none;
    padding: 12px 55px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    margin-top: 10px;
  }
  .hf .siteSwitch button.oldSite {
    background-color: #f99d1c;
    margin-right: 20px;
  }
  .hf .siteSwitch button.newSite {
    background-color: #04c9d7;
  }
}
@media (max-width: 767px) {
  .hf .siteSwitch.container {
    padding: 32px;
  }
  .hf .siteSwitch a {
    color: #f99d1c;
  }
  .hf .siteSwitch a:hover {
    color: #fab024;
    text-decoration: underline;
  }
  .hf .siteSwitch a:active {
    color: #f88e16;
    text-decoration: underline;
  }
  .hf .siteSwitch h1 {
    color: #04c9d7;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    width: 100%;
  }
  .hf .siteSwitch h2.siteView {
    font-size: 16px;
    font-weight: 500;
    margin-top: 50px;
  }
  .hf .siteSwitch .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
  }
  .hf .siteSwitch button {
    border: none;
    padding: 12px 55px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    margin-top: 10px;
  }
  .hf .siteSwitch button.oldSite {
    background-color: #f99d1c;
    margin-right: 20px;
  }
  .hf .siteSwitch button.newSite {
    background-color: #04c9d7;
  }
}
@media (min-width: 993px) {
  .hf .modal {
    background: rgba(0, 0, 0, 0.75);
  }
  .hf .modal .modal-content {
    visibility: visible;
  }
  .hf .modal .modal-dialog {
    width: 70%;
    margin: 100px auto;
  }
  .hf .modal .modal-content {
    border-radius: 0;
    padding: 48px 40px;
    text-align: center;
    margin: auto 0;
    height: auto;
  }
  .hf .modal.roadBlock .h2 {
    padding: 0 80px;
    margin: 0;
    text-align: center;
    color: #04c9d7;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    width: 100%;
  }
  .hf .modal .iconClose {
    z-index: 100;
    position: absolute;
    margin-right: -47px;
    margin-top: -48px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }
  .hf .modal .iconClose .overlayClose {
    display: inline-block;
  }
  .hf .modal .iconClose i {
    font: normal normal normal 35px FontAwesome !important;
    margin-left: 16px;
    vertical-align: middle;
  }
  .hf .modal .image {
    margin: 32px 40px 0 0;
    height: auto !important;
  }
  .hf .modal .image img {
    height: auto !important;
    width: 100% !important;
    min-width: 90% !important;
  }
  .hf .modal .content {
    margin: 32px 0 0 0;
    width: auto;
    height: auto;
    text-align: left;
  }
  .hf .modal .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
  }
  .hf .modal .content a.btnGreen {
    display: inline-block;
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 21px 0 16px 0;
  }
  .hf .modal .content a.btnGreen:active,
  .hf .modal .content a.btnGreen:focus,
  .hf .modal .content a.btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .modal .content a.subLink {
    display: block;
    color: #f99d1c;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .hf .modal {
    background: rgba(0, 0, 0, 0.75);
  }
  .hf .modal .modal-body {
    padding: 0 !important;
  }
  .hf .modal .modal-dialog {
    width: auto;
    margin: 100px 16px;
  }
  .hf .modal .modal-content {
    visibility: visible;
    border-radius: 0;
    padding: 48px 40px;
    height: auto;
  }
  .hf .modal.roadBlock .h2 {
    padding: 0 10px;
    margin: 0;
    text-align: center;
    color: #04c9d7;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }
  .hf .modal .iconClose {
    z-index: 100;
    position: absolute;
    margin-top: -48px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }
  .hf .modal .iconClose .overlayClose {
    display: inline-block;
  }
  .hf .modal .iconClose i {
    font: normal normal normal 35px FontAwesome !important;
    margin-left: 16px;
    vertical-align: middle;
  }
  .hf .modal .image {
    height: auto !important;
    width: 100% !important;
    margin: auto 0;
  }
  .hf .modal .image img {
    height: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .hf .modal .content {
    margin: 0;
    width: auto;
    height: auto;
    text-align: center;
  }
  .hf .modal .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
  }
  .hf .modal .content a.btnGreen {
    display: inline-block;
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 21px 0 16px 0;
  }
  .hf .modal .content a.btnGreen:active,
  .hf .modal .content a.btnGreen:focus,
  .hf .modal .content a.btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .modal .content a.subLink {
    display: block;
    color: #f99d1c;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .hf .modal {
    background: rgba(0, 0, 0, 0.75);
  }
  .hf .modal .modal-dialog {
    width: 70%;
    margin: 80px auto;
  }
  .hf .modal .modal-content {
    visibility: visible;
    height: auto;
    border-radius: 0;
    padding: 48px 40px;
    text-align: center;
    margin: auto 0;
  }
  .hf .modal.roadBlock .h2 {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #04c9d7;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    width: 100%;
  }
  .hf .modal .iconClose {
    z-index: 100;
    position: absolute;
    margin-right: -47px;
    margin-top: -64px;
    right: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
  }
  .hf .modal .iconClose .overlayClose {
    display: inline-block;
  }
  .hf .modal .iconClose i {
    font: normal normal normal 35px FontAwesome !important;
    margin-left: 16px;
    vertical-align: middle;
  }
  .hf .modal .image {
    margin: 32px 0 0 0;
    height: auto !important;
  }
  .hf .modal .image img {
    height: auto !important;
    width: 100% !important;
    min-width: 90% !important;
  }
  .hf .modal .content {
    margin: 32px 0 0 0;
    width: auto;
    height: auto;
    text-align: left;
  }
  .hf .modal .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
  }
  .hf .modal .content a.btnGreen {
    display: inline-block;
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    width: 232px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 21px 0 16px 0;
  }
  .hf .modal .content a.btnGreen:active,
  .hf .modal .content a.btnGreen:focus,
  .hf .modal .content a.btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .modal .content a.subLink {
    display: block;
    color: #f99d1c;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
  }
}
.hf .buy-now {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99;
  text-align: center;
  overflow: auto;
  transition: opacity 0.3s;
}
.hf .buy-now.open {
  opacity: 1;
  display: block;
}
.hf .buy-now:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hf .buy-now :first-child {
  margin-top: 0;
}
.hf .buy-now :last-child {
  margin-bottom: 0;
}
.hf .buy-now .inner {
  width: 850px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  background: #fdfdfe;
  border: 1px solid #979797;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  padding: 35px 45px 45px;
  position: relative;
  overflow: auto;
  margin: 5% 0;
}
.hf .buy-now header {
  margin: 0;
  height: 50px;
  padding: 0;
}
.hf .buy-now header * {
  margin: 0;
}
.hf .buy-now header .h3 {
  margin-top: -7px;
  font-weight: 500;
  margin-bottom: 21px;
  color: #04c9d7;
  font-weight: 700;
}
.hf .buy-now header .close {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 22px;
  opacity: 1;
  transition: color 0.3s;
  color: #666;
}
.hf .buy-now header .close:hover {
  color: #a1a1a1;
}
.hf .buy-now .licenses,
.hf .buy-now .options {
  display: block;
  margin-bottom: 30px;
}
.hf .buy-now .licenses p,
.hf .buy-now .options p {
  margin: 0;
}
.hf .buy-now .licenses p + p,
.hf .buy-now .options p + p {
  margin-top: 0.5em;
}
.hf .buy-now .licenses tr,
.hf .buy-now .options tr {
  cursor: pointer;
  position: relative;
  display: table;
}
.hf .buy-now .licenses tr td,
.hf .buy-now .options tr td {
  background: inherit;
  color: #9b9b9b;
  transition: all 0.3s;
  border: 1px solid #ececec;
  border-bottom: 0;
  border-right: 0;
  padding: 15px 20px 20px;
  vertical-align: middle;
}
.hf .buy-now .licenses tr td:last-child,
.hf .buy-now .options tr td:last-child {
  border-right: 1px solid #ececec;
}
.hf .buy-now .licenses tr:last-child td,
.hf .buy-now .options tr:last-child td {
  border-bottom: 1px solid #ececec;
}
.hf .buy-now .licenses tr:nth-child(2n-1) td,
.hf .buy-now .options tr:nth-child(2n-1) td {
  background: #f5f8fa;
}
.hf .buy-now .licenses tr:hover:not(.selected) td,
.hf .buy-now .options tr:hover:not(.selected) td {
  color: #333;
  background: #e2f3f9;
  border-color: #ddd;
}
.hf .buy-now .licenses tr:hover:not(.selected) + tr td,
.hf .buy-now .options tr:hover:not(.selected) + tr td {
  border-top-color: #ddd;
}
.hf .buy-now .licenses tr.selected,
.hf .buy-now .options tr.selected {
  cursor: initial;
}
.hf .buy-now .licenses tr.selected td,
.hf .buy-now .options tr.selected td {
  color: #333;
  padding-bottom: 60px;
}
.hf .buy-now .licenses tr.selected .select .quantity,
.hf .buy-now .options tr.selected .select .quantity {
  height: 40px;
}
.hf .buy-now .licenses tr.selected.error td,
.hf .buy-now .options tr.selected.error td {
  padding-bottom: 80px;
}
.hf .buy-now .licenses tr.selected.error .select .quantity,
.hf .buy-now .options tr.selected.error .select .quantity {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.hf .buy-now .licenses .select,
.hf .buy-now .options .select {
  text-align: center;
  width: 90px;
}
.hf .buy-now .licenses .select input[type=checkbox],
.hf .buy-now .licenses .select input[type=radio],
.hf .buy-now .options .select input[type=checkbox],
.hf .buy-now .options .select input[type=radio] {
  width: auto;
  display: none;
}
.hf .buy-now .licenses .select input[type=radio] + label,
.hf .buy-now .options .select input[type=radio] + label {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #fdfdfe;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.hf .buy-now .licenses .select input[type=radio] + label:after,
.hf .buy-now .options .select input[type=radio] + label:after {
  background: 0 0;
  transition: background 0.3s;
  content: '';
  width: 14px;
  height: 14px;
  top: 4px;
  left: 4px;
  position: absolute;
  border-radius: 50%;
}
.hf .buy-now .licenses .select input[type=radio]:checked + label:after,
.hf .buy-now .options .select input[type=radio]:checked + label:after {
  background: #454545;
}
.hf .buy-now .licenses .select input[type=checkbox] + label,
.hf .buy-now .options .select input[type=checkbox] + label {
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background: #fdfdfe;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.hf .buy-now .licenses .select input[type=checkbox] + label:after,
.hf .buy-now .options .select input[type=checkbox] + label:after {
  transition: opacity 0.1s;
  content: '';
  top: 4px;
  left: 4px;
  position: absolute;
  opacity: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hf .buy-now .licenses .select input[type=checkbox]:checked + label:after,
.hf .buy-now .options .select input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.hf .buy-now .licenses .select .quantity,
.hf .buy-now .options .select .quantity {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 0;
  overflow: hidden;
  background: #dbeaf5;
  text-align: left;
  padding-left: 30px;
  cursor: initial;
  transition: height 0.3s;
}
.hf .buy-now .licenses .select .quantity:before,
.hf .buy-now .options .select .quantity:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hf .buy-now .licenses .select .quantity input,
.hf .buy-now .licenses .select .quantity label,
.hf .buy-now .options .select .quantity input,
.hf .buy-now .options .select .quantity label {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.hf .buy-now .licenses .select .quantity label,
.hf .buy-now .options .select .quantity label {
  color: inherit;
  font-weight: 600;
  line-height: 1em;
  margin: 0 1em 0 0;
}
.hf .buy-now .licenses .select .quantity input,
.hf .buy-now .options .select .quantity input {
  width: 80px;
  border-radius: 17px;
  padding: 0.25em 1em;
  text-align: center;
  border: 1px solid #e1e1e1;
}
.hf .buy-now .licenses .select .quantity input:focus,
.hf .buy-now .options .select .quantity input:focus {
  color: #555;
  border: 1px solid #777;
}
.hf .buy-now .licenses .meta,
.hf .buy-now .options .meta {
  width: 533px;
}
.hf .buy-now .licenses .meta p.title,
.hf .buy-now .options .meta p.title {
  color: inherit;
  font-weight: 600;
}
.hf .buy-now .licenses .meta .description,
.hf .buy-now .options .meta .description {
  font-size: 11px;
  line-height: 15px;
  color: inherit;
}
.hf .buy-now .licenses .price,
.hf .buy-now .options .price {
  width: 130px;
  text-align: center;
}
.hf .buy-now .licenses .price p,
.hf .buy-now .options .price p {
  color: inherit;
}
.hf .buy-now .licenses tr.selected {
  cursor: initial;
}
.hf .buy-now .licenses tr.selected td {
  padding-bottom: 60px;
}
.hf .buy-now .licenses tr.selected .select .quantity {
  height: 40px;
}
.hf .buy-now .options tr.selected:hover:notselected td {
  color: #333;
  background: #e2f3f9;
  border-color: #ddd;
}
.hf .buy-now .options tr.selected:hover:notselected + tr td {
  border-top-color: #ddd;
}
.hf .buy-now .options tr.selected.selected {
  cursor: pointer;
}
.hf .buy-now .quantity .errorMessage {
  display: block;
  font-size: 12px;
  margin-left: 3px;
  color: red;
}
.hf .buy-now .quantity.single {
  padding-left: 40px;
  margin: 15px 0 30px;
}
.hf .buy-now .quantity.single .field {
  display: inline-block;
  vertical-align: bottom;
  width: 70px;
}
.hf .buy-now .quantity.single .field label {
  display: block;
  text-align: center;
  font-weight: 400;
  margin-left: 0;
  line-height: 1.2em;
}
.hf .buy-now .quantity.single .field input {
  width: 70px;
  text-align: center;
}
.hf .buy-now .quantity.single .field input:focus {
  color: #333;
}
.hf .buy-now .quantity.single label {
  margin-left: 15px;
  vertical-align: bottom;
  line-height: 2.5em;
}
.hf .buy-now .sidebar .h4 {
  font-size: 16px;
  font-weight: 700;
}
.hf .buy-now .sidebar ul {
  font-size: 12px;
  padding-left: 20px;
}
.hf .buy-now .sidebar ul li {
  padding-left: 0;
  margin-bottom: 10px;
}
.hf .buy-now .sidebar > p {
  line-height: 17px;
}
.hf .buy-now .sidebar a {
  font-weight: 600;
}
.hf .buy-now .buttons {
  text-align: center;
}
.hf .buy-now .submit {
  width: auto;
}
.hf .buy-now .disabled {
  pointer-events: none;
}
.hf .buy-now .submit.btn.btn-primary {
  background-color: #04c9d7;
  color: #fff;
  border-color: #ccc;
}
.hf .buy-now .submit.btn.btn-primary:hover {
  background-color: #04d6e1;
}
.hf .buy-now .serv-u .licenses .select {
  display: none;
}
.hf .buy-now .serv-u .licenses .meta {
  width: 627px;
}
.hf .buy-now .serv-u .licenses tr {
  cursor: initial;
}
.hf .buy-now .serv-u .licenses tr td {
  padding-bottom: 20px;
}
.hf .buy-now .serv-u .licenses tr .select .quantity {
  height: 40px;
}
.hf .buy-now .serv-u .licenses tr:hover:not(.selected) td {
  background: inherit;
  color: #9b9b9b;
  border-color: #ececec;
}
.hf .buy-now .serv-u .licenses tr:hover:not(.selected) td:last-child {
  border-color: #ececec;
}
.hf .buy-now .serv-u .licenses tr:hover:not(.selected):last-child td {
  border-color: #ececec;
}
.hf .buy-now .serv-u .licenses tr:hover:not(.selected):nth-child(2n-1) td {
  background: #f5f8fa;
}
.hf .buy-now .serv-u .licenses tr:hover:not(.selected) + tr td {
  border-color: #ececec;
}
.hf .buy-now .serv-u .licenses + .quantity {
  background: #dbeaf5;
  text-align: left;
  padding-left: 30px;
  height: 40px;
  margin-top: -30px;
  overflow: hidden;
}
.hf .buy-now .serv-u .licenses + .quantity.error {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.hf .buy-now .serv-u .licenses + .quantity:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.hf .buy-now .serv-u .licenses + .quantity input,
.hf .buy-now .serv-u .licenses + .quantity label {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.hf .buy-now .serv-u .licenses + .quantity label {
  color: inherit;
  font-weight: 600;
  line-height: 1em;
  margin: 0 1em 0 0;
}
.hf .buy-now .serv-u .licenses + .quantity input {
  width: 80px;
  border-radius: 17px;
  padding: 0.25em 1em;
  text-align: center;
  border: 1px solid #e1e1e1;
}
.hf .buy-now .serv-u .licenses + .quantity input:focus {
  color: #555;
  border: 1px solid #777;
}
.hf .quick-quote-after-submission > h2.headline,
.hf .quick-quote-header > h2.headline {
  font-size: 30px;
  color: #02c0cf;
  line-height: 30px;
  font-weight: 400;
  margin-top: 0;
}
.hf .quick-quote-after-submission > h2.subheadline,
.hf .quick-quote-header > h2.subheadline {
  color: #535252;
  font-size: 16px;
  line-height: 1.42857143;
  font-weight: 400;
  margin: 0 0 25px;
}
.hf .centered {
  text-align: center;
}
.hf .left-align {
  text-align: left;
}
@media (min-width: 768px) {
  .hf .quick-quote-after-submission {
    min-height: 382px;
    padding-left: 15px;
  }
}
.hf .quick-quote-modal .modal-dialog,
.hf .quick-quote-modal .sticky-buttons-form,
.hf .sticky-buttons-form-modal .modal-dialog,
.hf .sticky-buttons-form-modal .sticky-buttons-form {
  background-color: #fff;
  padding: 30px;
  padding-bottom: 0;
  width: 555px;
}
.hf .quick-quote-modal .modal-dialog .one-col-reg-panel,
.hf .quick-quote-modal .sticky-buttons-form .one-col-reg-panel,
.hf .sticky-buttons-form-modal .modal-dialog .one-col-reg-panel,
.hf .sticky-buttons-form-modal .sticky-buttons-form .one-col-reg-panel {
  box-shadow: none;
}
.hf .quick-quote-modal .modal-dialog .iconClose,
.hf .quick-quote-modal .sticky-buttons-form .iconClose,
.hf .sticky-buttons-form-modal .modal-dialog .iconClose,
.hf .sticky-buttons-form-modal .sticky-buttons-form .iconClose {
  margin: 0;
  color: #666;
  font-weight: 100;
  top: 15px;
  right: 30px;
}
.hf .quick-quote-modal .modal-dialog .iconClose i,
.hf .quick-quote-modal .sticky-buttons-form .iconClose i,
.hf .sticky-buttons-form-modal .modal-dialog .iconClose i,
.hf .sticky-buttons-form-modal .sticky-buttons-form .iconClose i {
  font-size: 20px !important;
}
.hf .quick-quote-modal .quick-quote-header .headline,
.hf .sticky-buttons-form-modal .quick-quote-header .headline {
  color: #444;
  float: left;
  line-height: normal;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .quick-quote-modal .quick-quote-header .subheadline,
.hf .sticky-buttons-form-modal .quick-quote-header .subheadline {
  color: #444;
  float: left;
  text-align: left;
  line-height: normal;
  margin-bottom: 0;
  font-weight: 400;
}
.hf .quick-quote-modal #registrationForm,
.hf .sticky-buttons-form-modal #registrationForm {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  position: relative;
  overflow: visible;
}
.hf .quick-quote-modal #registrationForm .reg-row textarea,
.hf .sticky-buttons-form-modal #registrationForm .reg-row textarea {
  padding-left: 0;
}
.hf .quick-quote-modal #registrationForm #formOptIn label,
.hf .sticky-buttons-form-modal #registrationForm #formOptIn label {
  font-size: 16px;
  padding-left: 20px;
  color: #666;
}
.hf .quick-quote-modal #registrationForm #formOptIn .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark,
.hf .sticky-buttons-form-modal #registrationForm #formOptIn .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark {
  background-color: #a1a1a1;
}
.hf .quick-quote-modal #registrationForm #formOptIn .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark:after,
.hf .sticky-buttons-form-modal #registrationForm #formOptIn .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark:after {
  width: 7px;
  height: 10px;
  margin-left: 3px;
}
.hf .quick-quote-modal #registrationForm #formOptIn .optin_checkbox_container .checkmark,
.hf .sticky-buttons-form-modal #registrationForm #formOptIn .optin_checkbox_container .checkmark {
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #a1a1a1 !important;
}
.hf .quick-quote-modal #registrationForm #formTerms,
.hf .sticky-buttons-form-modal #registrationForm #formTerms {
  text-align: center;
  max-width: 360px;
  margin: auto;
  padding-bottom: 22px;
  padding-top: 18px;
  color: #666;
  font-size: 14px;
}
.hf .quick-quote-modal #registrationForm #formTerms > a,
.hf .sticky-buttons-form-modal #registrationForm #formTerms > a {
  color: #666;
}
.hf .quick-quote-modal #registrationForm button.submit,
.hf .sticky-buttons-form-modal #registrationForm button.submit {
  background-color: #f99d1c;
  min-width: 175px;
}
.hf .quick-quote-modal #registrationForm button.submit.inactive,
.hf .sticky-buttons-form-modal #registrationForm button.submit.inactive {
  background-color: #ccc;
}
@media (max-width: 767px) {
  .hf .quick-quote-modal .modal-dialog {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
  }
  .hf .quick-quote-modal .modal-dialog .iconClose {
    top: 13px;
    right: 13px;
  }
  .hf .quick-quote-modal .quick-quote-header .headline {
    font-size: 16px;
    font-weight: 500;
  }
  .hf .quick-quote-modal .quick-quote-header .subheadline {
    font-size: 14px;
    color: #444;
    font-weight: 400;
  }
  .hf .quick-quote-modal #registrationForm {
    padding-bottom: 0;
  }
  .hf .quick-quote-modal #registrationForm button.submit {
    background-color: #f99d1c;
    min-width: 143px;
    width: 143px;
    height: 34px;
    padding: 7px 20px;
    font-size: 12px;
    margin-top: 0;
  }
  .hf .quick-quote-modal #registrationForm #formOptIn label {
    font-size: 14px;
  }
  .hf .quick-quote-modal #registrationForm #formOptIn .optin_checkbox_container .checkmark {
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #a1a1a1 !important;
  }
  .hf .quick-quote-modal #registrationForm #formTerms {
    font-size: 14px;
    padding-bottom: 30px;
  }
  .hf .quick-quote-modal .quick-quote-after-submission {
    min-height: 382px;
    padding-left: 15px;
    margin-top: 30px;
  }
}
.hf .upsell-product-module {
  padding: 48px 0;
  margin-left: -30px;
}
.hf .upsell-product-module .small-text {
  color: #444;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
.hf .upsell-product-module .headline .h3 {
  margin: 0;
  margin-bottom: 32px;
  width: 85%;
}
.hf .upsell-product-module .subhead p {
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
}
.hf .upsell-product-module .subhead .h2-section-headline {
  float: left;
  color: #444;
  font-size: 32px;
  line-height: 1.1;
  margin: 0;
  display: inline-block;
}
.hf .upsell-product-module .subhead .small-text {
  margin-left: 11px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  margin-top: 13px;
}
.hf .upsell-product-module .content {
  margin-top: 32px;
}
.hf .upsell-product-module .image-wrapper {
  padding: 0;
  margin-bottom: 32px;
}
.hf .upsell-product-module .image-wrapper .image-header {
  display: none;
  background-color: #dade63;
  text-align: center;
  padding: 6px 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.hf .upsell-product-module .image-wrapper img {
  height: 315px;
  width: 504px;
}
.hf .upsell-product-module .cta .col-sm-12 {
  text-align: center;
}
.hf .upsell-product-module .cta .text .headline {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
.hf .upsell-product-module .cta .text img {
  height: auto;
  width: 100%;
}
.hf .upsell-product-module .cta .button {
  margin-top: 16px;
  margin-bottom: 16px;
}
.hf .upsell-product-module .cta .button .desktop {
  display: inline-block;
  border: none;
  font-weight: 700;
}
.hf .upsell-product-module .cta .button .mobile {
  display: none;
}
@media (min-width: 767px) {
  .hf .upsell-product-module .cta .learn-more {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding-left: 16px;
    padding-top: 0.875em;
    border-left: 2px dotted #a1a1a1;
    height: 32px;
    vertical-align: top;
    margin-left: 16px;
  }
  .hf .upsell-product-module .cta .learn-more .default-action-style {
    color: #f99d1c;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .hf .upsell-product-module .image-wrapper img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .hf .upsell-product-module {
    margin-left: -15px;
  }
  .hf .upsell-product-module .cta .button .desktop {
    display: none;
  }
  .hf .upsell-product-module .cta .button .mobile {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .hf .upsell-product-module {
    padding: 32px 0;
    margin-left: -15px;
  }
  .hf .upsell-product-module .headline {
    text-align: center;
  }
  .hf .upsell-product-module .headline .h3 {
    margin-bottom: 24px;
  }
  .hf .upsell-product-module .subhead {
    text-align: center;
  }
  .hf .upsell-product-module .subhead .h2-section-headline > .small-text {
    margin: 8px 0 24px 0;
    display: block;
  }
  .hf .upsell-product-module .image-wrapper {
    margin: 0 auto;
  }
  .hf .upsell-product-module .content {
    margin-bottom: 24px;
  }
  .hf .upsell-product-module .content p {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
  }
  .hf .upsell-product-module .content ul li p {
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
  }
  .hf .upsell-product-module .cta .button .desktop {
    display: none;
  }
  .hf .upsell-product-module .cta .button .mobile {
    display: inline-block;
    font-weight: 700;
    border: none;
  }
  .hf .upsell-product-module .learn-more {
    display: block;
    font-size: 14px;
    line-height: 4;
    padding-left: 0;
    padding-top: 0;
    border-left: 0;
    height: auto;
    vertical-align: none;
    margin-left: 0;
  }
  .hf .upsell-product-module .learn-more .default-action-style {
    color: #f99d1c;
    line-height: 1;
  }
}
.hf .additional-resources {
  padding: 24px;
  margin-top: 40px;
}
.hf .additional-resources .getting-started {
  line-height: 24px;
  padding: 0;
  padding-bottom: 24px;
}
.hf .additional-resources .getting-started a {
  color: #444;
}
.hf .additional-resources .getting-started a i.fa {
  color: #444;
}
.hf .additional-resources .getting-started .caption {
  margin-bottom: 16px;
  color: #666;
}
.hf .additional-resources .getting-started ul {
  padding: 0;
  margin: 0;
}
.hf .additional-resources .getting-started ul li {
  list-style: none;
  padding-bottom: 2px;
}
.hf .additional-resources .getting-started ul li p i {
  float: left;
  font-size: 24px;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
.hf .additional-resources .getting-started ul li p i:before {
  display: block;
  text-align: center;
}
.hf .additional-resources .getting-started ul li:last-child {
  padding-bottom: 0;
}
.hf .additional-resources .getting-started ul li:last-child p {
  margin: 0;
}
.hf .install-help {
  font-size: 16px;
  padding: 1.5em;
  min-width: 300px;
}
.hf .install-help .install-help-selections-edit {
  display: none !important;
}
.hf .install-help input[type=radio] {
  display: none;
}
.hf .install-help label {
  padding-left: 12px;
}
.hf .install-help label:before {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 4px;
  background: #fff;
  border: 1px solid #04c9d7;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.hf .install-help input[type=radio]:checked + label:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #04c9d7;
  position: absolute;
  top: 7px;
  left: 5px;
}
@media only screen and (max-width: 767px) {
  .hf .install-help .install-help-header {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0;
  }
  .hf .install-help .install-help-text {
    color: #ccc;
    font-size: 0.875em;
    line-height: 1.4285em;
    margin-top: 1.125em;
  }
  .hf .install-help .install-help-selections {
    margin-top: 1em;
  }
  .hf .install-help .install-help-selections .radio > span:nth-of-type(2) {
    float: right;
  }
  .hf .install-help .install-help-selections .radio > span:nth-of-type(2) a,
  .hf .install-help .install-help-selections .radio > span:nth-of-type(2) a:hover {
    color: #666;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1em;
    text-decoration: none;
  }
  .hf .install-help .install-help-selections .radio {
    line-height: 1.5em;
  }
  .hf .install-help .install-help-selections .radio label {
    width: 77%;
  }
  .hf .install-help .install-help-selections .radio label span {
    float: none;
  }
  .hf .install-help .install-help-selections .radio input[type=text] {
    width: 80%;
  }
  .hf .install-help .install-help-selections-edit {
    font-size: 0.875em;
  }
  .hf .install-help .install-help-btn {
    background-color: #f99d1c;
    color: #fff;
    margin: 1em 0 1.5em;
  }
  .hf .install-help .install-help-btn-save {
    display: inline-block;
    background-color: #f99d1c;
    color: #fff;
    float: right;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 768px) {
  .hf .install-help {
    min-width: 290px;
  }
  .hf .install-help .install-help-header {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0;
  }
  .hf .install-help .install-help-text {
    color: #ccc;
    font-size: 0.875em;
    line-height: 1.4285em;
    margin-top: 1.125em;
  }
  .hf .install-help .install-help-selections {
    margin-top: 1em;
  }
  .hf .install-help .install-help-selections .radio > span:nth-of-type(2) {
    float: right;
  }
  .hf .install-help .install-help-selections .radio > span:nth-of-type(2) a,
  .hf .install-help .install-help-selections .radio > span:nth-of-type(2) a:hover {
    color: #666;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1em;
    text-decoration: none;
  }
  .hf .install-help .install-help-selections .radio {
    line-height: 1.5em;
    margin-top: 0;
  }
  .hf .install-help .install-help-selections .radio label {
    width: 77%;
  }
  .hf .install-help .install-help-selections .radio label span {
    float: none;
  }
  .hf .install-help .install-help-selections .radio input[type=text] {
    height: 2em;
    width: 77%;
  }
  .hf .install-help .install-help-selections-edit {
    font-size: 0.875em;
  }
  .hf .install-help .install-help-btn {
    background-color: #f99d1c;
    color: #fff;
    margin: 1em 0 1.5em;
  }
  .hf .install-help .install-help-btn-save {
    display: inline-block;
    background-color: #f99d1c;
    color: #fff;
    float: right;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (min-width: 992px) {
  .hf .install-help {
    min-width: 300px;
  }
  .hf .install-help .install-help-selections .radio input[type=text] {
    width: 75%;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .install-help .install-help-selections .radio input[type=text] {
    width: 80%;
  }
}
@media (min-width: 1025px) {
  .hf .marketing_landing_reg {
    text-align: center;
  }
  .hf .marketing_landing_reg .regFormWrapper {
    border-top: 8px solid #dade63;
    margin: 48px 0 32px 0;
    padding: 32px;
    width: 433px;
    background-image: url(/images/bg-get_started.png);
  }
  .hf .marketing_landing_reg .regFormWrapper h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    text-align: left;
  }
  .hf .marketing_landing_reg .regFormWrapper .subText {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 16px 0 32px 0;
    display: inline-block;
    text-align: left;
  }
  .hf .marketing_landing_reg h2 {
    padding: 0;
    margin: 0;
  }
  .hf .marketing_landing_reg h2.headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 48px 0 8px 0;
  }
  .hf .marketing_landing_reg h2.subheadline {
    color: #04c9d7;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 48px;
  }
  .hf .marketing_landing_reg form {
    margin: 0 auto;
  }
  .hf .marketing_landing_reg form.registration {
    width: 373px;
  }
  .hf .marketing_landing_reg form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
  }
  .hf .marketing_landing_reg form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .marketing_landing_reg form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .marketing_landing_reg form.registration .btnGreen.mobile {
    display: none;
  }
  .hf .marketing_landing_reg form.registration .smallWrap .inputSmall {
    width: 186px;
  }
  .hf .marketing_landing_reg form.registration .smallWrap .inputSmall.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .marketing_landing_reg form.registration .smallWrap .inputSmall.location {
    margin-top: -1px;
  }
  .hf .marketing_landing_reg form.registration .smallWrap:nth-of-type(2) .inputSmall {
    width: 183px;
    border-left: none;
  }
  .hf .marketing_landing_reg form.registration .smallWrap i {
    position: absolute;
    z-index: 100;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
  }
  .hf .marketing_landing_reg form.registration .inputLarge {
    width: 369px;
    margin-top: -1px;
    margin-left: 2px;
  }
  .hf .marketing_landing_reg form.registration .inputLarge.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .marketing_landing_reg form.registration .inputLarge#phone {
    border-top: none;
    margin-top: 0;
  }
  .hf .marketing_landing_reg form.registration div.largeWrap {
    position: relative;
    float: left;
  }
  .hf .marketing_landing_reg form.registration div:nth-of-type(1) {
    margin-left: 2px;
  }
  .hf .marketing_landing_reg form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
    float: left;
  }
  .hf .marketing_landing_reg form.registration div input:valid + label.error + label.label {
    display: inline-block;
    top: 8px;
    margin-left: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div input.error + label.error + label.label {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div select {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .hf .marketing_landing_reg form.registration div select + label {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div input {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 24px 0 24px 16px;
    outline: 0;
  }
  .hf .marketing_landing_reg form.registration div input:focus {
    outline: 0;
    padding-top: 22px;
    padding-bottom: 11px;
  }
  .hf .marketing_landing_reg form.registration div input.valid {
    padding-top: 22px;
    padding-bottom: 12px;
  }
  .hf .marketing_landing_reg form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #ccc;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-left: -8px;
  }
  .hf .marketing_landing_reg form.registration div label.error {
    color: #d91f00;
    top: 8px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div label.error + label {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div input:focus + label {
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div input:focus + label.error {
    color: #d91f00;
  }
  .hf .marketing_landing_reg form.registration div input:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .marketing_landing_reg form.registration div input:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div.contact {
    border: 1px solid #a1a1a1;
    height: 64px;
    width: 568px;
    margin: -1px 0 0 2px;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .marketing_landing_reg form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option {
    margin-left: -11px;
    display: inline-block;
    margin-top: -20px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option:nth-of-type(2) {
    margin-left: 20px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option input {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option input:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
    margin-top: 8px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .marketing_landing_reg .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 75%;
    margin: 48px auto 48px auto;
  }
  .hf .marketing_landing_reg .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .hf .marketing_landing_reg .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 48px 0 32px 0;
  }
  .hf .regMobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .hf .marketing_landing_reg {
    text-align: center;
  }
  .hf .marketing_landing_reg .regFormWrapper {
    border-top: 8px solid #dade63;
    margin: 48px 0 32px 0;
    padding: 32px;
    width: 100%;
    background-image: url(/images/bg-get_started.png);
  }
  .hf .marketing_landing_reg .regFormWrapper h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    text-align: left;
  }
  .hf .marketing_landing_reg .regFormWrapper .subText {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 16px 0 32px 0;
    display: inline-block;
    text-align: left;
  }
  .hf .marketing_landing_reg h2 {
    padding: 0;
    margin: 0;
  }
  .hf .marketing_landing_reg h2.preHeadline {
    color: #04c9d7;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 8px 0;
    padding: 0;
  }
  .hf .marketing_landing_reg h2.headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px 0;
  }
  .hf .marketing_landing_reg h2.subheadline {
    color: #04c9d7;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 32px;
  }
  .hf .marketing_landing_reg form {
    margin: 0 auto;
  }
  .hf .marketing_landing_reg form.registration {
    width: 100%;
  }
  .hf .marketing_landing_reg form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0 0 0;
    border: none;
  }
  .hf .marketing_landing_reg form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .marketing_landing_reg form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .marketing_landing_reg form.registration .btnGreen.desktop {
    display: none;
  }
  .hf .marketing_landing_reg form.registration .smallWrap .inputSmall {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .marketing_landing_reg form.registration .smallWrap .inputSmall.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .marketing_landing_reg form.registration .smallWrap:nth-of-type(2) .inputSmall {
    margin-bottom: -1px;
  }
  .hf .marketing_landing_reg form.registration .smallWrap i {
    position: absolute;
    z-index: 100;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
  }
  .hf .marketing_landing_reg form.registration .inputLarge {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .marketing_landing_reg form.registration .inputLarge.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .marketing_landing_reg form.registration #phone {
    border-top: none;
    margin-bottom: 0;
  }
  .hf .marketing_landing_reg form.registration #email {
    margin-bottom: 0;
  }
  .hf .marketing_landing_reg form.registration div.largeWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .marketing_landing_reg form.registration div.locationWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .marketing_landing_reg form.registration div.locationWrap select {
    margin-top: -1px;
    background-color: #fff;
    -webkit-appearance: none;
  }
  .hf .marketing_landing_reg form.registration div.locationWrap .inputSmall:nth-of-type(1).location {
    margin-bottom: 0;
  }
  .hf .marketing_landing_reg form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
  }
  .hf .marketing_landing_reg form.registration div label.error + label.label {
    display: inline-block;
  }
  .hf .marketing_landing_reg form.registration div input:valid + label.error + label.label {
    display: inline-block;
    top: 8px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div input.error + label.error + label.label {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div select {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    margin-bottom: -1px !important;
  }
  .hf .marketing_landing_reg form.registration div select + label {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div input {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 24px 0 6px 16px;
    outline: 0;
  }
  .hf .marketing_landing_reg form.registration div input:focus {
    outline: 0;
  }
  .hf .marketing_landing_reg form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #ccc;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
  .hf .marketing_landing_reg form.registration div label.label {
    left: 8px;
  }
  .hf .marketing_landing_reg form.registration div label.error {
    color: #d91f00;
  }
  .hf .marketing_landing_reg form.registration div label.error + label {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div input:focus + label {
    top: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div input:focus + label.error {
    color: #d91f00;
  }
  .hf .marketing_landing_reg form.registration div input:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .marketing_landing_reg form.registration div input:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .marketing_landing_reg form.registration div.contact {
    height: 64px;
    width: 100%;
    margin: 16px 0 0 0;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .marketing_landing_reg form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option {
    margin-left: -20px;
    display: block;
    margin-top: 16px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option input {
    display: none;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option input:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
  }
  .hf .marketing_landing_reg form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .marketing_landing_reg .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 100%;
    margin: 32px auto 322px auto;
  }
  .hf .marketing_landing_reg .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .hf .marketing_landing_reg .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 32px 0 16px 0;
  }
  .hf .regDesktop {
    display: none;
  }
}
@media (min-width: 1025px) {
  .hf .oneCol_regForm {
    text-align: center;
  }
  .hf .oneCol_regForm input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
  }
  .hf .oneCol_regForm input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  .hf .oneCol_regForm select::-ms-expand {
    display: none;
  }
  .hf .oneCol_regForm.gdpr_regForm {
    margin: 25px 0;
    text-align: left;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship label.label {
    margin-left: -15px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship label.error-label {
    margin-left: -8px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm #altEmail1-error,
  .hf .oneCol_regForm.gdpr_regForm #altEmail2-error,
  .hf .oneCol_regForm.gdpr_regForm #altEmail3-error {
    margin-top: 4px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship input.inputLarge.valid[type=text],
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship input.inputLarge[type=text] {
    padding-top: 25px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship input.inputLarge.error-label[type=text] {
    padding-top: 5px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship input.valid + label.error-label + label.label {
    white-space: normal;
    text-align: left;
    margin-left: -12px;
  }
  .hf .oneCol_regForm.gdpr_regForm .registration div select {
    color: #444;
  }
  .hf .oneCol_regForm.gdpr_regForm #gdpr_altEmails.altWrapper label.error-label {
    margin-top: 5px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm #gdpr_registrationForm.registration div textarea {
    padding-top: 35px;
    padding-left: 13px;
  }
  .hf .oneCol_regForm.gdpr_regForm .country.hide-state .inputSmall {
    width: 285px !important;
    margin-left: -2px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .hide-state .hide-zip #ci_country {
    width: 568px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .smallWrap #ci_phone,
  .hf .oneCol_regForm.gdpr_regForm .smallWrap .inputSmall.location {
    width: 286px;
  }
  .hf .oneCol_regForm.gdpr_regForm .phone.smallWrap,
  .hf .oneCol_regForm.gdpr_regForm .std-code.smallWrap {
    margin-top: -1px;
  }
  .hf .oneCol_regForm.gdpr_regForm .hide-zip #ci_country {
    width: 285px !important;
    margin-left: -2px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .state .inputSmall {
    margin-left: -6px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .zip-code .inputSmall {
    margin-left: -2px !important;
    margin-top: -1px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .area-code.hide + .std-code.hide + .largeWrap #ci_phone,
  .hf .oneCol_regForm.gdpr_regForm .oneCol_regForm .std-code.hide + .largeWrap #ci_phone {
    margin-left: 2px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip {
    position: absolute;
    right: -22px;
    top: 0;
    color: #a1a1a1;
    font-size: 17px;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip .tooltiptext {
    visibility: hidden;
    width: 600px;
    height: auto;
    background-color: #eee;
    color: #444;
    font-size: 12px;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: -54px;
    left: 50%;
    margin-left: 12px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -110px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -50px;
    border-width: 5px;
    border-style: solid;
    border-color: #eee transparent transparent transparent;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  .hf .oneCol_regForm.gdpr_regForm h4 {
    font-weight: 600;
    font-size: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .gdprCaptcha {
    margin-left: -5px;
  }
  .hf .oneCol_regForm.gdpr_regForm .btnGreen {
    margin: 32px 0 10px 0 !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTitle {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-align: left;
    margin: 10px 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .issueTitleField {
    margin-bottom: 15px;
  }
  .hf .oneCol_regForm.gdpr_regForm .issueDesc {
    margin-bottom: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .issueDesc .inputLarge {
    height: 100px;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration > .smallWrap {
    margin-left: 2px;
    margin-right: -1px;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration > .smallWrap ~ .smallWrap {
    margin-left: 1px;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration .issueDesc + .smallWrap > .inputSmall {
    border-right: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration div textarea:valid + label.label {
    text-align: left;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 16px;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration .largeWrap .outerLabel {
    color: #444;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration > .smallWrap ~ .smallWrap ~ .area-code,
  .hf .oneCol_regForm.gdpr_regForm form.registration > .smallWrap ~ .smallWrap ~ .std-code {
    margin-top: -1px;
    margin-right: -3px;
    margin-left: 2px;
  }
  .hf .oneCol_regForm.gdpr_regForm #gdpr_other-error {
    margin-top: 3px;
    margin-left: -6px;
    bottom: auto;
    padding: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioBtnText {
    display: inline-block;
  }
  .hf .oneCol_regForm.gdpr_regForm input + label.label,
  .hf .oneCol_regForm.gdpr_regForm textarea:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    white-space: pre-line;
    text-align: left;
  }
  .hf .oneCol_regForm.gdpr_regForm input + label.label + label,
  .hf .oneCol_regForm.gdpr_regForm textarea:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm.gdpr_regForm ::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
    white-space: pre-line;
  }
  .hf .oneCol_regForm.gdpr_regForm ::-moz-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
    white-space: pre-line;
  }
  .hf .oneCol_regForm.gdpr_regForm :-ms-input-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
    white-space: pre-line;
  }
  .hf .oneCol_regForm.gdpr_regForm :-moz-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
    white-space: pre-line;
  }
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline {
    margin-left: 20px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper p,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements p {
    margin-bottom: 25px;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper #checkbox-1-error,
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper #checkbox-2-error,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements #checkbox-1-error,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements #checkbox-2-error {
    top: -15px !important;
    left: 8px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper #additionEmails-error,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements #additionEmails-error {
    top: 90px;
    left: -52px;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper label.radio-inline,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline {
    display: block;
    margin-bottom: 10px;
    position: relative;
    color: #444;
    top: 0;
    bottom: 0;
    margin-left: 0;
    line-height: 24px;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper label.radio-inline,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline {
    display: block;
    margin-left: 38px;
    margin-bottom: 25px;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper label.radio-inline::before,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline::before {
    margin-left: -35px;
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper input[type=checkbox],
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper input[type=radio],
  .hf .oneCol_regForm.gdpr_regForm .swornStatements input[type=checkbox],
  .hf .oneCol_regForm.gdpr_regForm .swornStatements input[type=radio] {
    height: auto;
    position: relative;
    margin-right: 5px;
    height: 15px;
    width: 15px;
    vertical-align: top;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper {
    width: 70%;
    position: relative;
    display: inline-block;
    margin: 10px 0 10px 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper input[type=text] {
    margin: 5px 0;
    height: 54px;
    font-size: 13px;
    width: 100%;
    padding: 5px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper label.error-label {
    margin-top: 25px;
    margin-left: -9px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship {
    margin-top: 0;
    margin-left: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship input[type=text] {
    font-size: 13px;
    padding-left: 8px;
    height: 54px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.signature {
    margin-top: 0;
    margin-left: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.signature input[type=text] {
    font-size: 13px;
    padding-left: 8px;
    height: 54px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.signature label.error-label {
    margin-top: 25px;
    margin-left: -9px;
  }
  .hf .oneCol_regForm .hide-state .hide-zip #ci_country {
    width: 568px;
  }
  .hf .oneCol_regForm #ci_main_reg_zip_code {
    width: 118px;
    margin-top: -1px;
    margin-left: -1px;
  }
  .hf .oneCol_regForm #ci_area_code {
    margin-top: -1px;
  }
  .hf .oneCol_regForm #ci_std_code {
    margin-top: -1px;
  }
  .hf .oneCol_regForm .std-code + .largeWrap #ci_phone {
    width: 284px;
    margin-left: -1px;
  }
  .hf .oneCol_regForm .area-code + .std-code.hide + .largeWrap #ci_phone {
    width: 284px;
    margin-left: -1px;
  }
  .hf .oneCol_regForm .area-code.hide + .std-code.hide + .largeWrap #ci_phone {
    width: 568px;
    margin-left: 0;
  }
  .hf .oneCol_regForm .std-code.hide + .largeWrap #ci_phone {
    width: 568px;
    margin-left: 0;
  }
  .hf .oneCol_regForm h1 {
    padding: 0;
    margin: 0;
  }
  .hf .oneCol_regForm h1.headline {
    color: #04c9d7;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    margin: 30px 0 0 0;
  }
  .hf .oneCol_regForm h1.subheadline {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 20px;
  }
  .hf .oneCol_regForm .campaign .productWrapper:nth-of-type(2) {
    width: 590px;
    margin-left: 30px;
    text-align: center;
  }
  .hf .oneCol_regForm .campaign .productWrapper {
    width: 500px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }
  .hf .oneCol_regForm .campaign .productWrapper ul {
    width: 480px;
  }
  .hf .oneCol_regForm .campaign .productWrapper ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  .hf .oneCol_regForm .campaign .productWrapper .learnMore {
    color: #f99d1c;
    font-weight: 700;
    font-size: 16px;
    margin: 24px 0 48px 20px;
  }
  .hf .oneCol_regForm .campaign .formWrapper {
    display: inline-block;
  }
  .hf .oneCol_regForm .campaign .producthero--heroimage {
    width: 400px;
    height: 225px;
  }
  .hf .oneCol_regForm .campaign h2 {
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .hf .oneCol_regForm .campaign h2.headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 8px 0;
  }
  .hf .oneCol_regForm .campaign h2.subheadline {
    color: #04c9d7;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .hf .oneCol_regForm form {
    margin: 0 auto;
  }
  .hf .oneCol_regForm form.registration {
    width: 590px;
  }
  .hf .oneCol_regForm form.registration .formOptInAndTerms {
    margin-top: 10px;
  }
  .hf .oneCol_regForm form.registration #formOptIn,
  .hf .oneCol_regForm form.registration #formTerms {
    font-size: 12px;
    color: #a1a1a1;
    padding-left: 20px;
    text-align: left;
    width: auto;
  }
  .hf .oneCol_regForm form.registration #formOptIn a,
  .hf .oneCol_regForm form.registration #formTerms a {
    color: #f99d1c;
  }
  .hf .oneCol_regForm form.registration #formOptIn input[type=checkbox],
  .hf .oneCol_regForm form.registration #formTerms input[type=checkbox] {
    width: auto;
    float: left;
    display: block;
    height: auto;
    margin: 10px 10px 10px 0;
  }
  .hf .oneCol_regForm form.registration #formOptIn label,
  .hf .oneCol_regForm form.registration #formTerms label {
    display: block;
    width: auto;
    text-align: left;
    line-height: 16px;
    text-transform: none;
    font-weight: 400;
    left: 0;
    padding-right: 10px;
    position: relative;
    margin: 10px 0;
    top: 0;
    font-size: 12px;
  }
  .hf .oneCol_regForm form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 32px 0 0 0;
    border: none;
  }
  .hf .oneCol_regForm form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .oneCol_regForm form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .oneCol_regForm form.registration .btnGreen.mobile {
    display: none;
  }
  .hf .oneCol_regForm form.registration .smallWrap .inputSmall {
    width: 284px;
  }
  .hf .oneCol_regForm form.registration .smallWrap .inputSmall.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .oneCol_regForm form.registration .smallWrap .inputSmall.location {
    margin-top: -1px;
  }
  .hf .oneCol_regForm form.registration .smallWrap:nth-of-type(2) .inputSmall {
    width: 284px;
    border-left: none;
  }
  .hf .oneCol_regForm form.registration .smallWrap i {
    position: absolute;
    z-index: 0;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
    pointer-events: none;
  }
  .hf .oneCol_regForm form.registration .inputLarge {
    width: 568px;
    margin-top: -1px;
    margin-left: 2px;
  }
  .hf .oneCol_regForm form.registration .inputLarge.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .oneCol_regForm form.registration .inputLarge#phone {
    border-top: none;
    margin-top: 0;
  }
  .hf .oneCol_regForm form.registration div#formCountry {
    margin-left: 2px;
  }
  .hf .oneCol_regForm form.registration div#formCountry #ci_country {
    padding-top: 10px;
  }
  .hf .oneCol_regForm form.registration div#formState div.fancy-select {
    margin-left: 2px;
  }
  .hf .oneCol_regForm form.registration div#formState select {
    padding-top: 10px;
  }
  .hf .oneCol_regForm form.registration div.largeWrap {
    position: relative;
    float: left;
  }
  .hf .oneCol_regForm form.registration div:nth-of-type(1) {
    margin-left: 2px;
  }
  .hf .oneCol_regForm form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
    float: left;
  }
  .hf .oneCol_regForm form.registration div .subLabel,
  .hf .oneCol_regForm form.registration div input.valid + label.error-label + label.label {
    display: inline-block;
    top: 8px;
    margin-left: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div .subLabel,
  .hf .oneCol_regForm form.registration div textarea.valid + label.error-label + label.label {
    display: inline-block;
    top: 8px;
    margin-left: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div input.error-label + label.error-label + label.label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div textarea.error-label + label.error-label + label.label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div select {
    border: 1px solid #a1a1a1;
    color: #ccc;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .hf .oneCol_regForm form.registration div select + label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div select::-ms-expand {
    display: none;
  }
  .hf .oneCol_regForm form.registration div input,
  .hf .oneCol_regForm form.registration div textarea {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 22px 0 12px 16px;
    outline: 0;
  }
  .hf .oneCol_regForm form.registration div input:focus,
  .hf .oneCol_regForm form.registration div textarea:focus {
    outline: 0;
    padding-top: 22px;
    padding-bottom: 11px;
  }
  .hf .oneCol_regForm form.registration div input.valid,
  .hf .oneCol_regForm form.registration div textarea.valid {
    padding-top: 22px;
    padding-bottom: 12px;
  }
  .hf .oneCol_regForm form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-left: -8px;
  }
  .hf .oneCol_regForm form.registration div label.error-label {
    color: #d91f00;
    top: 8px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div label.error + label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div input:focus + label,
  .hf .oneCol_regForm form.registration div textarea:focus + label {
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div input:focus + label.error-label,
  .hf .oneCol_regForm form.registration div textarea:focus + label.error-label {
    color: #d91f00;
  }
  .hf .oneCol_regForm form.registration div input:valid + label.label,
  .hf .oneCol_regForm form.registration div textarea:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .oneCol_regForm form.registration div input:valid + label.label + label,
  .hf .oneCol_regForm form.registration div textarea:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div.contact {
    border: 1px solid #a1a1a1;
    height: 64px;
    width: 568px;
    margin: -1px 0 0 2px;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .oneCol_regForm form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option {
    margin-left: -11px;
    display: inline-block;
    margin-top: -20px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option:nth-of-type(2) {
    margin-left: 20px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option input {
    display: none;
  }
  .hf .oneCol_regForm form.registration div.contact div.option input:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
    margin-top: 8px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .oneCol_regForm .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 74.5%;
    margin: 48px auto 48px auto;
  }
  .hf .oneCol_regForm .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .hf .oneCol_regForm .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 48px 0 32px 0;
  }
  .hf .regMobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .hf .oneCol_regForm {
    text-align: center;
  }
  .hf .oneCol_regForm.gdpr_regForm {
    margin: 25px 0;
    text-align: left;
  }
  .hf .oneCol_regForm.gdpr_regForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .hf .oneCol_regForm.gdpr_regForm div.largeWrap {
    float: none !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .inputLarge.error-label,
  .hf .oneCol_regForm.gdpr_regForm .largeWrap .inputLarge.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .oneCol_regForm.gdpr_regForm div label.error-label {
    color: #d91f00;
    top: 8px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm.gdpr_regForm #checkbox-1-error,
  .hf .oneCol_regForm.gdpr_regForm #checkbox-2-error {
    top: -15px !important;
    left: 8px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip {
    position: absolute;
    right: -22px;
    top: 0;
    color: #a1a1a1;
    font-size: 17px;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    height: auto;
    background-color: #eee;
    color: #444;
    font-size: 14px;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: -54px;
    left: 50%;
    margin-left: 12px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -110px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -50px;
    border-width: 5px;
    border-style: solid;
    border-color: #eee transparent transparent transparent;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  .hf .oneCol_regForm.gdpr_regForm h4 {
    font-weight: 600;
    font-size: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .gdprCaptcha {
    margin: 20px 0 0 -5px;
  }
  .hf .oneCol_regForm.gdpr_regForm .btnGreen {
    margin: 32px 0 10px 0 !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .formTitle {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-align: left;
    margin: 10px 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .issueTitleField {
    margin-bottom: 15px;
  }
  .hf .oneCol_regForm.gdpr_regForm .issueDesc {
    margin-bottom: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .issueDesc .inputLarge {
    height: 125px;
    padding: 30px 0 20px 16px;
  }
  .hf .oneCol_regForm.gdpr_regForm .smallWrap #ci_phone {
    margin-bottom: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .inputLarge #ci_company,
  .hf .oneCol_regForm.gdpr_regForm .inputLarge #ci_email {
    margin-bottom: -1px;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration div textarea:valid + label.label {
    text-align: left;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 16px;
  }
  .hf .oneCol_regForm.gdpr_regForm form.registration .largeWrap .outerLabel {
    color: #444;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm #gdpr_other-error {
    margin-top: 3px;
    margin-left: -6px;
    bottom: auto;
    padding: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioBtnText {
    display: inline-block;
  }
  .hf .oneCol_regForm.gdpr_regForm input + label.label,
  .hf .oneCol_regForm.gdpr_regForm textarea:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .oneCol_regForm.gdpr_regForm input + label.label + label,
  .hf .oneCol_regForm.gdpr_regForm textarea:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm.gdpr_regForm ::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
  }
  .hf .oneCol_regForm.gdpr_regForm ::-moz-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
  }
  .hf .oneCol_regForm.gdpr_regForm :-ms-input-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
  }
  .hf .oneCol_regForm.gdpr_regForm :-moz-placeholder {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #ccc;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper label.radio-inline,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline {
    display: block;
    margin-bottom: 10px;
    position: relative;
    color: #444;
    top: 0;
    bottom: 0;
    margin-left: 0;
    line-height: 24px;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper .swornStatements label.radio-inline,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements .swornStatements label.radio-inline {
    margin-left: 9px !important;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper label.radio-inline,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline {
    display: block;
    margin: 25px 0 25px 18px;
    padding-right: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper label.radio-inline::before,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements label.radio-inline::before {
    margin-left: -35px;
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper input[type=checkbox],
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper input[type=radio],
  .hf .oneCol_regForm.gdpr_regForm .swornStatements input[type=checkbox],
  .hf .oneCol_regForm.gdpr_regForm .swornStatements input[type=radio] {
    height: auto;
    position: relative;
    margin-right: 5px;
    height: 15px;
    width: 15px;
    vertical-align: top;
  }
  .hf .oneCol_regForm.gdpr_regForm .radioWrapper #additionEmails-error,
  .hf .oneCol_regForm.gdpr_regForm .swornStatements #additionEmails-error {
    top: 105px;
    left: -10px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-left: 20px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper input[type=text] {
    margin: 5px 0;
    height: 54px;
    font-size: 13px;
    width: 100%;
    padding: 5px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper label.error-label {
    margin-top: 25px;
    margin-left: -9px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship label {
    margin-left: -15px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship label.error-label {
    margin-left: -8px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship {
    margin-top: 0;
    margin-left: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship input[type=text] {
    font-size: 13px;
    padding-left: 8px;
    height: 60px;
    margin-top: 30px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.relationship #gdpr_other-error {
    margin-top: -16px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.signature {
    margin-top: 0;
    margin-left: 0;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.signature input[type=text] {
    font-size: 13px;
    padding-left: 8px;
    height: 54px;
  }
  .hf .oneCol_regForm.gdpr_regForm .altWrapper.signature label.error-label {
    margin-top: 25px;
    margin-left: -9px;
  }
  .hf .oneCol_regForm h1 {
    padding: 0;
    margin: 0;
  }
  .hf .oneCol_regForm h1.headline {
    color: #04c9d7;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    margin: 20px 0 8px 0;
  }
  .hf .oneCol_regForm h1.subheadline {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 20px;
  }
  .hf .oneCol_regForm .campaign .productWrapper:nth-of-type(2) {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .hf .oneCol_regForm .campaign .productWrapper {
    display: inline-lock;
    text-align: center;
    vertical-align: top;
  }
  .hf .oneCol_regForm .campaign .productWrapper ul {
    width: 100%;
    text-align: left;
    margin: 16px 0 0 0;
  }
  .hf .oneCol_regForm .campaign .productWrapper ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  .hf .oneCol_regForm .campaign .productWrapper .learnMore {
    color: #f99d1c;
    font-weight: 700;
    font-size: 16px;
    margin: 24px 0 32px -180px;
    display: inline-block;
  }
  .hf .oneCol_regForm .campaign .formWrapper {
    display: inline-block;
  }
  .hf .oneCol_regForm .campaign .producthero--heroimage {
    width: 100%;
    height: auto;
  }
  .hf .oneCol_regForm .campaign h2 {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .hf .oneCol_regForm .campaign h2.headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px 0;
  }
  .hf .oneCol_regForm .campaign h2.subheadline {
    color: #04c9d7;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .hf .oneCol_regForm form {
    margin: 0 auto;
  }
  .hf .oneCol_regForm form.registration {
    width: 100%;
  }
  .hf .oneCol_regForm form.registration .formOptInAndTerms {
    margin-top: 10px;
  }
  .hf .oneCol_regForm form.registration #formOptIn,
  .hf .oneCol_regForm form.registration #formTerms {
    font-size: 12px;
    color: #a1a1a1;
    padding-left: 20px;
    text-align: left;
    width: auto;
  }
  .hf .oneCol_regForm form.registration #formOptIn a,
  .hf .oneCol_regForm form.registration #formTerms a {
    color: #f99d1c;
  }
  .hf .oneCol_regForm form.registration #formOptIn input[type=checkbox],
  .hf .oneCol_regForm form.registration #formTerms input[type=checkbox] {
    width: auto;
    float: left;
    display: block;
    height: auto;
    margin: 10px 10px 10px 0;
  }
  .hf .oneCol_regForm form.registration #formOptIn label,
  .hf .oneCol_regForm form.registration #formTerms label {
    display: block;
    width: auto;
    text-align: left;
    line-height: 16px;
    text-transform: none;
    font-weight: 400;
    left: 0;
    padding-right: 10px;
    position: relative;
    margin: 10px 0;
    top: 0;
    font-size: 12px;
  }
  .hf .oneCol_regForm form.registration .btnGreen {
    background-color: #81c23c;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0 0 0;
    border: none;
  }
  .hf .oneCol_regForm form.registration .btnGreen:hover {
    text-decoration: none;
    background-color: #94d24b;
  }
  .hf .oneCol_regForm form.registration .btnGreen[disabled]:hover {
    cursor: not-allowed;
  }
  .hf .oneCol_regForm form.registration .btnGreen.desktop {
    display: none;
  }
  .hf .oneCol_regForm form.registration .smallWrap .inputSmall {
    width: 100%;
    margin-bottom: -1px;
  }
  .hf .oneCol_regForm form.registration .smallWrap .inputSmall.error-label {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .oneCol_regForm form.registration .smallWrap:nth-of-type(2) .inputSmall {
    margin-bottom: -1px;
  }
  .hf .oneCol_regForm form.registration .smallWrap i {
    position: absolute;
    z-index: 0;
    right: 16px;
    font-size: 20px;
    margin-top: 18px;
    pointer-events: none;
  }
  .hf .oneCol_regForm form.registration .inputLarge {
    width: 100%;
    margin-bottom: 0;
    text-overflow: ellipsis;
  }
  .hf .oneCol_regForm form.registration .inputLarge.error {
    border: 1px solid #d91f00;
    background-color: #fdf0f0;
  }
  .hf .oneCol_regForm form.registration #phone {
    border-top: none;
    margin-bottom: 0;
  }
  .hf .oneCol_regForm form.registration #email {
    margin-bottom: 0;
  }
  .hf .oneCol_regForm form.registration div.largeWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .oneCol_regForm form.registration div.locationWrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
  }
  .hf .oneCol_regForm form.registration div.locationWrap select {
    margin-top: -1px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  .hf .oneCol_regForm form.registration div.locationWrap .inputSmall:nth-of-type(1).location {
    margin-bottom: 0;
  }
  .hf .oneCol_regForm form.registration div.smallWrap {
    position: relative;
    overflow: hidden;
  }
  .hf .oneCol_regForm form.registration div label.error-label + label.label {
    display: inline-block;
  }
  .hf .oneCol_regForm form.registration div .subLabel,
  .hf .oneCol_regForm form.registration div textarea.valid + label.error-label + label.label {
    display: inline-block;
    top: 8px;
    margin-left: -6px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div input:valid + label.error-label + label.label {
    display: inline-block;
    top: 8px;
    margin-left: 3px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div input.error-label + label.error-label + label.label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div textarea.error-label + label.error-label + label.label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div select {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 20px 0 20px 16px;
    outline: 0;
    margin-bottom: -1px !important;
  }
  .hf .oneCol_regForm form.registration div select + label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div input {
    border: 1px solid #a1a1a1;
    color: #444;
    font-weight: 400;
    line-height: 16px;
    border-radius: 0;
    height: 64px;
    padding: 24px 0 6px 16px;
    outline: 0;
  }
  .hf .oneCol_regForm form.registration div input:focus {
    outline: 0;
  }
  .hf .oneCol_regForm form.registration div label {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 16px;
    transition: 0.2s;
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }
  .hf .oneCol_regForm form.registration div label.label {
    left: 8px;
  }
  .hf .oneCol_regForm form.registration div label.error-label {
    color: #d91f00;
  }
  .hf .oneCol_regForm form.registration div label.error-label + label {
    display: none;
  }
  .hf .oneCol_regForm form.registration div input:focus + label {
    top: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div input:focus + label.error-label {
    color: #d91f00;
    top: 8px;
  }
  .hf .oneCol_regForm form.registration div .subLabel,
  .hf .oneCol_regForm form.registration div input:focus + label.label,
  .hf .oneCol_regForm form.registration div input:valid + label.label,
  .hf .oneCol_regForm form.registration div textarea:valid + label.label {
    top: 8px;
    margin-left: -8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
  }
  .hf .oneCol_regForm form.registration div .subLabel + label,
  .hf .oneCol_regForm form.registration div input:focus + label.label + label,
  .hf .oneCol_regForm form.registration div input:valid + label.label + label,
  .hf .oneCol_regForm form.registration div textarea:valid + label.label + label {
    display: inline-block;
    top: 8px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hf .oneCol_regForm form.registration div.contact {
    height: 64px;
    width: 100%;
    margin: 16px 0 0 0;
    padding: 8px 0 0 16px;
    text-align: left;
    float: left;
  }
  .hf .oneCol_regForm form.registration div.contact .title {
    display: block;
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -15px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option {
    margin-left: -20px;
    display: block;
    margin-top: 16px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option input {
    display: none;
  }
  .hf .oneCol_regForm form.registration div.contact div.option input:checked + label:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #04c9d7;
    position: absolute;
    top: 7px;
    left: 5px;
  }
  .hf .oneCol_regForm form.registration div.contact div.option label {
    position: relative;
    padding-left: 25px;
    padding-top: 4px;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    background-color: transparent;
    display: inline-block;
  }
  .hf .oneCol_regForm form.registration div.contact div.option label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 4px;
    background: #fff;
    border: 1px solid #04c9d7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .hf .oneCol_regForm .whatNext {
    text-align: center;
    border-top: 2px dotted #ccc;
    width: 100%;
    margin: 32px auto 322px auto;
  }
  .hf .oneCol_regForm .whatNext ul {
    text-align: left;
    margin: auto 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .hf .oneCol_regForm .whatNext h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 32px 0 16px 0;
  }
  .hf .regDesktop {
    display: none;
  }
}
.hf .container-fluid.hereToHelp {
  background-image: url(/images/bg-get_started.png);
}
.hf .container-fluid.hereToHelp a {
  color: #f99d1c;
}
.hf .container-fluid.hereToHelp .helpBox.bg_white {
  background-color: #fff;
}
.hf .container-fluid.hereToHelp .helpBox.bg_orange {
  background-color: #f99d1c;
}
.hf .container-fluid.hereToHelp .helpBox.bg_lightgray {
  background-color: #ccc;
}
@media (min-width: 768px) {
  .hf .hereToHelp {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 48px;
    padding-bottom: 48px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .hf .hereToHelp .helpBox {
    border: 1px solid #a1a1a1;
    padding: 40px 20px;
    background-color: #fff;
    text-align: left;
  }
  .hf .hereToHelp .helpBox h1,
  .hf .hereToHelp .helpBox h2,
  .hf .hereToHelp .helpBox h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 16px 0;
    padding: 0;
  }
  .hf .hereToHelp .helpBox a {
    color: #fff;
  }
  .hf .hereToHelp .btnOrange {
    background-color: #f99d1c;
    padding: 10px 25px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 6px 0 0 0;
    border: none;
    display: inline-block;
  }
  .hf .hereToHelp .btnOrange:hover {
    text-decoration: none;
    background-color: #fab024;
  }
  .hf .hereToHelp .btnOrange.mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .hf .hereToHelp {
    margin: 32px 0 0 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .hereToHelp [class*=col-] {
    display: block;
    float: none;
    width: 100%;
  }
  .hf .hereToHelp[class*=col-] {
    display: block;
    float: none;
    width: 100%;
  }
  .hf .hereToHelp .helpBox {
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 2px dotted #ccc;
  }
  .hf .hereToHelp .helpBox h1,
  .hf .hereToHelp .helpBox h2,
  .hf .hereToHelp .helpBox h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px 0;
    padding: 0;
  }
  .hf .hereToHelp .helpBox .btnOrange {
    background-color: #f99d1c;
    padding: 10px 25px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 16px 0 0 0;
    border: none;
    display: inline-block;
  }
  .hf .hereToHelp .helpBox .btnOrange:hover {
    text-decoration: none;
    background-color: #fab024;
  }
  .hf .hereToHelp .helpBox .btnOrange.mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .hf li.government.menu-toggle:nth-child(n+5) {
    float: right;
  }
  .hf .navbar-nav > li.government a.callPhone {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .hf .navbar-nav > li.government a.callPhone {
    display: block;
  }
  .hf li.government.menu-toggle:nth-child(n+5) {
    float: right;
  }
}
.hf .govContactUs {
  margin-top: 30px;
  margin-bottom: 20px;
}
.hf .govContactUs .one-col-reg-panel {
  max-width: 555px;
  margin: auto;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .headline {
  margin-top: 10px;
  margin-bottom: 46px;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform .submit {
  min-width: 130px;
  padding: 8px 30px;
  margin-top: 35px;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform .submit .ladda-spinner {
  right: -15px;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #govMessage {
  height: 80px;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #govMessage-error {
  top: 95px;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #formOptIn,
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #formTerms {
  display: none;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #formOptIn.gov,
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #formTerms.gov {
  display: block;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform #formOptIn.gov #ci_optIn {
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1;
  height: 12px;
  width: 12px;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform .reg-row select option:first-child {
  color: #666;
}
.hf .govContactUs .one-col-reg-panel #govContactUs .registration_form.one-col-regform .reg-row select option:disabled {
  color: #666;
}
.hf .government-news-events {
  font-size: 16px;
}
.hf .government-news-events .event-link {
  color: #f99d1c;
  line-height: 18px;
  font-weight: 700;
  margin: 1em 0 0.5em;
  display: inline-block;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .hf .government-news-events .events h2 {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin: 40px -15px 24px;
  }
  .hf .government-news-events .events img {
    max-width: 100vw;
    margin-left: -15px;
  }
  .hf .government-news-events .events .event-item {
    margin-top: 2em;
  }
  .hf .government-news-events .events .event-item .event-date {
    color: #04c9d7;
    line-height: 1.5;
  }
  .hf .government-news-events .events .event-item h3 {
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
  }
  .hf .government-news-events .events .event-item .event-link {
    text-align: left;
  }
  .hf .government-news-events .events .event-item p {
    color: #666;
    font-size: 0.875em;
    line-height: 1.4;
  }
  .hf .government-news-events .show-events {
    text-align: center;
  }
  .hf .government-news-events .show-events a:first-child {
    margin: 2em auto 1.5em;
  }
  .hf .government-news-events .show-events a:last-child {
    margin: 0 auto 2.5em;
  }
  .hf .government-news-events .news {
    padding-bottom: 40px;
  }
  .hf .government-news-events .news .news-header {
    background-color: #444;
    margin: 0 -15px;
    border-bottom: 5px solid #ccc;
    position: relative;
    margin-bottom: 40px;
  }
  .hf .government-news-events .news .news-header h2 {
    color: #fff;
    font-size: 1.5em;
    line-height: 1.3;
    font-weight: 700;
    padding-top: 16px;
    margin: 0 0 0 15px;
  }
  .hf .government-news-events .news .news-header .news-filters {
    padding-left: 15px;
    position: relative;
    bottom: -5px;
  }
  .hf .government-news-events .news .news-header .news-filters .current {
    border-bottom: 5px solid #04c9d7;
  }
  .hf .government-news-events .news .news-header .news-filters a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 16px;
    border-left: 3px solid #444;
    border-right: 3px solid #444;
    display: inline-block;
    height: 20px;
    text-decoration: none;
  }
  .hf .government-news-events .news .news-header .news-filters a:focus,
  .hf .government-news-events .news .news-header .news-filters a:visited {
    border-bottom: 5px solid #04c9d7;
  }
  .hf .government-news-events .news .news-item a {
    color: #f99d1c;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
  }
  .hf .government-news-events .news .news-item p {
    color: #a1a1a1;
    font-size: 0.875em;
    line-height: 1.4;
    margin: 6px 0 24px;
  }
  .hf .government-news-events .news .news-item p span:first-child {
    color: #04c9d7;
  }
  .hf .government-news-events .news .news-item p span:last-child {
    color: #444;
  }
  .hf .government-news-events .news .show-news {
    text-align: center;
    font-size: 14px;
  }
  .hf .government-news-events .home-news {
    padding-bottom: 40px;
  }
  .hf .government-news-events .home-news h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin: 32px 0 30px;
  }
  .hf .government-news-events .home-news .home-news-items .home-news-item a {
    color: #f99d1c;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
  }
  .hf .government-news-events .home-news .home-news-items .home-news-item p {
    line-height: 1.5;
    margin-bottom: 24px;
  }
  .hf .government-news-events .home-news .show-all-news a {
    color: #f99d1c;
    font-weight: 700;
  }
}
@media only screen and (min-width: 768px) {
  .hf .government-news-events {
    padding-top: 40px;
  }
  .hf .government-news-events .events h2 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.1;
    margin: 40px 0 16px;
  }
  .hf .government-news-events .events h2 ~ a > img {
    width: 100%;
  }
  .hf .government-news-events .events .event-item {
    margin-top: 2em;
    position: relative;
  }
  .hf .government-news-events .events .event-item .event-date {
    color: #04c9d7;
    float: none;
  }
  .hf .government-news-events .events .event-item > div {
    display: inline-block;
  }
  .hf .government-news-events .events .event-item > div:last-child {
    width: 90%;
    vertical-align: bottom;
  }
  .hf .government-news-events .events .event-item div.hidden-xs {
    width: 50px;
    height: 50px;
    vertical-align: top;
  }
  .hf .government-news-events .events .event-item img {
    max-height: 84px;
    max-width: 50px;
    text-align: left;
  }
  .hf .government-news-events .events .event-item h3 {
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
  }
  .hf .government-news-events .events .event-item p {
    color: #666;
    font-size: 0.875em;
    line-height: 1.4;
    margin: 0 0 0 16px;
  }
  .hf .government-news-events .events .event-item > .description {
    width: 100%;
    float: right;
    padding-left: 20%;
    padding-bottom: 32px;
  }
  .hf .government-news-events .events .event-item > .description:last-child {
    padding-bottom: 24px;
  }
  .hf .government-news-events .show-events {
    text-align: right;
  }
  .hf .government-news-events .show-events > div:first-child a {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .hf .government-news-events .show-events > div:last-child a {
    margin-top: 0;
    margin-bottom: 48px;
  }
  .hf .government-news-events .home-news {
    padding-bottom: 40px;
  }
  .hf .government-news-events .home-news h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.1;
    margin: 48px 0 24px;
  }
  .hf .government-news-events .home-news .home-news-items .home-news-item a {
    color: #f99d1c;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
  }
  .hf .government-news-events .home-news .home-news-items .home-news-item p {
    line-height: 1.5;
    margin-bottom: 24px;
  }
  .hf .government-news-events .home-news .show-all-news a {
    color: #f99d1c;
    font-weight: 700;
    text-decoration: none;
  }
  .hf .government-news-events .news {
    border: 1px solid #979797;
    padding: 0 15px 40px;
    margin-left: 20px;
  }
  .hf .government-news-events .news .news-header {
    background-color: #444;
    margin: 0 -15px;
    border-bottom: 5px solid #ccc;
    position: relative;
    margin-bottom: 40px;
  }
  .hf .government-news-events .news .news-header h2 {
    color: #fff;
    font-size: 1.5em;
    line-height: 1.3;
    font-weight: 700;
    padding-top: 16px;
    margin: 0 0 0 15px;
  }
  .hf .government-news-events .news .news-header .news-filters {
    padding-left: 15px;
    position: relative;
    bottom: -5px;
  }
  .hf .government-news-events .news .news-header .news-filters .current {
    border-bottom: 5px solid #04c9d7;
  }
  .hf .government-news-events .news .news-header .news-filters a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 16px;
    border-left: 3px solid #444;
    border-right: 3px solid #444;
    display: inline-block;
    height: 20px;
    text-decoration: none;
  }
  .hf .government-news-events .news .news-header .news-filters a:focus,
  .hf .government-news-events .news .news-header .news-filters a:visited {
    border-bottom: 5px solid #04c9d7;
  }
  .hf .government-news-events .news .news-item a {
    color: #f99d1c;
    font-weight: 700;
    line-height: 1.3;
  }
  .hf .government-news-events .news .news-item p {
    color: #a1a1a1;
    font-size: 0.875em;
    line-height: 1.4;
    margin: 6px 0 24px;
  }
  .hf .government-news-events .news .news-item p span:first-child {
    color: #04c9d7;
  }
  .hf .government-news-events .news .news-item p span:last-child {
    color: #444;
  }
  .hf .government-news-events .news .show-news {
    font-size: 14px;
  }
  .hf .government-news-events .news .show-news.event-link {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  .hf .government-news-events .events .event-item .event-date {
    float: none;
  }
  .hf .government-news-events .events .event-item > .description {
    padding-left: 15%;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .government-news-events .events .event-item .event-date {
    float: right;
  }
  .hf .government-news-events .events .event-item > .description {
    padding-left: 12%;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .hf .government-news-events .events img {
    width: 430px;
  }
}
.hf .government-solutions .cards {
  padding: 17px 0;
}
.hf .government-solutions .cards .grid-carousel-card {
  text-align: center;
  height: 200px;
  width: 20%;
  margin-bottom: 12px;
}
.hf .government-solutions .cards .grid-carousel-card:hover {
  background-color: #fff;
  border-bottom: 8px solid #a1a1a1;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(1) {
  border-bottom: 8px solid #b8d757;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(1) a .card-icon {
  color: #b8d757;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(2) {
  border-bottom: 8px solid #04c9d7;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(2) a .card-icon {
  color: #04c9d7;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(3) {
  border-bottom: 8px solid #f99d1c;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(3) a .card-icon {
  color: #f99d1c;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(5) {
  border-bottom: 8px solid #fbe04b;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(5) a .card-icon {
  color: #fbe04b;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(7) {
  border-bottom: 8px solid #b8d757;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(7) a .card-icon {
  color: #b8d757;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(8) {
  border-bottom: 8px solid #04c9d7;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(8) a .card-icon {
  color: #04c9d7;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(10) {
  border-bottom: 8px solid #f99d1c;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(10) a .card-icon {
  color: #f99d1c;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(11) {
  border-bottom: 8px solid #fbe04b;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(11) a .card-icon {
  color: #fbe04b;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(13) {
  border-bottom: 8px solid #b8d757;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(13) a .card-icon {
  color: #b8d757;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(15) {
  border-bottom: 8px solid #04c9d7;
}
.hf .government-solutions .cards .grid-carousel-card:hover:nth-child(15) a .card-icon {
  color: #04c9d7;
}
.hf .government-solutions .cards .grid-carousel-card a {
  color: #f99d1c;
  font-weight: 700;
  font-size: 14px;
  display: block;
  text-decoration: none;
}
.hf .government-solutions .cards .grid-carousel-card a:hover > .card-icon {
  color: #f99d1c;
}
.hf .government-solutions .cards .grid-carousel-card a > h4 {
  font-weight: 700;
  color: #444;
  font-size: 16px;
  text-transform: uppercase;
  margin: 12px 0 10px 0;
  min-height: 33px;
}
.hf .government-solutions .cards .grid-carousel-card a > .card-icon {
  font-size: 48px;
  display: block;
  height: 74px;
  color: #444;
}
.hf .government-solutions .cards .clearfix {
  margin-bottom: 15px;
}
.hf .government-solutions .col-lg-5ths,
.hf .government-solutions .col-md-5ths,
.hf .government-solutions .col-sm-5ths,
.hf .government-solutions .col-xs-5ths {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.hf .government-solutions .col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .hf .government-solutions .col-sm-5ths {
    width: 20%;
    float: left;
  }
  .hf .government-solutions .col-md-5ths.grid-carousel-card a {
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .hf .government-solutions .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1024px) {
  .hf .government-solutions .left-connector {
    height: 2px;
    width: 50%;
    background-color: #fff;
    position: absolute;
    top: 49px;
    left: -43px;
  }
  .hf .government-solutions .right-connector {
    height: 2px;
    width: 50%;
    background-color: #fff;
    position: absolute;
    top: 49px;
    left: 135px;
  }
}
@media (min-width: 1200px) {
  .hf .government-solutions .col-lg-5ths {
    width: 20%;
    float: left;
  }
  .hf .government-solutions .left-connector {
    height: 2px;
    width: 64%;
    background-color: #fff;
    position: absolute;
    top: 55px;
    left: -78px;
  }
  .hf .government-solutions .right-connector {
    height: 2px;
    width: 58%;
    background-color: #fff;
    position: absolute;
    top: 55px;
    left: 167px;
  }
}
.hf .government-solutions .cards .clearfix {
  display: none !important;
}
.hf .government-solutions .cards .col-md-5ths.grid-carousel-card a {
  height: 260px;
  line-height: 18px;
  min-height: auto;
  margin-bottom: 20px;
  padding: 0 23px;
}
.hf .government-solutions .cards .grid-carousel-card a > .card-icon {
  padding-top: 30px;
}
@media (max-width: 991px) and (min-width: 768px) {
  .hf .government-solutions .visible-sm-block {
    display: none !important;
  }
  .hf .government-solutions .cards .grid-carousel-card a {
    margin-bottom: 20px;
  }
  .hf .government-solutions .left-connector {
    height: 2px;
    width: 32%;
    background-color: #fff;
    position: absolute;
    top: 55px;
    left: -16px;
  }
  .hf .government-solutions .right-connector {
    height: 2px;
    width: 32%;
    background-color: #fff;
    position: absolute;
    top: 55px;
    left: 112px;
  }
}
@media only screen and (max-width: 767px) {
  .hf .government-solutions .cards .col-md-5ths.grid-carousel-card {
    height: auto;
    width: 100%;
  }
  .hf .government-solutions .cards .col-md-5ths.grid-carousel-card a {
    height: auto;
    margin-bottom: 0;
  }
  .hf .government-solutions .carousel-control.right {
    right: 15px;
  }
  .hf .government-solutions .carousel-control.left {
    left: 15px;
  }
  .hf .government-solutions .col-md-5ths {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.hf .negative-15-margin .container.features-array {
  padding: 0;
}
@media (max-width: 767px) {
  .hf .negative-15-margin .features-array .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .government-headings.col-sm-12 .simple-hero-sub_headline .sub-title {
    padding-top: 0;
  }
  .hf .how-to-buy.col-sm-6.col-sm-offset-0.col-md-5.col-md-offset-1 {
    padding: 10px 10px 30px 10px;
  }
  .hf .topics-simple-hero .row .government-headings div {
    width: 100% !important;
  }
  .hf .topics-simple-hero .row .government-headings div h2.sub-title {
    padding-left: 0 !important;
  }
  .hf .container .row .col-sm-6:last-child .government-news-events {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
}
.hf .simple-header {
  font-size: 16px;
  position: relative;
  margin: 8px;
  min-height: 67px;
}
.hf .simple-header > .logo-link:hover {
  text-decoration: none;
}
.hf .simple-header > .logo-link > .icon-stack {
  top: -10px;
  position: relative;
}
.hf .simple-header > img {
  text-align: left;
  max-height: 67px;
}
.hf .simple-header .icon-container {
  display: inline-block;
  height: 100%;
  position: absolute;
  margin-bottom: 0.5em;
  right: 0;
  bottom: 0;
}
.hf .simple-header .icon-container > div {
  display: inline-block;
  text-align: center;
}
.hf .simple-header .icon-container .fa,
.hf .simple-header .icon-container .fort {
  font-size: 3em;
  color: #a1a1a1;
}
.hf .simple-header .icon-container a {
  font-size: 0.75em;
  color: #ccc;
}
.hf .simple-header .icon-container a:hover {
  color: #a1a1a1;
}
.hf .simple-header .icon-container a:active {
  color: #666;
}
.hf .simple-header .icon-container .connector:last-child {
  display: none;
}
.hf .simple-header .connector {
  display: inline-block;
  width: 40px;
  height: 100%;
  position: relative;
}
.hf .simple-header .connector div {
  width: 100%;
  height: 2px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .hf .simple-header {
    margin-top: -40px;
  }
  .hf .simple-header > img {
    max-height: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .hf .simple-header .icon-container > div {
    max-width: 63px;
  }
  .hf .simple-header .icon-container > div.connector {
    width: 8px;
  }
  .hf .simple-header .fa,
  .hf .simple-header .fort {
    font-size: 1em;
  }
}
@media only screen and (min-width: 992px) {
  .hf .simple-header .icon-container > div {
    width: 64px;
    vertical-align: top;
  }
  .hf .simple-header .icon-container > div.connector {
    width: 20px;
  }
  .hf .simple-header .fa,
  .hf .simple-header .fort {
    font-size: 3em;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .simple-header .icon-container > div.connector {
    width: 40px;
  }
}
.hf .gridWrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.hf .grid {
  margin: 0 auto;
  width: 600px;
}
.hf .grid:after {
  content: '';
  display: block;
  clear: both;
}
.hf .grid-item,
.hf .grid-item-content {
  width: 250px;
  height: 250px;
  float: left;
  background: #fbe04b;
  margin-bottom: 3px;
  cursor: pointer;
}
.hf .grid-item-content {
  transition: width 0.6s, height 0.6s;
}
.hf .grid-item.is-expanded,
.hf .grid-item.is-expanded .grid-item-content {
  width: 502px;
  height: 250px;
}
.hf .grid-item.is-expanded .grid-item-content.short .quoteBox,
.hf .grid-item.is-expanded.short .quoteBox {
  padding-top: 20px;
}
.hf .grid-item.is-expanded .grid-item-content.short .imageBox,
.hf .grid-item.is-expanded.short .imageBox {
  margin-top: 105px;
}
.hf .grid-item.is-expanded {
  z-index: 2;
}
.hf .grid-item.is-expanded .grid-item-content img.Outerlogo {
  display: none;
}
.hf .grid-item.inactive {
  text-align: center;
  bottom: 0;
}
.hf .grid-item.inactive img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.hf .grid-item.inactive img.headShot {
  margin-top: 68px;
}
.hf .grid-item.inactive .imageBox,
.hf .grid-item.inactive .quoteBox {
  display: none;
}
.hf .grid-item .close,
.hf .grid-item.inactive .close {
  display: none;
}
.hf .grid-item.inactive .quote,
.hf .grid-item.inactive .subQuote {
  display: none;
}
.hf .grid-item.active .quote,
.hf .grid-item.active .subQuote {
  display: block;
}
.hf .grid-item.active {
  cursor: default;
  text-align: center;
}
.hf .grid-item.active .quote {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1666em;
  text-align: left;
  color: #444;
  margin-bottom: 10px;
  display: block;
}
.hf .grid-item.active .subQuote {
  text-align: left;
  color: #444;
  line-height: 18px;
  font-size: 16px;
  display: block;
  width: 55%;
}
.hf .grid-item.active a.learnMore {
  color: #02c0cf;
  font-size: 0.875em;
  font-weight: 700;
  text-decoration: none;
}
.hf .grid-item.active a.learnMore:hover {
  text-transform: underline;
}
.hf .grid-item.active .centerBox {
  text-align: center;
}
.hf .grid-item.active .quoteBox {
  display: inline-block;
  width: 340px;
  padding-top: 20px;
  float: left;
  margin-left: 20px;
}
.hf .grid-item.active .imageBox {
  position: absolute;
  display: inline-block;
  margin-bottom: 0;
  width: 60%;
  margin-left: -216px;
  margin-top: 45px;
}
.hf .grid-item.active .imageBox img.headShot {
  display: inline-block;
  height: 140px;
  margin-top: 64px;
}
.hf .grid-item.active .imageBox img.logo {
  display: inline-block;
  position: absolute;
  margin-top: 28px;
}
.hf .grid-item.active .imageBox img:last-of-type {
  width: 35%;
}
.hf .grid-item.active .imageBox img:only-of-type {
  display: inline-block;
  position: relative;
  padding-bottom: 19px;
}
.hf .grid-item.active .close {
  display: none;
  font-size: 40px;
  color: #666;
  float: right;
  margin: 15px 20px;
  cursor: pointer;
}
.hf .grid-item--height2 {
  height: 250px;
}
.hf .grid-item--height3 {
  height: 240px;
}
.hf .hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}
.hf .hvr-float:active,
.hf .hvr-float:focus,
.hf .hvr-float:hover {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
.hf .hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hf .hvr-bob:active,
.hf .hvr-bob:focus,
.hf .hvr-bob:hover {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
@media (max-width: 767px) {
  .hf .gridWrapper {
    width: 100%;
  }
  .hf .grid-item.is-expanded .grid-item-content.short .quoteBox,
  .hf .grid-item.is-expanded.short .quoteBox {
    padding: 0 10px;
  }
  .hf .grid-item.is-expanded .grid-item-content.short .imageBox,
  .hf .grid-item.is-expanded.short .imageBox {
    margin-top: 232px;
  }
  .hf .grid-item.active .quoteBox {
    padding-top: 0;
    margin-left: 15px;
    margin-top: 25px;
    width: auto;
  }
  .hf .grid-item.active .subQuote {
    width: 90%;
  }
  .hf .grid-item.active .imageBox {
    width: 100%;
    text-align: center;
    bottom: 10px;
    display: block;
    margin: 0;
  }
  .hf .grid-item.active .imageBox img:last-of-type {
    width: 25%;
  }
  .hf .grid-item.active .imageBox img.headShot {
    display: none;
  }
  .hf .grid-item.active .quote {
    font-size: 17px;
  }
  .hf .grid-item.active .subQuote {
    font-size: 14px;
    line-height: 17px;
  }
  .hf .grid-item.is-expanded {
    width: 100%;
    height: 250px;
  }
  .hf .grid-item.is-expanded .grid-item-content {
    width: 100%;
    height: 250px;
  }
}
.hf .resource-center-landing {
  min-height: 300px;
  margin-top: 20px;
  margin-left: -15px;
  margin-bottom: 30px;
}
.hf .resource-center-landing #custom-search-input {
  position: relative;
  padding-top: 40px;
}
.hf .resource-center-landing #custom-search-input .btn-group-lg > button.btn.btn-info,
.hf .resource-center-landing #custom-search-input button.btn.btn-info.btn-lg {
  height: 36px;
  padding-top: 6px;
}
.hf .resource-center-landing #custom-search-input .input-group {
  width: 550px;
}
.hf .resource-center-landing #custom-search-input .input-group-lg > .input-group-btn > input.form-control.btn,
.hf .resource-center-landing #custom-search-input .input-group-lg > input.form-control,
.hf .resource-center-landing #custom-search-input input.form-control.input-lg {
  height: 36px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}
.hf .resource-center-landing #custom-search-input button {
  background-color: #fff;
  border: 1px solid #ccc;
  height: 40px;
  border-radius: 0;
  margin: 0;
  padding-top: 7px;
}
.hf .resource-center-landing #custom-search-input button i.fa {
  color: #ccc;
  font-size: 18px;
}
.hf .resource-center-landing #custom-search-input .search {
  border-right: 0;
}
.hf .resource-center-landing #custom-search-input .clear {
  border-left: 0;
}
.hf .resource-center-landing #custom-search-input input.form-control {
  height: 40px;
  border: 1px solid #ccc;
  box-shadow: none;
  border-left: 0;
  border-right: 0;
  color: #ccc;
  font-size: 18px;
  width: 480px;
  z-index: 0;
}
.hf .resource-center-landing #errorSummary,
.hf .resource-center-landing .resource-center-elements,
.hf .resource-center-landing .resource-center-no-results,
.hf .resource-center-landing resource-center-featured-elements {
  display: none;
}
.hf .resource-center-landing .main-title {
  font-size: 40px;
  font-weight: 700;
}
.hf .resource-center-landing .resource-title {
  font-size: 22px;
  padding-top: 35px;
}
.hf .resource-center-landing .title-description {
  font-size: 25px;
}
.hf .resource-center-landing .resource-center-no-results {
  padding-top: 40px;
}
.hf .resource-center-landing .resource-center-featured-elements {
  display: none;
}
@media (min-width: 767px) {
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-control,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-control {
    background: 0 0;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-control span,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-control span {
    color: #444;
    text-shadow: none;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-control.left span,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-control.left span {
    margin-left: -60%;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-control.right span,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-control.right span {
    margin-right: -30%;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-indicators,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-indicators {
    bottom: -40px;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-indicators li,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-indicators li {
    border: 1px solid #666;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-indicators li.active,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-indicators li.active {
    background-color: #666;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-control,
  .hf .resource-center-landing #featured-elements-slider-placeholder-large-screen .carousel-control {
    width: auto;
  }
  .hf .resource-center-landing #resource-pagination .pagination a {
    padding: 8px 16px;
  }
}
.hf .resource-center-landing a.left.carousel-control {
  width: 20px;
}
.hf .resource-center-landing .remove-sliding .carousel-control,
.hf .resource-center-landing .remove-sliding .carousel-indicators {
  display: none;
}
.hf .resource-center-landing .resource-center-dropdowns {
  padding-top: 30px;
}
.hf .resource-center-landing .resource-center-dropdowns .form-control {
  color: #a1a1a1;
  border-radius: 0;
}
.hf .resource-center-landing .resource-center-dropdowns .form-control option:disabled {
  color: #444;
}
.hf .resource-center-landing .resource-center-dropdowns .filter-items span {
  color: #04c9d7;
  padding-right: 10px;
}
.hf .resource-center-landing .resource-center-dropdowns .filter-items a {
  color: #04c9d7;
  cursor: pointer;
}
.hf .resource-center-landing .resource-center-dropdowns .clear-filters {
  color: #fff;
}
.hf .resource-center-landing #resource-pagination .pagination {
  border-radius: 0;
}
.hf .resource-center-landing #resource-pagination .pagination .active a {
  color: #fff;
  background-color: #04c9d7;
  border-color: #04c9d7;
}
.hf .resource-center-landing #resource-pagination .pagination a {
  color: #04c9d7;
  border-radius: 0;
}
.hf .resource-center-landing #resource-pagination .pagination .disabled a {
  color: #666;
}
@media (max-width: 767px) {
  .hf .resource-center-landing {
    min-height: 30px;
    margin-left: 0;
  }
  .hf .resource-center-landing .text-under-filters {
    margin-top: 10px;
  }
  .hf .resource-center-landing #custom-search-input .input-group {
    width: 100%;
  }
  .hf .resource-center-landing #custom-search-input input.form-control {
    width: 100%;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder {
    margin-left: 0;
    margin-right: 0;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-indicators {
    bottom: -20px;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-indicators li {
    border: 1px solid #666;
  }
  .hf .resource-center-landing #featured-elements-slider-placeholder .carousel-indicators li.active {
    background-color: #666;
  }
}
.hf .resource-video-detail,
.hf .sedemo-video-detail {
  padding-top: 40px;
  padding-bottom: 10px;
}
.hf .resource-video-detail h1,
.hf .sedemo-video-detail h1 {
  font-size: 32px;
  font-weight: 700;
  padding-top: 20px;
}
.hf .resource-video-detail h3,
.hf .sedemo-video-detail h3 {
  font-size: 24px;
  color: #04c9d7;
  font-weight: 700;
}
.hf .resource-video-detail h4,
.hf .sedemo-video-detail h4 {
  font-size: 22px;
  color: #f99d1c;
  font-weight: 700;
}
.hf .resource-video-detail .publish-date,
.hf .sedemo-video-detail .publish-date {
  padding-bottom: 30px;
  color: #444;
  font-size: 17px;
}
.hf .resource-video-detail .resource-title,
.hf .sedemo-video-detail .resource-title {
  font-size: 24px;
  font-weight: 700;
}
.hf .resource-video-detail .resource-description,
.hf .sedemo-video-detail .resource-description {
  padding-top: 30px;
  padding-bottom: 30px;
}
.hf .resource-video-detail .back-to-search a,
.hf .sedemo-video-detail .back-to-search a {
  font-size: 14px;
  color: #04c9d7;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.hf .resource-video-detail .duration,
.hf .sedemo-video-detail .duration {
  padding-left: 40px;
}
.hf .resource-video-detail .product-short-card,
.hf .sedemo-video-detail .product-short-card {
  padding-bottom: 15px;
}
.hf .resource-video-detail .product-short-card div,
.hf .sedemo-video-detail .product-short-card div {
  display: inline-block;
}
.hf .resource-video-detail .product-short-card .cta-button,
.hf .sedemo-video-detail .product-short-card .cta-button {
  text-align: center;
  vertical-align: top;
}
.hf .resource-video-detail .product-short-card .cta-button a,
.hf .sedemo-video-detail .product-short-card .cta-button a {
  color: #666;
  font-size: 14px;
}
.hf .resource-video-detail .product-short-card .cta-button a.btn-download,
.hf .sedemo-video-detail .product-short-card .cta-button a.btn-download {
  background-color: #81c23c;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5em 1em;
  font-size: 16px;
  display: inline-block;
}
.hf .resource-video-detail .product-short-card .cta-button a.btn-download:active,
.hf .resource-video-detail .product-short-card .cta-button a.btn-download:focus,
.hf .sedemo-video-detail .product-short-card .cta-button a.btn-download:active,
.hf .sedemo-video-detail .product-short-card .cta-button a.btn-download:focus {
  background-color: #94d24b;
  text-decoration: none;
}
.hf .resource-video-detail .product-short-card .cta-button a.btn-download:hover,
.hf .sedemo-video-detail .product-short-card .cta-button a.btn-download:hover {
  background-color: #94d24b;
  text-decoration: none;
}
.hf .resource-video-detail .product-short-card .cta-button .btnSubText,
.hf .sedemo-video-detail .product-short-card .cta-button .btnSubText {
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
  display: block;
}
.hf .resource-video-detail .product-short-card a,
.hf .sedemo-video-detail .product-short-card a {
  color: #666;
  font-size: 14px;
}
.hf .resource-video-detail .product-short-card a.btn-learnmore,
.hf .sedemo-video-detail .product-short-card a.btn-learnmore {
  color: #f99d1c;
  font-size: 0.875em;
  padding-left: 1em;
  padding-top: 0.875em;
  border-left: 2px dotted #a1a1a1;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  margin-left: 1em;
}
.hf .resource-video-detail span,
.hf .sedemo-video-detail span {
  color: #ccc;
}
.hf .resource-video-detail .pdf-download,
.hf .sedemo-video-detail .pdf-download {
  padding-top: 30px;
  text-align: center;
}
.hf .resource-video-detail .pdf-download div,
.hf .sedemo-video-detail .pdf-download div {
  padding-top: 20px;
}
.hf .resource-video-detail .pdf-download div a,
.hf .sedemo-video-detail .pdf-download div a {
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
}
.hf .resource-video-detail .pdf-download img,
.hf .sedemo-video-detail .pdf-download img {
  max-height: 360px;
  max-width: 640px;
  cursor: pointer;
}
.hf .resource-video-detail .pdf-download i,
.hf .sedemo-video-detail .pdf-download i {
  cursor: pointer;
}
.hf .resource-video-detail .pdf-download .resource-link > i,
.hf .sedemo-video-detail .pdf-download .resource-link > i {
  position: absolute;
  height: 2em;
  width: 2em;
  padding: 0;
  margin-top: -1em;
  margin-left: -1em;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  vertical-align: middle;
  line-height: 2em;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  transition: background 0.3s;
}
.hf .resource-video-detail .unknown-resource-type,
.hf .sedemo-video-detail .unknown-resource-type {
  text-align: center;
  padding-top: 40px;
  font-size: 26px;
  color: #f99d1c;
  text-transform: uppercase;
}
.hf .resource-video-detail #video-transcription,
.hf .sedemo-video-detail #video-transcription {
  padding-top: 6px;
  max-height: 340px;
  overflow-y: auto;
}
.hf .product-pricing-header {
  padding-top: 40px;
  padding-bottom: 41px;
  text-align: center;
}
.hf .product-pricing-header .pp-headline {
  font-family: Roboto;
  font-size: 32px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #04c9d7;
}
.hf .product-pricing-header .pp-description {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .hf .product-pricing-header {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .hf .product-pricing-header .pp-headline {
    line-height: 1.06;
  }
  .hf .product-pricing-header .pp-description {
    font-size: 17px;
    margin-top: 10px;
  }
}
.hf .pricing-table {
  width: 100%;
  margin-bottom: 22px;
}
.hf .pricing-table tr.additional-info-row td {
  padding-top: 20px;
}
.hf .pricing-table > tbody > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.hf .pricing-table tr.prices-row:nth-child(odd) {
  background-color: #f9f9f9;
}
.hf .pricing-table tr.prices-row:nth-child(odd) {
  background-color: #f9f9f9;
}
.hf .pricing-table tr.headline-row td,
.hf .pricing-table tr.price-header-row td {
  border-top: 0;
}
.hf .pricing-chart-section {
  margin-left: 15px;
  margin-right: 15px;
  background-color: #fff;
  box-shadow: 0 0 16px 0 #ccc;
}
.hf .pricing-chart-section .chart-header-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
  text-align: center;
  color: #444;
  padding: 24px;
  padding-bottom: 8px;
}
.hf .pricing-chart-section .chart-header-link {
  text-align: center;
  padding: 0 24px 8px;
}
.hf .pricing-chart-section .chart-header-link a {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #f99d1c;
}
.hf .pricing-chart-section .chart-body-table {
  padding-top: 16px;
}
.hf .pricing-chart-section .chart-body-table table {
  width: 100%;
}
.hf .pricing-chart-section .chart-body-table table tr:nth-child(even) {
  background-color: #f5f5f5;
}
.hf .pricing-chart-section .chart-body-table table th {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.14;
  text-align: center;
  color: #fff;
  background-color: #444;
  padding: 8px 16px;
  width: 33.333%;
}
.hf .pricing-chart-section .chart-body-table table td {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
  text-align: center;
  color: #444;
  padding: 16px;
}
.hf .pricing-chart-section .chart-footer-text {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.42;
  text-align: left;
  color: #444;
  padding: 16px;
  padding-bottom: 24px;
  border-top: #ccc solid 1px;
}
.hf .pricing-chart-popup {
  max-width: 360px;
  position: relative;
}
.hf .pricing-chart-popup .popup-header-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  background-color: #f99d1c;
  padding: 16px;
}
.hf .pricing-chart-popup .popup-body-image {
  background-color: #fff;
  border-bottom: #ccc solid 1px;
  padding: 24px 16px;
}
.hf .pricing-chart-popup .popup-body-image img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.hf .pricing-chart-popup .popup-footer-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  text-align: left;
  color: #444;
  background-color: #fff;
  padding: 32px 16px;
}
.hf .pricing-chart-popup button.mfp-close {
  top: -38px;
}
.hf .pricing-chart-popup button.mfp-close div {
  right: 9px;
  color: #fff;
}
.hf .pricing-chart-popup button.mfp-close img {
  right: -6px;
  padding-right: 6px;
}
@media (min-width: 768px) {
  .hf .pricing-chart-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
  .hf .pricing-chart-section .chart-header-title {
    text-align: left;
    padding: 24px 0 16px;
  }
  .hf .pricing-chart-section .chart-header-link {
    text-align: right;
    padding: 30px 0 16px;
  }
  .hf .pricing-chart-section .chart-body-table {
    padding-top: 0;
  }
  .hf .pricing-chart-section .chart-body-table table th {
    font-size: 16px;
    line-height: 1.25;
    padding: 10px 16px;
  }
  .hf .pricing-chart-section .chart-body-table table td {
    font-size: 16px;
    line-height: 1.25;
    padding: 18px 16px;
  }
  .hf .pricing-chart-popup {
    max-width: 630px;
  }
  .hf .pricing-chart-popup .popup-header-text {
    font-size: 24px;
    line-height: 1.17;
    padding: 16px 24px;
  }
  .hf .pricing-chart-popup .popup-body-image {
    padding: 24px 73px;
  }
  .hf .pricing-chart-popup .popup-footer-text {
    font-size: 16px;
    line-height: 1.5;
    padding: 40px 24px;
  }
  .hf .pricing-chart-popup button.mfp-close {
    right: 15px;
  }
}
.hf textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 30px;
}
.hf .text-box .text-box-content {
  margin-bottom: 18px;
}
.hf .text-box .text-box-button {
  margin-bottom: 24px;
}
.hf .text-box .text-box-button a {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 15px;
}
.hf .text-box .text-box-button a:hover {
  text-decoration: none;
}
.hf .text-box .text-box-button a.mobile {
  display: inline-block;
}
.hf .text-box .text-box-overlay {
  margin-bottom: 24px;
  text-align: center;
  cursor: pointer;
}
.hf .text-box .text-box-overlay .producthero--heroimage {
  width: 100%;
  height: auto;
}
.hf .text-box .text-box-paragraph {
  margin-bottom: 18px;
}
.hf .text-box .text-box-cta a {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.hf .text-box .text-box-cta a:hover {
  background: 0 0;
}
.hf .text-box .text-box-cta a:active {
  background: 0 0;
}
.hf .text-box .text-box-cta a:focus {
  background: 0 0;
}
.hf .text-box .text-box-cta a.popup-image:hover:after,
.hf .text-box .text-box-cta a.popup-video:hover:after {
  background: 0 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .hf .text-box .text-box-button a {
    display: inline-block;
  }
  .hf .text-box .text-box-button a.mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .hf .helpBox a.mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .hf .helpBox a {
    display: none;
  }
  .hf .helpBox a.mobile {
    display: inline-block;
  }
}
.hf .simpleNavigation {
  padding: 30px 0 30px 0;
  margin: 15px 0;
}
.hf .simpleNavigation .simpleNavigation-header h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin: 10px 0 10px 0;
  width: 70%;
}
.hf .simpleNavigation .simpleNavigation-menu ul.simpleNavigation-list {
  padding: 5px 0 8px 10px;
}
.hf .simpleNavigation .simpleNavigation-menu ul.simpleNavigation-list > li {
  list-style-type: none;
  padding: 8px 30px 8px 16px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  background-color: #fff;
  position: relative;
}
.hf .simpleNavigation .simpleNavigation-menu ul.simpleNavigation-list > li > a {
  color: #444;
  text-decoration: none;
}
.hf .simpleNavigation .simpleNavigation-menu ul.simpleNavigation-list > li:nth-child(odd) {
  background-color: #f5f5f5;
}
.hf .simpleNavigation .simpleNavigation-menu ul.simpleNavigation-list > li.active {
  color: #fff;
  background-color: #02c0cf;
  font-weight: 700;
}
.hf .simpleNavigation .simpleNavigation-menu ul.simpleNavigation-list > li.active > a {
  color: #fff;
}
@media (min-width: 768px) {
  .hf .simpleNavigation {
    border-right-width: 7px;
    border-right-color: #02c0cf;
    border-right-style: solid;
  }
}
@media (max-width: 767px) {
  .hf .simpleNavigation {
    border-bottom-width: 7px;
    border-bottom-color: #02c0cf;
    border-bottom-style: solid;
  }
}
.hf .company-news-list {
  margin-bottom: 10px;
  border: 1px solid #444;
}
.hf .company-news-list .header-section {
  padding: 10px 0 10px 20px;
  background-color: #444;
  color: #fff;
  font-weight: 700;
  padding: 5px;
  margin-top: 0;
}
.hf .company-news-list .list-group {
  margin-bottom: 20px;
  padding: 10px;
}
.hf .company-news-list .list-group .company-news-item-logo {
  max-width: 100%;
  height: auto;
}
.hf .company-news-list .show-all-section {
  padding: 10px 30px 10px 10px;
  text-align: right;
}
.hf .company-news-pagination {
  padding: 0 20px 0 20px;
}
.hf .company-news-archive-list {
  padding: 0 20px 0 20px;
}
.hf .company-news-archive-list .company-news-archive-item {
  margin-bottom: 10px;
}
.hf .clearfix {
  clear: both;
}
.hf .contact-us-info {
  font-size: 14px;
  line-height: 24px;
}
.hf #contact-us-sales {
  padding-bottom: 20px;
}
.hf #contact-us-sales select {
  background: #666;
  color: #ccc;
}
.hf #contact-us-sales .h4 {
  font-weight: 700;
}
.hf .contact-us-section a {
  text-decoration: none;
}
.hf #contact-us-customer-service,
.hf #contact-us-headquarters,
.hf #contact-us-other,
.hf #contact-us-other-locations,
.hf #contact-us-sales {
  padding-bottom: 20px;
}
.hf #contact-us-customer-service .h3 {
  color: #02c0cf;
}
.hf #contact-us-technical-support .h3 {
  color: #02c0cf;
}
.hf #contact-us-kb .h4 {
  font-weight: 700;
}
.hf .contact-us-sales-title {
  color: #02c0cf;
}
.hf #contact-us-headquarters-info {
  padding-right: 60px;
  padding-left: 0;
}
.hf #contact-us-headquarters-info .h3 {
  color: #02c0cf;
}
.hf #contact-us-headquarters-map {
  padding-top: 25px;
}
.hf #contact-us-other-locations .h3 {
  color: #02c0cf;
}
.hf #contact-us-other-locations .h4 {
  font-weight: 700;
}
.hf #contact-us-other .h3 {
  color: #02c0cf;
}
.hf #contact-us-other .h4 {
  font-weight: 700;
}
.hf .toll-free-number {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .hf #contact-us-headquarters-map iframe {
    width: 400px;
    height: 250px;
  }
  .hf #contact-us-sales select {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hf #contact-us-headquarters-map iframe {
    width: 300px;
    height: 150px;
  }
  .hf .contact-us-sales-title,
  .hf .contact-us-section,
  .hf .row contact-us-section {
    padding-left: 15px;
  }
  .hf #contact-us-sales select {
    width: 90%;
  }
}
.hf #back-to-pressreleases-bottom {
  clear: both;
  padding: 20px 0;
}
.hf .ladda-button {
  position: relative;
}
.hf .ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none;
  outline: 0;
}
.hf .ladda-button .ladda-label {
  position: relative;
  z-index: 3;
}
.hf .ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: 0.1s linear all !important;
}
.hf .ladda-button[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible;
}
.hf .ladda-button,
.hf .ladda-button .ladda-label,
.hf .ladda-button .ladda-spinner {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
}
.hf .ladda-button[data-style=zoom-in],
.hf .ladda-button[data-style=zoom-in] .ladda-label,
.hf .ladda-button[data-style=zoom-in] .ladda-spinner,
.hf .ladda-button[data-style=zoom-out],
.hf .ladda-button[data-style=zoom-out] .ladda-label,
.hf .ladda-button[data-style=zoom-out] .ladda-spinner {
  transition: 0.3s ease all !important;
}
.hf .ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px;
}
.hf .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,
.hf .ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner {
  right: -12px;
}
.hf .ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px;
}
.hf .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
  opacity: 1;
}
.hf .ladda-button[data-style=expand-right][data-loading][data-size="s"],
.hf .ladda-button[data-style=expand-right][data-loading][data-size=xs] {
  padding-right: 40px;
}
.hf .ladda-button {
  border: 0;
  padding: 15px 30px;
  font-size: 15px;
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  width: auto;
  margin: 24px auto 0;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  transition: background 0.3s;
  outline: 0;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 320px) {
  .hf .home-hero {
    height: auto;
    text-align: center;
  }
  .hf .home-hero .home-image,
  .hf .home-hero .light-bulb,
  .hf .home-hero .particles {
    display: none;
  }
  .hf .home-hero .home-image-mobile {
    max-width: 100%;
    display: block;
    text-align: center;
    margin: auto;
  }
  .hf .home-hero h2 {
    color: #02c0cf;
    font-weight: 700;
    padding-top: 0;
    font-size: 36px;
    width: 100%;
    line-height: 36px;
  }
  .hf .home-hero h3 {
    color: #444;
    font-weight: 300;
    font-size: 28px;
  }
  .hf .home-hero .home-image {
    visibility: visible;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .hf .home-hero {
    padding: 48px 0;
    text-align: left;
    height: 397px;
  }
  .hf .home-hero .home-image,
  .hf .home-hero .light-bulb,
  .hf .home-hero .particles {
    display: inline-block;
  }
  .hf .home-hero .particles {
    margin: -32px 0 0 -110px;
  }
  .hf .home-hero .light-bulb {
    position: absolute;
    z-index: 1;
    margin-left: -85px;
    margin-top: 92px;
    width: 110px;
    height: auto;
  }
  .hf .home-hero .home-image {
    position: absolute;
    margin-top: -17px;
    margin-left: -106px;
    width: 330px;
    height: auto;
  }
  .hf .home-hero .home-image-mobile {
    display: none;
  }
  .hf .home-hero .topics-simple-hero .government-headings h2,
  .hf .home-hero .topics-simple-hero .government-headings h3 {
    width: 100% !important;
  }
  .hf .home-hero h2 {
    color: #04c9d7;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    width: 80%;
  }
  .hf .home-hero h3 {
    color: #444;
    font-weight: 300;
    font-size: 26px;
    margin-top: 0;
    display: inline-block;
    width: 85%;
  }
}
@media screen and (min-width: 992px) {
  .hf .home-hero {
    padding: 48px 0;
    text-align: left;
    height: 397px;
  }
  .hf .home-hero .home-image,
  .hf .home-hero .light-bulb,
  .hf .home-hero .particles {
    display: inline-block;
  }
  .hf .home-hero .particles {
    margin: -32px 0 0 -110px;
  }
  .hf .home-hero .light-bulb {
    position: absolute;
    z-index: 1;
    margin-left: -85px;
    margin-top: 92px;
    width: 147px;
    height: 162px;
  }
  .hf .home-hero .light-bulb:hover {
    background-image: url(/-/media/solarwinds/swdcv2/home/bulb_on.png);
    padding: 162px 147px 0 0;
    width: 0;
    height: 0;
  }
  .hf .home-hero .home-image {
    position: absolute;
    margin-top: -28px;
    margin-left: -106px;
    width: 430px;
    height: 367px;
    background-image: url(/-/media/solarwinds/swdcv2/home/bg_green_shoes.jpg);
  }
  .hf .home-hero .home-image:hover {
    background-image: url(/-/media/solarwinds/swdcv2/home/bg_green_shoes.jpg);
    padding: 367px 430px 0 0;
    width: 0;
    height: 0;
  }
  .hf .home-hero .home-image-mobile {
    display: none;
  }
  .hf .home-hero .topics-simple-hero .government-headings h2,
  .hf .home-hero .topics-simple-hero .government-headings h3 {
    width: 100% !important;
  }
  .hf .home-hero h2 {
    color: #04c9d7;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    width: 90%;
  }
  .hf .home-hero h3 {
    color: #444;
    font-weight: 300;
    font-size: 28px;
    margin-top: 0;
    display: inline-block;
    width: 85%;
  }
}
@media screen and (min-width: 1200px) {
  .hf .home-hero {
    padding: 48px 0;
    text-align: left;
    height: 397px;
  }
  .hf .home-hero .home-image,
  .hf .home-hero .light-bulb,
  .hf .home-hero .particles {
    display: inline-block;
  }
  .hf .home-hero .particles {
    margin: -32px 0 0 -110px;
  }
  .hf .home-hero .light-bulb {
    position: absolute;
    z-index: 1;
    margin-left: -85px;
    margin-top: 92px;
    width: 147px;
    height: 162px;
  }
  .hf .home-hero .light-bulb:hover {
    background-image: url(/-/media/solarwinds/swdcv2/home/bulb_on.png);
    padding: 162px 147px 0 0;
    width: 0;
    height: 0;
  }
  .hf .home-hero .home-image {
    position: absolute;
    margin-top: -28px;
    margin-left: -106px;
    width: 430px;
    height: 367px;
    background-image: url(/-/media/solarwinds/swdcv2/home/bg_green_shoes.jpg);
  }
  .hf .home-hero .home-image:hover {
    background-image: url(/-/media/solarwinds/swdcv2/home/bg_green_shoes.jpg);
    padding: 367px 430px 0 0;
    width: 0;
    height: 0;
  }
  .hf .home-hero .home-image-mobile {
    display: none;
  }
  .hf .home-hero .topics-simple-hero .government-headings h2,
  .hf .home-hero .topics-simple-hero .government-headings h3 {
    width: 100% !important;
  }
  .hf .home-hero h2 {
    color: #04c9d7;
    font-weight: 700;
    font-size: 45px;
    line-height: 50px;
    width: 100%;
    padding-right: 100px;
  }
  .hf .home-hero h3 {
    color: #444;
    font-weight: 300;
    font-size: 34px;
    margin-top: 0;
    display: inline-block;
    width: 95%;
    padding-right: 31px;
  }
}
.hf .resource-center-element {
  margin: 2em 0;
  padding-right: 40px;
  padding-left: 0;
  height: 110px;
}
.hf .resource-center-element > div {
  padding-left: 0;
  padding-right: 0;
}
.hf .resource-center-element a {
  cursor: pointer;
}
.hf .resource-center-element .resource-element-image {
  padding-right: 10px;
  text-align: center;
}
.hf .resource-center-element .resource-element-image img {
  max-width: 110px;
  max-height: 110px;
}
.hf .resource-center-element .resource-element-image .view-all-resources-by-type {
  display: block;
  text-transform: capitalize;
}
.hf .resource-center-element .resource-element-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.hf .resource-center-element .resource-element-title > a {
  color: #292929;
}
.hf .resource-center-element .resource-element-title .section-headline-pdf {
  color: #666;
  font-size: 16px;
}
.hf .resource-center-element .resource-element-description {
  font-weight: 300;
  font-size: 18px;
  text-align: left;
  padding-left: 10px;
  word-wrap: break-word;
}
.hf .resource-center-element .resource-element-description > a {
  text-decoration: underline;
}
.hf .resource-center-element.featured {
  height: 190px;
}
.hf .resource-center-element.featured .resource-element-image {
  padding-right: 30px;
}
.hf .resource-center-element.featured .resource-element-image img {
  max-width: 180px;
  max-height: 205px;
}
@media (max-width: 767px) {
  .hf .resource-center-element {
    padding-right: 20px;
    padding-left: 20px;
    height: auto;
  }
  .hf .resource-center-element > div {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .resource-center-element .resource-element-image {
    text-align: center;
    margin-bottom: 15px;
  }
  .hf .resource-center-element.featured {
    height: auto;
  }
}
@media (min-width: 790px) {
  .hf .alert {
    background: #fff;
    color: #444;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 5px 0;
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
    list-style: none;
    border-bottom: 1px solid #444;
    font-size: 14px;
  }
  .hf .alert.left {
    text-align: center;
  }
  .hf .alert.left p {
    font-weight: 600;
    line-height: 20px;
    font-size: 14px;
    padding-top: 7px;
  }
  .hf .alert.left a {
    color: #f99d1c;
    text-decoration: none;
  }
  .hf .alert.left .container:first-child {
    display: inline-block;
  }
  .hf .alert.left .container.left {
    text-align: left;
  }
  .hf .alert.left .container span {
    font-weight: 600;
  }
  .hf .alert.left a.cta_check {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    margin: 12px 0 0 20px;
  }
  .hf .alert.left a.cta_check .checkmark {
    display: inline-block;
    text-align: left;
  }
  .hf .alert.left a.cta_check .checkmark .circle {
    width: auto;
    height: auto;
    background-color: #fff;
  }
  .hf .alert.left a.cta_check .checkmark .checkmark {
    font-size: 26px;
    color: #222;
    font-weight: 300;
  }
  .hf .alert.left a.cta_check .checkmark .checkmark:before {
    font-family: FontAwesome;
    content: '';
    -webkit-text-stroke: 1px #fff;
  }
  .hf .alert .container {
    padding: 0 100px 0;
    position: relative;
    display: none;
  }
  .hf .alert .container:first-child {
    display: block;
  }
  .hf .alert .container.left {
    margin: 4px 0 -2px -60px;
    padding: 0;
  }
  .hf .alert.cycling .container.current {
    display: block;
  }
  .hf .alert.cycling .container.left.current {
    display: inline-block;
  }
  .hf .alert a,
  .hf .alert p {
    color: #222;
  }
  .hf .alert .h3 {
    padding-top: 15px;
    font-weight: 400;
  }
  .hf .alert a {
    text-decoration: underline;
  }
  .hf .alert .sw-btn a {
    text-decoration: none;
  }
  .hf .alert p.sw-btn.secondary.ghost {
    margin-top: 17px;
    margin-bottom: 10px;
  }
  .hf .alert p.sw-btn.secondary.ghost a {
    color: #fff;
    border-color: #fff;
  }
  .hf .alert .tools {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 88px;
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  .hf .alert .tools a {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  .hf .alert .free-tool {
    margin: 12px auto 8px;
  }
  .hf .alert.cycling .container.left.current {
    display: inline-block;
  }
}
@media (max-width: 789px) {
  .hf .alert {
    background: #fff;
    color: #444;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 5px 0;
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
    list-style: none;
  }
  .hf .alert.left {
    text-align: center;
  }
  .hf .alert.left p {
    font-weight: 600;
    line-height: 24px;
  }
  .hf .alert.left a {
    color: #f99d1c;
    text-decoration: none;
  }
  .hf .alert.left .container:first-child {
    display: inline-block;
  }
  .hf .alert.left .container.left {
    width: 93%;
    text-align: left;
  }
  .hf .alert.left .container span {
    font-weight: 600;
  }
  .hf .alert.left a.cta_check {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    margin: 10px 0 0 0;
    display: block;
  }
  .hf .alert.left a.cta_check .checkmark {
    display: inline-block;
    text-align: left;
  }
  .hf .alert.left a.cta_check .checkmark .circle {
    width: auto;
    height: auto;
    background-color: #fff;
  }
  .hf .alert.left a.cta_check .checkmark .checkmark {
    font-size: 26px;
    color: #222;
    font-weight: 300;
    margin: 0 0 0 5px;
  }
  .hf .alert.left a.cta_check .checkmark .checkmark:before {
    font-family: FontAwesome;
    content: '';
    -webkit-text-stroke: 1px #fff;
  }
  .hf .alert .container {
    padding: 0 100px 0;
    position: relative;
    display: none;
  }
  .hf .alert .container:first-child {
    display: block;
  }
  .hf .alert .container.left {
    margin: 4px 0 -2px 13px;
    padding: 0;
  }
  .hf .alert.cycling .container.current {
    display: block;
  }
  .hf .alert.cycling .container.left.current {
    display: inline-block;
  }
  .hf .alert a,
  .hf .alert p {
    color: #fff;
  }
  .hf .alert .h3 {
    padding-top: 15px;
    font-weight: 400;
  }
  .hf .alert a {
    text-decoration: underline;
  }
  .hf .alert .sw-btn a {
    text-decoration: none;
  }
  .hf .alert p.sw-btn.secondary.ghost {
    margin-top: 17px;
    margin-bottom: 10px;
  }
  .hf .alert p.sw-btn.secondary.ghost a {
    color: #fff;
    border-color: #fff;
  }
  .hf .alert .tools {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 88px;
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  .hf .alert .tools a {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  .hf .alert .free-tool {
    margin: 12px auto 8px;
  }
  .hf .alert.cycling .container.left.current {
    display: inline-block;
  }
}
.hf #EuCookieBlock.alert {
  background-color: #eee;
  border: none;
}
.hf #EuCookieBlock.alert strong span {
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.hf #EuCookieBlock.alert strong span a {
  color: #666;
  text-decoration: underline;
}
.hf #EuContinue .checkmark {
  font-size: 32px;
  background: #eee;
  color: #666;
}
.hf #EuContinue.cta_check {
  color: transparent;
}
.hf #EuCookieBlock.alert.left a.cta_check .checkmark .circle {
  background: 0 0;
}
@media (min-width: 1200px) {
  .hf #EuCookieBlock.alert {
    max-width: 103%;
    min-height: 50px;
  }
  .hf #EuCookieBlock.alert li.container.left {
    max-width: 1080px;
  }
  .hf #EuCookieBlock.alert.left a.cta_check {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf #EuCookieBlock.alert li.container.left {
    max-width: 880px;
  }
  .hf #EuCookieBlock.alert.left a.cta_check {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .hf #EuCookieBlock.alert {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .hf #EuCookieBlock.alert li.container.left {
    max-width: 880px;
    margin: 10px 0 10px 20px;
  }
  .hf #EuCookieBlock.alert.left a.cta_check {
    position: relative;
  }
}
@media (max-width: 766px) {
  .hf #EuCookieBlock.alert {
    position: fixed;
    bottom: 0;
  }
  .hf #EuCookieBlock.alert li.container.left {
    max-width: 75%;
    margin: 10px 0 0 0;
  }
  .hf #EuCookieBlock.alert strong span {
    font-size: 14px;
  }
  .hf #EuCookieBlock.alert.left a.cta_check .checkmark .checkmark {
    margin: 0 0 0 65px;
  }
  .hf #EuContinue.cta_check {
    margin: 10px 0 20px 0;
  }
}
@media (max-width: 767px) {
  .hf .bottom-padding-20.padding-top-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hf .container-fluid.blue-hero-border-bottom {
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .helpBox {
    margin-left: 15px;
  }
}
.hf .col-centered .helpBox {
  padding-right: 15px;
}
.hf .col-centered .helpBox a.btnGreen {
  font-size: 14px;
  margin: 0 0 10px 0;
  background-color: #81c23c;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
.hf .gray-bg-texture.col-sm-4.yellow-border-top .registration_form form.registration .btnGreen {
  height: auto;
  padding: 9px 24px;
}
.hf .gray-bg-texture.col-sm-4 .reg-form-mobile.btnGreen.submit {
  min-width: 100%;
  min-height: 50px;
}
@media (min-width: 768px) {
  .hf .col-centered .helpBox a.btnGreen {
    display: inline-block;
  }
  .hf .col-centered .helpBox a.btnGreen.mobile {
    display: none;
  }
  .hf .simple-header .icon-container > div {
    max-width: 75px;
    width: 75px;
  }
  .hf .simple-header .icon-container {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .hf .col-centered .helpBox a.btnGreen {
    display: none;
  }
  .hf .col-centered .helpBox a.btnGreen.mobile {
    display: inline-block;
  }
  .hf .helpBox p a.btnGreen {
    display: inline-block;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .hf .simple-header .icon-container > div {
    vertical-align: top;
    max-width: 100px;
    width: 100px;
    margin-top: 25px;
  }
  .hf .simple-header .icon-container {
    margin-bottom: 0;
    display: block;
    position: relative;
  }
  .hf .simple-header .icon-container > div.connector {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .hf .ghost-gray-background.remove-side-padding .optimize-center {
    padding: 20px 25px;
    margin: 0;
    font-size: 28px;
  }
  .hf .ghost-gray-background.remove-side-padding .optomize-circle {
    margin: auto 0;
    display: inline-block;
    margin-bottom: 10px;
  }
  .hf .col-centered .helpBox .dpa-learn-more-button .btn-default {
    margin-bottom: 10px;
  }
  .hf .col-centered .helpBox a {
    display: inline-block;
  }
  .hf .helpBox .blogs li a {
    display: inline-block;
  }
}
.hf .scpForm {
  text-align: center;
}
.hf .scpForm .scpLogo {
  width: 200px;
  margin: 30px 0 25px 0;
}
.hf .scpForm .regFormWrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.hf .scpForm .regFormWrapper .thwackAccount {
  display: inline-block;
  text-align: center;
  margin: 5px 0 10px 0;
  font-size: 12px;
  height: 14px;
  font-weight: 500;
  font-family: Roboto;
  line-height: normal;
  color: #a1a1a1;
}
.hf .scpForm .regFormWrapper .thwackAccount a {
  color: #f99d1c;
}
.hf .scpForm .regFormWrapper .subText {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  font-style: italic;
  margin: 10px 0;
  padding: 0 30px;
  display: inline-block;
  text-align: left;
}
.hf .scpForm form .btnBlue {
  background-color: #f99d1c;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 40px 0;
  border: none;
  display: inline-block;
  width: 163px;
  height: 40px;
}
.hf .scpForm form .btnBlue:hover {
  text-decoration: none;
  background-color: #fab024;
}
.hf .scpForm form .btnBlue.mobile {
  display: none;
}
.hf .scpForm form .btnBlue .ladda-label {
  position: absolute;
  top: 25%;
  left: 25%;
}
.hf .scpForm form .country-row {
  margin-bottom: 30px;
}
.hf .scpForm form #scpEmailPartnerBlock {
  margin-top: 10px;
  margin-bottom: 30px;
}
.hf .scpForm form #scpPromo {
  margin-top: 10px;
}
.hf .scpForm form .scp-checkbox {
  margin-top: 6px;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.hf .scpForm form .scp-checkbox > .answer-block > span {
  vertical-align: top;
}
.hf .scpForm form .scp-checkbox label {
  display: inline;
}
.hf .scpForm form .restyled-checkbox {
  display: none;
}
.hf .scpForm form .restyled-checkbox + label {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 2.5px 0 0 0;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
}
.hf .scpForm form .restyled-checkbox:checked + label {
  background-color: #04c9d7;
  color: #fff;
}
.hf .scpForm form .restyled-checkbox:checked + label:after {
  content: '✔';
  font-size: 14px;
  position: absolute;
  top: -2px;
  left: 1px;
  color: #fff;
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}
.hf .scpForm form div#formOptIn {
  font-size: 12px;
  color: #a1a1a1;
  margin-top: 10px;
  text-align: left;
  width: auto;
}
.hf .scpForm form div#formOptIn label {
  float: left;
  margin-right: 5px;
  margin-top: 0;
}
.hf .scpForm form div#formTerms {
  font-size: 12px;
  color: #a1a1a1;
  margin-top: 10px;
  text-align: left;
  width: auto;
}
@media (max-width: 767px) {
  .hf .scpForm {
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .scpForm form .scp-checkbox {
    font-size: 14px;
  }
}
.hf .simple-faq {
  color: #444;
}
.hf .simple-faq .faq-headline-container {
  padding: 0 2px 2px 0;
}
.hf .simple-faq .faq-headline-container .faq-headline {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  display: block;
}
@media (max-width: 767px) {
  .hf .simple-faq .faq-headline-container .faq-headline {
    margin: 0 40px 30px 40px;
  }
}
@media (max-width: 767px) {
  .hf .simple-faq .faq-headline-container .faq-headline {
    margin: 0 40px 30px 40px;
  }
}
@media (max-width: 991px) {
  .hf .simple-faq .faq-headline-container .faq-headline {
    margin: 0 50px 30px 50px;
  }
}
.hf .simple-faq .faq-items-container .faq-items .jump-target {
  height: 106px;
  margin-top: -106px;
  display: block;
}
.hf .simple-faq .faq-items-container .faq-items .faq-item {
  padding: 50px;
  font-size: 16px;
}
.hf .simple-faq .faq-items-container .faq-items .faq-item .faq-item-question {
  font-weight: 700;
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .hf .simple-faq .faq-items-container .faq-items .faq-item {
    padding: 30px;
  }
}
.hf .simple-faq .faq-items-container .faq-items div.faq-item:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.hf .simple-faq .faq-items-container .faq-buttons {
  margin: 20px 0 30px 0;
}
@media (max-width: 767px) {
  .hf .simple-faq .faq-items-container .faq-buttons {
    margin: 30px 20px 30px 20px;
  }
}
.hf .simple-faq .faq-items-container .faq-buttons .faq-button {
  display: block;
  font-weight: 700;
  width: 100%;
  text-transform: uppercase;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
  color: #f99d1c;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  line-height: 4;
}
.hf .integration-index {
  margin-bottom: 2em;
}
.hf .integration-index .integration-card .headline .content {
  width: 140px;
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: center;
  margin-top: 15px;
  padding-right: 3px;
}
.hf .integration-index .integration-card .headline .content:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.hf .integration-index .integration-card .headline .content:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #fff;
}
.hf .integration-index .thumbnail {
  border: none;
}
.hf .integration-index .thumbnail:nth-child(odd) {
  background-color: #eee;
}
.hf .integration-index .thumbnail:nth-child(even) {
  background-color: #f8f8f8;
}
.hf .integration-index .int-title {
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  font-family: Roboto, sans-serif;
}
.hf .integration-index .int-title h2 {
  font-weight: 600;
}
.hf .integration-index .int-sub-text {
  padding: 0 4em;
  margin-bottom: 2em;
}
.hf .integration-index .row.integration-elements {
  padding-top: 15px;
}
.hf .integration-index .row.integration-elements > .page {
  font-size: 16px;
  line-height: 23px;
  font-family: Roboto, sans-serif;
  float: inherit;
  margin-left: auto;
  margin-right: auto;
}
.hf .integration-index .row.filter-row,
.hf .integration-index .row.integration-elements {
  width: 100%;
  margin: 0;
}
.hf .integration-index .filters-section {
  margin-left: auto;
  margin-right: auto;
  float: inherit;
  margin-bottom: 24px;
}
.hf .integration-index .filters-section .col-sm-6.integrations-filter {
  padding-right: 0;
  padding-left: 10px;
}
.hf .integration-index .filters-section .col-sm-6.integrations-search {
  padding-left: 0;
  padding-right: 10px;
}
.hf .integration-index .filters-section .filter-items {
  padding-left: 0;
  padding-right: 0;
}
.hf .integration-index .no-results .blue {
  color: #04c9d7;
  font-weight: 700;
}
.hf .integration-index .no-results > .no-results-text {
  text-align: left;
}
.hf .integration-index .no-results > .no-results-consider {
  line-height: 1.5;
  text-align: left;
  margin-top: 24px;
}
.hf .integration-index .no-results > .no-results-consider > ul {
  margin-top: 8px;
  padding-left: 0;
}
.hf .integration-index .no-results > .no-results-consider > ul > li {
  line-height: 28px;
  list-style: none;
}
.hf .integration-index .no-results > .no-results-consider > ul > li:before {
  content: "∙";
  font-size: 30px;
  vertical-align: middle;
  margin-right: 13px;
}
.hf .integration-index .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: 0.3s ease;
  cursor: pointer;
  background-color: #fff !important;
  outline-offset: -5px;
  padding: 0 15px 0 15px;
}
.hf .integration-index .overlay.blue-background {
  background-color: #fff !important;
}
.hf .integration-index .integration-card {
  height: 169.59px;
  cursor: pointer;
  margin-bottom: 0 !important;
  border-radius: 0;
}
.hf .integration-index .integration-card a {
  text-decoration: none;
}
.hf .integration-index .integration-card .blue-background {
  border-top: 4px solid #04c9d7;
  background-color: #fff !important;
}
.hf .integration-index .integration-card:hover .overlay {
  opacity: 1;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hf .integration-index .integration-card:hover .overlay .title {
  color: #444;
  font-size: 14px;
  font-weight: 700;
}
.hf .integration-index .integration-card:hover .overlay .content {
  color: #444;
  font-size: 12px;
}
.hf .integration-index .integration-card:hover .overlay .card-link {
  color: #f99d1c;
  font-weight: 500;
  font-size: 12px;
  margin-top: 9px;
  display: inline-block;
}
.hf .integration-index .integration-card:hover .overlay.blue-background {
  border-top: 4px solid #04c9d7;
  background-color: #fff !important;
}
.hf .integration-index .integration-card:hover .overlay.blue-background .title {
  color: #444;
  font-size: 14px;
  font-weight: 700;
}
.hf .integration-index .integration-card:hover .overlay.blue-background .content {
  color: #444;
  font-size: 12px;
}
.hf .integration-index .integration-card:hover .overlay.blue-background .card-link {
  color: #f99d1c;
  font-weight: 500;
  font-size: 12px;
  margin-top: 9px;
  display: inline-block;
}
.hf .integration-index .integration-card:hover .overlay.orange-background {
  border-top: 4px solid #f99d1c;
  background-color: #fff !important;
}
.hf .integration-index .integration-card:hover .overlay.orange-background .title {
  color: #444;
  font-size: 14px;
  font-weight: 700;
}
.hf .integration-index .integration-card:hover .overlay.orange-background .content {
  color: #444;
  font-size: 12px;
}
.hf .integration-index .integration-card:hover .overlay.orange-background .card-link {
  color: #f99d1c;
  font-weight: 500;
  font-size: 12px;
  margin-top: 9px;
  display: inline-block;
}
.hf .integration-index .integration-card img {
  max-height: 80px;
  width: auto;
  height: auto;
  position: absolute;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 1.3em;
}
.hf .integration-index .integration-card .card-title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
  position: relative;
  top: 17px;
}
.hf .integration-index .integration-card .headline {
  color: #fff;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .integration-index .integration-card .headline .title {
  font-weight: 700;
  text-align: center;
  margin-top: 17px;
  color: #444;
}
.hf .integration-index .integration-card .headline .card-link {
  padding-top: 1em;
  font-weight: 500;
}
.hf .integration-index .integration-card .headline a.card-link {
  color: #fff;
}
.hf .integration-index .col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .hf .integration-index .col-lg-2-4 {
    float: left;
    width: 20%;
  }
}
.hf .integration-index .col-md-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .hf .integration-index .col-md-2-4 {
    float: left;
    width: 20%;
  }
}
.hf .integration-index .col-sm-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .hf .integration-index .col-sm-2-4 {
    float: left;
    width: 20%;
  }
}
@media only screen and (max-width: 1200px) {
  .hf .integration-index .integration-card {
    height: 174.5px;
  }
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(-n+4) {
    background-color: #eee;
  }
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(-n+4) {
    background-color: #f8f8f8;
  }
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+13):nth-child(-n+16),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+21):nth-child(-n+24),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+29):nth-child(-n+32),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+37):nth-child(-n+40),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+45):nth-child(-n+49),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+5):nth-child(-n+8),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+54):nth-child(-n+60),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+65):nth-child(-n+70),
  .hf .integration-index .integration-card.thumbnail:nth-child(odd):nth-child(n+71):nth-child(-n+74) {
    background-color: #f8f8f8;
  }
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+13):nth-child(-n+16),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+21):nth-child(-n+24),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+29):nth-child(-n+32),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+37):nth-child(-n+40),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+45):nth-child(-n+49),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+5):nth-child(-n+8),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+54):nth-child(-n+60),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+65):nth-child(-n+70),
  .hf .integration-index .integration-card.thumbnail:nth-child(even):nth-child(n+71):nth-child(-n+74) {
    background-color: #eee;
  }
}
@media only screen and (max-width: 960px) {
  .hf .integration-index .integration-card {
    height: 266.5px;
  }
  .hf .integration-index .integration-card img {
    top: 33%;
  }
  .hf .integration-index .integration-card.thumbnail:nth-child(4n),
  .hf .integration-index .integration-card.thumbnail:nth-child(4n+1) {
    background-color: #eee !important;
  }
  .hf .integration-index .integration-card.thumbnail {
    background-color: #f8f8f8 !important;
  }
}
@media only screen and (max-width: 767px) {
  .hf .integration-index .integration-card {
    height: 153px;
  }
  .hf .integration-index .integration-card.thumbnail:nth-child(4n),
  .hf .integration-index .integration-card.thumbnail:nth-child(4n+1) {
    background-color: #eee !important;
  }
  .hf .integration-index .integration-card.thumbnail {
    background-color: #f8f8f8 !important;
  }
  .hf .integration-index .integration-card .headline .content {
    width: 140px;
    margin: 0 15px;
  }
  .hf .integration-index #cardcontainer {
    margin: 0 1em 0 2em;
  }
  .hf .integration-index #swtable {
    border-right: none;
    border-bottom: 8px solid #04c9d7;
  }
  .hf .integration-index .int-sub-text {
    padding: 0 2em;
  }
  .hf .integration-index .filters-section {
    padding: 0;
  }
  .hf .integration-index .filters-section .col-sm-6.integrations-filter,
  .hf .integration-index .filters-section .col-sm-6.integrations-search {
    padding: 0;
  }
}
.hf .one-button .row {
  padding: 0 25px 20px 0;
  display: block;
  color: #535252;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.42857143;
  margin-left: 0;
}
@media (max-width: 991px) {
  .hf .one-button .row {
    padding-top: 0;
  }
}
.hf .one-button h1 {
  font-size: 30px;
  color: #02c0cf;
  padding-bottom: 10px;
  line-height: 30px;
  margin: 0;
}
.hf .one-button padding {
  font-size: 14px;
  margin: 0 0 11px;
}
.hf .one-button hr {
  margin: 20px 0 3px 0;
  border: none;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: content-box;
  height: 0;
  display: block;
  overflow: hidden;
}
.hf .one-button a {
  height: 65px;
  line-height: 65px;
  display: block;
  padding-left: 10px;
  font-size: 20px;
  transition-property: background-color;
  transition-duration: 0.3s;
  text-decoration: none;
  color: #02c0cf;
  white-space: nowrap;
}
.hf .one-button a:hover {
  color: #fff;
  background: #02c0cf;
  cursor: pointer;
  outline: 0;
}
.hf .one-button i {
  padding-right: 5px;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr td {
  padding: 8px;
  vertical-align: top;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.headers-row {
  font-weight: 700;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.headers-row .release-date-header {
  display: flex;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.headers-row .release-date-header .arrows-container {
  font-size: 10px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #444;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.headers-row .release-date-header .arrows-container .glyphicon:hover {
  cursor: pointer;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.bits-row:nth-child(odd) {
  background-color: #f9f9f9;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.bits-row td:first-child {
  font-weight: 700;
}
.hf .downloadbits-checksum-container .downloadbits-checksum-table tr.bits-row td:last-child {
  text-transform: uppercase;
}
.hf footer {
  font-family: Roboto, sans-serif;
  background: #444;
  color: #fff;
}
.hf footer .footersection {
  padding-top: 48px;
  padding-bottom: 48px;
}
.hf footer .footersection h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-bottom: none;
  line-height: 1.4em;
  padding: 0;
  margin: 13px 0;
}
.hf footer .footersection h3 a {
  color: #fff;
}
.hf footer .footersection h3 a:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .hf footer .footersection {
    padding: 48px;
  }
}
.hf footer .tile .phone {
  font-size: 16px;
}
.hf footer .tile .phone span {
  vertical-align: super;
  padding-left: 2px;
}
.hf footer .tile .phone .fa {
  font-size: 28px;
}
.hf footer .tile .email {
  font-size: 16px;
  padding: 15px 0;
}
.hf footer .tile .email span {
  vertical-align: top;
  padding-left: 2px;
}
.hf footer .tile .email .fa {
  font-size: 24px;
}
.hf footer .tile .social-icons {
  padding-bottom: 15px;
}
.hf footer .tile .social-icons li {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 6px;
  margin: 2px;
  display: inline-block;
  text-align: center;
}
.hf footer .tile .social-icons li a {
  display: block;
  line-height: 1;
  font-size: 18px;
  width: 18px;
}
.hf footer .tile ul.ul-wrapper {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #a1a1a1;
}
@media (max-width: 992px) {
  .hf footer .tile ul.ul-wrapper {
    display: none;
  }
}
.hf footer .tile ul.ul-wrapper li {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
}
.hf footer .tile ul.ul-wrapper li a {
  padding: 0;
  color: #a1a1a1;
}
@media (max-width: 768px) {
  .hf footer .tile ul.ul-wrapper li {
    margin-left: 15px;
  }
}
.hf footer .tile ul.ul-wrapper li:last-of-type {
  margin-bottom: 22px;
}
.hf footer .tile a {
  color: #fff;
}
.hf footer .tile a:hover {
  color: #fff;
}
.hf footer .tile:not(:first-of-type) {
  float: right;
}
.hf footer .tile:not(:first-of-type) h3 {
  display: inline;
}
@media (max-width: 768px) {
  .hf footer .tile:not(:first-of-type) h3 {
    margin-bottom: 15px;
  }
}
.hf footer .tile:not(:first-of-type) .expand-wrapper {
  height: 35px;
}
.hf footer .tile:not(:first-of-type) .expand-icon {
  display: none;
  vertical-align: middle;
  float: right;
  margin-left: 7px;
  width: 17px;
  height: 17px;
  background-image: url(https://www.solarwinds.com/images/icon-expand-mobile.png);
}
@media (max-width: 992px) {
  .hf footer .tile:not(:first-of-type) .expand-icon {
    display: inline-block;
  }
}
.hf footer .tile:not(:first-of-type) .expand-icon.swap-expand-icon {
  background-image: url(https://www.solarwinds.com/images/icon-collapse-mobile.png);
}
.hf footer .footer-downloads {
  margin-top: 20px;
  margin-bottom: 20px;
}
.hf footer .footer-downloads img {
  max-width: 100%;
}
.hf footer .copyrights {
  font-size: 12px;
}
@media (max-width: 767px) {
  .hf footer .footer-bottom {
    text-align: center;
  }
}
.hf footer .footer-bottom a {
  padding: 0;
  border: none;
}
.hf footer .footer-bottom ul {
  padding: 0;
  margin: 0;
}
.hf footer .footer-bottom ul li {
  border-left: 1px solid #fff;
  display: inline-block;
  padding-left: 6px;
  padding-right: 4px;
  margin: 0;
}
.hf footer .footer-bottom ul li:first-child {
  border-left: 0;
  padding-left: 0;
}
@media (max-width: 767px) {
  .hf footer .footer-bottom ul li {
    display: block;
    border: none;
    margin: 5px 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .hf header.brandSites {
    height: 105px;
    padding-top: 19px;
  }
  .hf header.brandSites .logo-link:hover {
    text-decoration: none;
  }
  .hf header.brandSites .col-sm-9 {
    min-height: 38px;
    margin-top: 20px;
  }
  .hf .input-group .form-control.search-btn {
    width: 320px;
    float: right;
    border-radius: 0;
  }
  .hf .btn-warning {
    background-color: #f99d1c;
  }
  .hf .dropdown-menu.dropdown-english {
    min-width: 80px;
  }
}
.hf .navbar-brandSites > li:nth-child(4) a.menu-headline {
  color: #fff;
}
.hf .navbar-brandSites > li:nth-child(4) a.menu-headline:hover {
  color: #fff;
}
.hf .navbar-nav.brandSites > li > a.menu-headline.orange {
  color: #f99d1c !important;
}
.hf .navbar-nav.brandSites > li > a.menu-headline.orange:hover {
  color: #fab024;
}
.hf .navbar-nav.brandSites > li > a.menu-headline.orange:active {
  color: #f88e16;
}
.hf .navbar-nav.brandSites > li.arrow a.menu-headline:after {
  margin-right: 5px;
  margin-left: 5px;
  display: inline-block;
  font-family: FontAwesome;
  content: " " !important;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.hf .navbar-nav.brandSites > li.arrow a.menu-headline:hover {
  color: #ccc;
}
.hf .navbar-nav.brandSites > li.arrow a.menu-headline:hover:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
  .hf .navbar-brandSites {
    border-radius: 0;
    margin-right: -15px;
    margin-left: -15px;
    min-height: 37px;
    margin-bottom: 0;
    min-width: 100%;
    position: relative;
  }
  .hf .navbar-brandSites li.menu-toggle:nth-child(7) {
    display: inline-block;
    float: right;
  }
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #444;
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
  .hf .navbar-nav.brandSites {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 22px;
    position: static;
    float: none;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li > a {
    padding: 0 0 0 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-weight: 400;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li > a:hover {
    color: #444;
    text-decoration: underline;
    background-color: none;
    background: 0 0;
  }
  .hf .navbar-nav.brandSites .open a.menu-headline,
  .hf .navbar-nav.brandSites .open a.menu-headline:focus,
  .hf .navbar-nav.brandSites .open a.menu-headline:hover {
    background-color: transparent;
    color: #fff;
  }
  .hf .navbar-nav.brandSites > li {
    padding: 0 5px;
    box-sizing: border-box;
  }
  .hf .navbar-nav.brandSites > li:first-child a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(3) a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(4) a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: "";
    color: #fff;
  }
  .hf .navbar-nav.brandSites > li a.orange {
    color: #f99d1c;
  }
  .hf .navbar-nav.brandSites > li a.orange:hover {
    color: #fab024;
  }
  .hf .navbar-nav.brandSites > li a.orange:active {
    color: #f88e16;
  }
  .hf .navbar-nav.brandSites > li > a.menu-headline.arrow:after {
    font-family: FontAwesome;
    content: "";
    color: #fff;
  }
  .hf .navbar-nav.brandSites > li a.menu-headline:focus,
  .hf .navbar-nav.brandSites > li a.menu-headline:hover,
  .hf .navbar-nav.brandSites > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 16px 5px;
  }
  .hf .navbar-nav.brandSites > li a.menu-headline:hover {
    border-bottom: 5px solid #ccc;
    height: 60px;
    padding: 16px 5px;
  }
  .hf .navbar-nav.brandSites > li:first-child {
    padding-left: 0;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(2) > ul.dropdown-menu {
    left: -1px;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item p {
    min-height: 80px;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item a {
    margin-top: 0;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item a:hover {
    background-color: transparent;
    background: 0 0;
    text-decoration: underline;
    color: #444;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    left: 0;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item p {
    min-height: 80px;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a {
    margin-top: 0;
  }
  .hf .navbar-nav.brandSites > li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a:hover {
    background-color: transparent;
    background: 0 0;
    text-decoration: underline;
    color: #444;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(4) {
    position: absolute;
    left: 405px;
    top: 218px;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(5) {
    position: absolute;
    left: 215px;
    top: 310px;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(6) {
    position: absolute;
    left: 405px;
    top: 426px;
  }
  .hf .navbar-nav.brandSites .menu-toggle:hover .dropdown-menu {
    display: block;
  }
  .hf .navbar-nav.brandSites .menu-toggle:nth-child(4) ul.dropdown-menu.mega-menu {
    left: 0 !important;
  }
  .hf .nav > li.view-menu-toggle {
    display: none;
  }
  .hf .navbar-brandSites-default {
    border: 0;
    border-bottom: 5px solid #04c9d7;
    background-color: #444;
    height: 60px;
  }
  .hf .navbar-brandSites-default .navbar-brandSites-collapse {
    border: none;
  }
  .hf .navbar-brandSites-default .menu-toggle.open ul.dropdown-menu.mega-menu {
    margin-top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 22px;
    height: auto;
    border-top: none;
    padding-top: 24px;
    border-bottom: 8px solid #04c9d7;
  }
  .hf .language-dropdown,
  .hf .language-toggle {
    display: none;
  }
  .hf .collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .menu-toggle .menu-headline {
    padding-left: 0;
  }
  .hf .menu-toggle ul.dropdown-menu.mega-menu,
  .hf .menu-toggle ul.dropdown-menu.mega-menu:focus,
  .hf .menu-toggle ul.dropdown-menu.mega-menu:hover {
    top: 60px;
    left: -10px;
    padding-top: 24px;
    border-bottom: 8px solid #04c9d7;
  }
  .hf .menu-toggle:first-child.open ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .menu-toggle:hover li.view-menu-toggle {
    display: none;
  }
  .hf .menu-toggle:hover .brandSites ul.dropdown-menu.mega-menu {
    margin-top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 22px;
    height: auto;
    border-top: none;
    padding-top: 24px;
    border-bottom: 8px solid #04c9d7;
    left: -10px;
  }
  .hf .menu-toggle:nth-child(2) .menu-item,
  .hf .menu-toggle:nth-child(3) .menu-item {
    display: table-cell;
  }
  .hf .navbar-nav.brandSites .menu-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    margin-left: 0;
  }
  .hf .navbar-nav.brandSites .menu-item:first-child {
    margin-left: 0;
  }
  .hf .navbar-nav.brandSites .menu-item p {
    padding-left: 24px;
    font-size: 14px;
  }
  .hf .navbar-nav.brandSites .menu-item p + ul.dropdown-menu > li > a {
    margin-left: 0;
    font-size: 14px;
  }
  .hf .navbar-nav.brandSites .menu-item:first-child {
    padding-left: 0;
  }
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    padding-left: 8px;
  }
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline + .dropdown-menu > li > a {
    color: #444;
    font-size: 14px;
    line-height: 16px;
    padding-top: 8px;
    margin-left: 0;
  }
  .hf .bottom-links {
    margin: 0 15px;
    border-top: 1px dotted #444;
    padding-top: 10px;
  }
  .hf .bottom-links a {
    color: #04c9d7;
    padding: 0 24px;
  }
  .hf .bottom-links a:hover {
    color: #04d6e1;
  }
  .hf .bottom-links a:active {
    color: #03bfcf;
  }
  .hf .bottom-links a:last-child {
    padding-right: 0;
    border-left: 1px dotted #444;
  }
  .hf .navbar-nav.brandSites .menu-toggle > .dropdown-menu > li > a.mobile-menu-icon {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .hf .navbar-nav.brandSites .menu-item {
    margin-left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .hf .navbar-nav.brandSites .menu-item > li {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(4) {
    position: static;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(5) {
    position: absolute;
    left: 448px;
    top: 230px;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(6) {
    position: absolute;
    left: 227px;
    top: 270px;
  }
  .hf .navbar-nav.brandSites > li {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .hf .navbar-nav.brandSites > li:first-child a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(3) a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(4) a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: "";
    color: #fff;
  }
  .hf .navbar-nav.brandSites > li a.menu-headline:focus,
  .hf .navbar-nav.brandSites > li a.menu-headline:hover,
  .hf .navbar-nav.brandSites > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 16px 10px;
  }
  .hf .navbar-nav.brandSites > li a.menu-headline:hover {
    border-bottom: 5px solid #ccc;
    height: 60px;
    padding: 16px 10px;
  }
  .hf .navbar-nav.brandSites > li > a.menu-headline:first-child {
    margin-left: -10px;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .hf .menu-toggle.open:first-child ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:first-child:hover ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li > a,
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline {
    padding: 0 0 2px 24px;
    color: #444;
  }
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #444;
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
  .hf .navbar-brandSites .menu-toggle ul.dropdown-menu.mega-menu,
  .hf .navbar-brandSites .menu-toggle.open ul.dropdown-menu.mega-menu,
  .hf .navbar-brandSites .menu-toggle:hover ul.dropdown-menu.mega-menu {
    width: auto;
  }
  .hf .navbar-nav.brandSites .menu-item:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .hf .navbar-nav.brandSites > li {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .hf .navbar-nav.brandSites > li:first-child a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(2) a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(3) a.menu-headline:after,
  .hf .navbar-nav.brandSites > li:nth-child(4) a.menu-headline:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: "";
  }
  .hf .navbar-nav.brandSites > li a.menu-headline:focus,
  .hf .navbar-nav.brandSites > li a.menu-headline:hover,
  .hf .navbar-nav.brandSites > li > a.menu-headline {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 16px 14px;
  }
  .hf .navbar-nav.brandSites > li a.menu-headline:hover {
    border-bottom: 5px solid #ccc;
    height: 60px;
    padding: 16px 14px;
  }
  .hf .navbar-nav.brandSites > li a.orange {
    color: #f99d1c;
  }
  .hf .navbar-nav.brandSites > li a.orange:hover {
    color: #fab024;
  }
  .hf .navbar-nav.brandSites > li a.orange:active {
    color: #f88e16;
  }
  .hf .navbar-nav.brandSites .menu-item {
    margin-left: 48px;
    width: auto;
  }
  .hf .navbar-nav.brandSites .menu-item > li {
    width: auto;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(4) {
    position: static;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(5) {
    position: absolute;
    left: 536px;
    top: 241px;
  }
  .hf .navbar-nav.brandSites .menu-toggle:first-child .dropdown-menu > li.menu-item:nth-child(6) {
    position: absolute;
    left: 244px;
    top: 263px;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li {
    width: auto;
  }
  .hf .menu-toggle.open:first-child ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:first-child ul.dropdown-menu.mega-menu,
  .hf .menu-toggle:first-child:hover ul.dropdown-menu.mega-menu {
    height: auto;
  }
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline:after {
    content: "";
    display: block;
    border-bottom: 1px dotted #444;
    padding-bottom: 2px;
    margin-bottom: 5px;
    width: 190px;
  }
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li > a,
  .hf .navbar-nav.brandSites .menu-item > .dropdown-menu > li > a:hover,
  .hf .navbar-nav.brandSites .menu-item > .menu-subheadline {
    padding: 0 0 2px 24px;
    color: #444;
  }
  .hf .navbar-brandSites .menu-toggle ul.dropdown-menu.mega-menu,
  .hf .navbar-brandSites .menu-toggle.open ul.dropdown-menu.mega-menu,
  .hf .navbar-brandSites .menu-toggle:hover ul.dropdown-menu.mega-menu {
    width: auto;
  }
  .hf .navbar-nav.brandSites .menu-item:first-child {
    margin-left: 0;
  }
  .hf .dropdown-menu > li > a:focus,
  .hf .dropdown-menu > li > a:hover {
    text-decoration: underline;
    color: #a1a1a1;
    background-color: transparent;
  }
}
@media (max-width: 1024px) {
  .hf .brandsite-global-nav li.menu-toggle:nth-child(3) > ul.dropdown-menu {
    left: -100px;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item p {
    min-height: 120px !important;
    padding-left: 10px;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a {
    margin-top: 0;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #a1a1a1;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(3) > ul.dropdown-menu .menu-item p + a {
    margin-left: -10px;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(2) > ul.dropdown-menu {
    left: 0;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item p {
    min-height: 80px !important;
    padding-left: 10px;
  }
  .hf .brandsite-global-nav li.menu-toggle:nth-child(2) > ul.dropdown-menu .menu-item .dropdown-menu a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #a1a1a1;
  }
}
.hf .homepage-product-card .container > .row {
  margin-top: 40px;
  margin-bottom: 40px;
}
.hf .homepage-product-card .title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #444;
  text-align: center;
}
.hf .homepage-product-card .description {
  width: 750px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #444;
  margin: auto;
  margin-bottom: 30px;
}
.hf .homepage-product-card .product-cards {
  margin: auto;
}
.hf .homepage-product-card .product-cards > .product-card {
  background-color: #fff;
  box-shadow: 0 0 10px 0 #ccc;
  position: relative;
  width: 555px;
  min-height: 464px;
  display: flex;
  flex-direction: column;
}
.hf .homepage-product-card .product-cards > .product-card:nth-child(odd) {
  margin-right: 30px;
}
.hf .homepage-product-card .product-cards > .product-card > div:last-child {
  margin-bottom: 40px;
}
.hf .homepage-product-card .product-cards > .product-card .category-container {
  height: 39px;
  text-align: center;
  line-height: 37px;
}
.hf .homepage-product-card .product-cards > .product-card .category-container span {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.hf .homepage-product-card .product-cards > .product-card .name-container {
  margin-top: 20px;
  text-align: center;
}
.hf .homepage-product-card .product-cards > .product-card .name-container a {
  font-size: 20px;
  font-weight: 700;
  color: #444;
}
.hf .homepage-product-card .product-cards > .product-card > .row > .name-container > .name {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #04c9d7;
  display: inline-block;
}
.hf .homepage-product-card .product-cards > .product-card > .bullets {
  height: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  text-align: left;
  line-height: normal;
  color: #444;
  margin-left: 15.5px;
}
.hf .homepage-product-card .product-cards > .product-card > .bullets > ul {
  padding-left: 9px;
}
.hf .homepage-product-card .product-cards > .product-card > .bullets > ul > li {
  margin-bottom: 10px;
}
.hf .homepage-product-card .product-cards > .product-card .learn-more-link-container {
  text-align: center;
  margin-top: 30px;
}
.hf .homepage-product-card .product-cards > .product-card .learn-more-link-container > a.btn-learnmore {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #f99d1c;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container {
  display: inline-flex;
  justify-content: center;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container .btn {
  white-space: normal;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div:nth-child(odd) {
  padding-right: 7.5px;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div:nth-child(even) {
  padding-left: 7.5px;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.buynow-container a,
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.download-free-trial-container a {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 10px 16px;
  text-transform: uppercase;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.buynow-container span.btnSubText,
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.download-free-trial-container span.btnSubText {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #a1a1a1;
  display: block;
  margin-top: 8px;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.buynow-container > a {
  border: 1px solid transparent;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.buynow-container > a:hover {
  background-color: #fab024;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.buynow-container > a:active {
  background-color: #f88e16;
}
.hf .homepage-product-card .product-cards > .product-card > .btns-container > div.download-free-trial-container > a.mobile {
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 991px) {
  .hf .homepage-product-card .title {
    font-size: 24px;
    width: auto;
  }
  .hf .homepage-product-card .description {
    font-size: 16px;
    width: auto;
  }
  .hf .homepage-product-card .product-cards {
    margin: auto;
    width: auto;
  }
  .hf .homepage-product-card .product-cards > .product-card {
    width: 100%;
    min-height: 397px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #ccc;
    position: relative;
    margin-bottom: 40px;
  }
  .hf .homepage-product-card .product-cards > .product-card:nth-child(odd) {
    margin-right: 0;
  }
  .hf .homepage-product-card .product-cards > .product-card > .row > .icon-container {
    padding: 0;
  }
  .hf .homepage-product-card .product-cards > .product-card > .row > .icon-container > .icon {
    margin: auto;
  }
  .hf .homepage-product-card .product-cards > .product-card > .row > .name-container {
    margin-top: 14px;
    padding: 0;
  }
  .hf .homepage-product-card .product-cards > .product-card > .row > .name-container .category,
  .hf .homepage-product-card .product-cards > .product-card > .row > .name-container > .name {
    text-align: center;
  }
  .hf .homepage-product-card .product-cards > .product-card > .btns-container.row {
    margin: auto;
    min-width: 450px;
  }
  .hf .homepage-product-card .product-cards > .product-card > .btns-container.row > div {
    max-width: inherit;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .homepage-product-card .product-cards > .product-card {
    width: 458px;
    min-height: 332px;
  }
  .hf .homepage-product-card .product-cards > .product-card:nth-child(odd) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .hf .homepage-product-card .product-cards > .product-card > .row div.name-container {
    margin-top: 20px;
  }
  .hf .homepage-product-card .product-cards > .product-card .btns-container {
    text-align: center;
    display: block;
  }
  .hf .homepage-product-card .product-cards > .product-card .btns-container div.buynow-container,
  .hf .homepage-product-card .product-cards > .product-card .btns-container div.download-free-trial-container {
    padding-right: 0;
    padding-left: 0;
  }
  .hf .homepage-product-card .product-cards > .product-card .btns-container div.buynow-container span.btnSubText,
  .hf .homepage-product-card .product-cards > .product-card .btns-container div.download-free-trial-container span.btnSubText {
    font-size: 12px;
    font-weight: 500;
  }
  .hf .homepage-product-card .product-cards > .product-card div.buynow-container {
    padding-bottom: 30px;
  }
  .hf .homepage-product-card .product-cards > .product-card div.buynow-container a.btn {
    width: auto;
    font-size: 12px;
    font-weight: 700;
  }
  .hf .homepage-product-card .product-cards > .product-card div.download-free-trial-container a.btn {
    width: auto;
    font-size: 12px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 767px) {
  .hf .coupon-testimonial-header {
    text-align: center;
    color: #444;
  }
  .hf .coupon-testimonial-header .no-gutters {
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .hf .coupon-testimonial-header h2 {
    color: #444;
    margin-top: 48px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
  }
  .hf .coupon-testimonial {
    border-top: 5px solid #dade63;
    background-color: #f5f5f5;
    color: #444;
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .coupon-testimonial .container {
    padding: 0 16px;
  }
  .hf .coupon-testimonial .lineRule {
    border-bottom: 2px solid #ccc;
    height: 2px;
    width: 100%;
    padding: 0 32px;
    margin: 32px 0;
  }
  .hf .coupon-testimonial .no-gutters {
    padding-right: 30px;
    padding-left: 30px;
  }
  .hf .coupon-testimonial .filterReviews h3,
  .hf .coupon-testimonial .sortReviews h3 {
    font-weight: 600;
    font-size: 16px;
  }
  .hf .coupon-testimonial .filterReviews ul,
  .hf .coupon-testimonial .sortReviews ul {
    margin-left: -40px;
  }
  .hf .coupon-testimonial .filterReviews ul li,
  .hf .coupon-testimonial .sortReviews ul li {
    list-style-type: none;
    margin-bottom: 8px;
  }
  .hf .coupon-testimonial .filterReviews ul li a,
  .hf .coupon-testimonial .sortReviews ul li a {
    font-size: 13px;
    color: #0079aa;
  }
  .hf .coupon-testimonial .count {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 15px;
    margin: 0 0 24px 0;
  }
  .hf .coupon-testimonial .overallRating {
    margin: 48px 0 0 0;
    text-align: center;
  }
  .hf .coupon-testimonial .overallRating h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .hf .coupon-testimonial .overallRating .stars {
    display: block;
  }
  .hf .coupon-testimonial .overallRating .stars i {
    color: #f99d1c;
    font-size: 24px;
  }
  .hf .coupon-testimonial .overallRating .ratingTotal {
    font-size: 14px;
    font-weight: 600;
  }
  .hf .coupon-testimonial .reviewHighlights {
    margin: 0;
  }
  .hf .coupon-testimonial .reviewHighlights h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    text-align: center;
  }
  .hf .coupon-testimonial .reviewHighlights .highlight-item {
    margin: 16px 0;
  }
  .hf .coupon-testimonial .reviewHighlights .highlight-item .title {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    width: 250px;
  }
  .hf .coupon-testimonial .reviewHighlights .highlight-item .quote {
    font-size: 14px;
    display: inline-block;
  }
  .hf .coupon-testimonial .review-item {
    padding: 24px 0 24px 24px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    min-height: 241px;
    margin: 20px 0;
    font-size: 14px;
  }
  .hf .coupon-testimonial .review-item .quote {
    width: 80%;
  }
  .hf .coupon-testimonial .review-item .review-detail {
    margin-bottom: 24px;
  }
  .hf .coupon-testimonial .review-item .review-detail .stars {
    display: block;
  }
  .hf .coupon-testimonial .review-item .review-detail .stars i {
    color: #f99d1c;
    font-size: 16px;
  }
  .hf .coupon-testimonial .review-item .review-detail .date {
    margin-left: 0;
    display: block;
  }
  .hf .coupon-testimonial .review-item .review-detail .logo-review {
    display: inline-block;
    float: right;
    margin: -40px 24px 0 0;
  }
  .hf .coupon-testimonial .review-item .review-detail .video-review {
    width: 100%;
    display: block;
    text-align: center;
    padding-right: 24px;
    padding-top: 24px;
  }
  .hf .coupon-testimonial .review-item .review-detail .video-review img {
    width: 100%;
    height: auto;
    box-shadow: none;
  }
  .hf .coupon-testimonial .review-item .author {
    display: inline-block;
    margin-top: 16px;
  }
  .hf .coupon-testimonial .review-item .author .name {
    font-weight: 600;
  }
  .hf .coupon-testimonial .pagination {
    float: right;
    margin: 16px 0 10px 0;
  }
  .hf .coupon-testimonial .pagination a {
    color: #04c9d7;
  }
  .hf .coupon-testimonial .pagination .active > a,
  .hf .coupon-testimonial .pagination .active > a:focus,
  .hf .coupon-testimonial .pagination .active > a:hover,
  .hf .coupon-testimonial .pagination .active > span,
  .hf .coupon-testimonial .pagination .active > span:focus,
  .hf .coupon-testimonial .pagination .active > span:hover {
    background-color: #03bfcf;
    color: #fff;
    border-color: #03bfcf;
  }
  .hf .coupon-testimonial .pagination a:focus,
  .hf .coupon-testimonial .pagination a:hover,
  .hf .coupon-testimonial .pagination span:focus,
  .hf .coupon-testimonial .pagination span:hover {
    color: #fff;
    background-color: #04d6e1;
    border-color: #04d6e1;
  }
  .hf .coupon-testimonial .sortFilter {
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .hf .coupon-testimonial .sortFilter .dropDown {
    border: 1px solid #ccc;
    width: 100%;
    height: 36px;
    color: #a1a1a1;
  }
}
@media only screen and (min-width: 768px) {
  .hf .coupon-testimonial-header {
    padding: 0;
    color: #444;
  }
  .hf .coupon-testimonial-header .no-gutters {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .hf .coupon-testimonial-header h2 {
    color: #444;
    margin-top: 48px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
  }
  .hf .coupon-testimonial {
    background-color: #f5f5f5;
    border-top: 5px solid #dade63;
    color: #444;
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .coupon-testimonial .filterReviews {
    border-bottom: dotted 1px #a1a1a1;
  }
  .hf .coupon-testimonial .filterReviews h3,
  .hf .coupon-testimonial .sortReviews h3 {
    font-weight: 600;
    font-size: 16px;
  }
  .hf .coupon-testimonial .filterReviews ul,
  .hf .coupon-testimonial .sortReviews ul {
    margin-left: -40px;
  }
  .hf .coupon-testimonial .filterReviews ul li,
  .hf .coupon-testimonial .sortReviews ul li {
    list-style-type: none;
    margin-bottom: 8px;
  }
  .hf .coupon-testimonial .filterReviews ul li a,
  .hf .coupon-testimonial .sortReviews ul li a {
    font-size: 13px;
    color: #0079aa;
  }
  .hf .coupon-testimonial .filterReviews input[type=checkbox] {
    line-height: normal;
    top: -3px;
    vertical-align: bottom;
    position: relative;
  }
  .hf .coupon-testimonial .count {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 15px;
  }
  .hf .coupon-testimonial .removeFilters {
    width: 86px;
    height: 16px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #0079aa;
  }
  .hf .coupon-testimonial .overallRating {
    margin: 48px 0;
  }
  .hf .coupon-testimonial .overallRating h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 8px;
    margin-bottom: 28px;
    border-bottom: 2px solid #ccc;
  }
  .hf .coupon-testimonial .overallRating .stars {
    display: block;
  }
  .hf .coupon-testimonial .overallRating .stars i {
    color: #f99d1c;
    font-size: 32px;
  }
  .hf .coupon-testimonial .overallRating .ratingTotal {
    font-size: 14px;
    font-weight: 600;
  }
  .hf .coupon-testimonial .reviewHighlights {
    margin: 48px 0;
  }
  .hf .coupon-testimonial .reviewHighlights h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 2px solid #ccc;
  }
  .hf .coupon-testimonial .reviewHighlights .highlight-item {
    margin: 16px 0;
  }
  .hf .coupon-testimonial .reviewHighlights .highlight-item .title {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    width: 250px;
  }
  .hf .coupon-testimonial .reviewHighlights .highlight-item .quote {
    font-size: 14px;
    display: inline-block;
  }
  .hf .coupon-testimonial .review-item {
    padding: 32px 0 32px 32px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    min-height: 241px;
    margin: 20px 0;
    font-size: 14px;
  }
  .hf .coupon-testimonial .review-item .quote {
    width: 80%;
  }
  .hf .coupon-testimonial .review-item .review-detail {
    margin-bottom: 24px;
  }
  .hf .coupon-testimonial .review-item .review-detail .stars i {
    color: #f99d1c;
    font-size: 16px;
  }
  .hf .coupon-testimonial .review-item .review-detail .stars + .date {
    margin-left: 10px;
  }
  .hf .coupon-testimonial .review-item .review-detail .date {
    margin-left: 0;
  }
  .hf .coupon-testimonial .review-item .review-detail .logo-review {
    display: inline-block;
    float: right;
    margin-right: 32px;
  }
  .hf .coupon-testimonial .review-item .review-detail .video-review {
    width: 368px;
    height: 207px;
    float: right;
    display: inline-block;
    margin-right: 16px;
    margin-top: -16px;
    margin-left: 10px;
  }
  .hf .coupon-testimonial .review-item .review-detail .video-review img {
    width: 368px;
    height: 207px;
    box-shadow: none;
  }
  .hf .coupon-testimonial .review-item .author {
    display: inline-block;
    margin-top: 16px;
  }
  .hf .coupon-testimonial .review-item .author .name {
    font-weight: 600;
  }
  .hf .coupon-testimonial .pagination {
    float: right;
  }
  .hf .coupon-testimonial .pagination a {
    color: #04c9d7;
  }
  .hf .coupon-testimonial .pagination .active > a,
  .hf .coupon-testimonial .pagination .active > a:focus,
  .hf .coupon-testimonial .pagination .active > a:hover,
  .hf .coupon-testimonial .pagination .active > span,
  .hf .coupon-testimonial .pagination .active > span:focus,
  .hf .coupon-testimonial .pagination .active > span:hover {
    background-color: #03bfcf;
    color: #fff;
    border-color: #03bfcf;
  }
  .hf .coupon-testimonial .pagination a:focus,
  .hf .coupon-testimonial .pagination a:hover,
  .hf .coupon-testimonial .pagination span:focus,
  .hf .coupon-testimonial .pagination span:hover {
    color: #fff;
    background-color: #04d6e1;
    border-color: #04d6e1;
  }
}
.hf .coupon-review-hero {
  font-size: 16px;
  padding-bottom: 50px;
}
.hf .coupon-review-hero p.subtext {
  font-size: 16px;
  line-height: 1.3333em;
  color: #444;
  margin: 15px 0 0 0;
}
.hf .coupon-review-hero .cta-button {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.hf .coupon-review-hero .cta-button a {
  margin: 48px 0 0 10px;
  border: none;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  display: inline-block;
}
.hf .coupon-review-hero .cta-button a:hover {
  text-decoration: none;
}
.hf .coupon-review-hero .cta-button a.blue-button {
  background-color: #04c9d7;
}
.hf .coupon-review-hero .cta-button a.blue-button:hover {
  background-color: #04d6e1;
}
.hf .coupon-review-hero .cta-button a.gray-button {
  background-color: #666;
}
.hf .coupon-review-hero .cta-button a.gray-button:hover {
  background-color: #a1a1a1;
}
.hf .coupon-review-hero .cta-button a.btnGreen {
  background-color: #81c23c;
}
.hf .coupon-review-hero .cta-button a.btnGreen:hover {
  background-color: #94d24b;
}
.hf .coupon-review-hero .cta-button a.btnOrange {
  background-color: #f99d1c;
}
.hf .coupon-review-hero .cta-button a.btnOrange:hover {
  background-color: #fab024;
}
.hf .coupon-review-hero .cta-button span {
  font-size: 12px;
  color: #a1a1a1;
  display: block;
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .hf .coupon-review-hero {
    padding-bottom: 30px;
  }
  .hf .coupon-review-hero h1 {
    color: #04c9d7;
    font-size: 1.9375em;
    line-height: 1.1em;
    margin-top: 1.0322em;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
  }
  .hf .coupon-review-hero .cta-button {
    display: block;
  }
  .hf .coupon-review-hero .cta-button a {
    margin: 1.5em auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .hf .coupon-review-hero {
    padding-bottom: 30px;
  }
  .hf .coupon-review-hero h1 {
    color: #04c9d7;
    font-size: 2.25em;
    font-weight: 700;
    line-height: 1.1111em;
    margin: 1.3333em 0 0;
    width: 90%;
  }
  .hf .coupon-review-hero h1.homePage {
    color: #04c9d7;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    width: 100%;
    padding-right: 100px;
  }
  .hf .coupon-review-hero .cta-button {
    display: block;
  }
  .hf .coupon-review-hero .cta-button a {
    margin: 1.5em auto 0;
  }
  .hf .coupon-review-hero .cta-button:first-child a {
    margin: 48px 0 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .hf .coupon-review-hero {
    padding-bottom: 30px;
  }
  .hf .coupon-review-hero .coupon-hero-headline,
  .hf .coupon-review-hero h1 {
    width: 100%;
  }
  .hf .coupon-review-hero .cta-button {
    display: inline-block;
  }
  .hf .coupon-review-hero .cta-button a {
    margin: 48px 0 0 10px;
  }
}
@media (min-width: 1025px) {
  .hf .coupon-review-hero .links.withoutDots {
    display: inline-block;
    height: auto;
    margin-top: 50px;
    margin-left: 16px;
    vertical-align: top;
    padding-top: 6px;
    min-height: 40px;
  }
  .hf .coupon-review-hero .links.withoutDots a {
    color: #f99d1c;
  }
  .hf .coupon-review-hero .img-container {
    background-repeat: no-repeat;
    background-position: right;
    min-height: 504px;
  }
}
@media (max-width: 1024px) {
  .hf .coupon-review-hero .links.withoutDots {
    border-left: none;
    padding-left: 0;
    display: block;
    height: auto;
    margin-top: 68px;
    margin-bottom: 32px;
    padding-top: 0;
    min-height: 40px;
    text-align: center;
    white-space: nowrap;
  }
  .hf .coupon-review-hero .links.withoutDots a:hover {
    color: #f99d1c;
  }
  .hf .coupon-review-hero .img-container {
    background-image: none !important;
  }
}
@media (max-width: 768px) {
  .hf .coupon-review-hero .col-sm-5,
  .hf .coupon-review-hero .col-sm-7 {
    float: none;
    width: 100%;
  }
}
.hf div.container.coupon-review-hero .row div.col-lg-12.col-md-12.col-sm-12 {
  padding-left: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hf .coupon-review-hero.repeatImage .links.withoutDots {
    float: left;
    margin-top: 60px;
    margin-bottom: 0;
    padding-left: 16px;
  }
  .hf .coupon-review-hero.centeredImage .links.withoutDots {
    padding-left: 16px;
    margin-top: 60px;
    float: left;
  }
}
@media (max-width: 767px) {
  .hf .coupon-review-hero .links.withoutDots {
    margin-top: 0;
  }
}
.hf .coupon-card-item .card-container .card {
  max-width: 824px;
  min-height: 173px;
  border: solid 1px #ccc;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 16px;
}
.hf .coupon-card-item .discount-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.hf .coupon-card-item .discount-container .discount-box {
  min-width: 132px;
  height: 32px;
  background-color: #666;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 33px;
  color: #fff;
}
.hf .coupon-card-item .discount-container .percentage .percentage-number {
  font-size: 42px;
}
.hf .coupon-card-item .discount-container .percentage .percentage-sign {
  font-size: 24px;
}
.hf .coupon-card-item .discount-container .percentage .percentage-off {
  font-size: 18px;
}
.hf .coupon-card-item .discount-container .tagline-box {
  font-size: 16px;
  font-weight: 700;
  max-width: 155px;
  text-align: center;
  margin: 20% auto;
}
.hf .coupon-card-item .discount-container .desktop-logo {
  padding-bottom: 15px;
}
.hf .coupon-card-item .discount-container .desktop-logo img {
  width: 104px;
  height: 100%;
}
.hf .coupon-card-item .title-container .product-headline {
  height: 20px;
  font-size: 16px;
}
.hf .coupon-card-item .title-container .product-headline a {
  color: #a1a1a1;
}
.hf .coupon-card-item .title-container .offer-description {
  font-size: 20px;
  font-weight: 700;
  color: #444;
}
.hf .coupon-card-item .title-container .offer-details {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #444;
}
.hf .coupon-card-item .title-container .offer-details .more-link {
  padding-left: 3px;
}
.hf .coupon-card-item .title-container .offer-details .more-link a {
  font-style: normal;
  color: #f99d1c !important;
}
.hf .coupon-card-item .cart-container .add-to-cart-button {
  height: 40px;
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media (max-width: 991px) {
  .hf .coupon-card-item .card {
    text-align: center;
  }
  .hf .coupon-card-item .title-container .offer-description {
    max-width: 85%;
    margin: 0 auto;
  }
  .hf .coupon-card-item .title-container .logo {
    padding: 20px 0 0 0;
  }
  .hf .coupon-card-item .title-container .logo img {
    width: 104px;
    height: auto;
  }
  .hf .coupon-card-item .title-container .product-headline {
    padding: 20px 0 10px 0;
  }
  .hf .coupon-card-item .cart-container .add-to-cart-button {
    min-width: 250px;
    margin-top: 35px;
    margin-bottom: 25px;
  }
  .hf .coupon-card-item .cart-container .desktop {
    display: none;
  }
  .hf .coupon-card-item .cart-container .under-button-text-container {
    font-size: 12px;
  }
  .hf .coupon-card-item .cart-container .under-button-text-container .under-button-top {
    font-weight: 700;
  }
  .hf .offer-details {
    padding: 10px 10px 0 10px;
    font-size: 12px;
    font-style: italic;
    text-align: left;
    color: #444;
    position: relative;
    display: inline-block;
  }
  .hf .offer-details .more-link {
    padding-left: 10px;
    display: inline-block;
    position: relative;
    margin: 0 0 10px 0;
  }
  .hf .offer-details .more-link a {
    font-style: normal;
    color: #f99d1c !important;
  }
}
@media (min-width: 760px) and (max-width: 780px) {
  .hf .coupon-card-item .title-container .logo {
    top: 40px;
  }
  .hf .coupon-card-item .title-container .product-headline {
    padding: 35px 0 11px 0;
  }
}
@media (min-width: 992px) {
  .hf .card-container .equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
  .hf .card-container .discount-container {
    max-width: 162px;
  }
  .hf .card-container .discount-container .percentage {
    height: 120px;
    padding-top: 15%;
    font-weight: 700;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .hf .card-container .discount-container .percentage .percentage-number {
    font-size: 56px;
    padding-right: 3px;
  }
  .hf .card-container .discount-container .percentage .percentage-sign {
    font-size: 16px;
    float: left;
    margin-bottom: -6px;
    margin-top: -8px;
  }
  .hf .card-container .discount-container .percentage .percentage-off {
    font-size: 16px;
    text-transform: uppercase;
  }
  .hf .title-container {
    border-left: 1px dashed #ccc;
    padding-left: 32px;
  }
  .hf .title-container .offer-description {
    margin-top: -9px;
  }
  .hf .title-container .offer-details {
    padding-bottom: 15px;
    padding-top: 20px;
  }
  .hf .title-container .product-headline {
    margin-top: 33px;
  }
  .hf .cart-container {
    position: relative;
    margin-left: 24px;
  }
  .hf .cart-container .add-to-cart-button {
    float: right;
    min-width: 136px;
  }
  .hf .cart-container .mobile {
    display: none;
  }
  .hf .cart-container .button-wrapper {
    height: 50px;
    margin-top: 33px;
    padding: 0;
  }
  .hf .cart-container .under-button-text-container {
    position: relative;
    height: 100%;
    font-size: 12px;
  }
  .hf .cart-container .under-button-text-container .under-button-top {
    position: absolute;
    font-weight: 700;
    right: 0;
    bottom: 115px;
  }
  .hf .cart-container .under-button-text-container .under-button-bottom {
    position: absolute;
    right: 0;
    bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .hf .modalcontent {
    width: 60%;
  }
  .hf #problemModal .adobeInput select {
    width: 100%;
  }
  .hf #problemModal .adobeInput .circle {
    right: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .modalcontent {
    width: 60%;
  }
  .hf #problemModal .adobeInput select {
    width: 100%;
  }
  .hf #problemModal .adobeInput .circle {
    right: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .modalcontent {
    width: 590px;
  }
  .hf #problemModal .adobeInput select {
    width: 300px;
  }
  .hf #problemModal h2 {
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  .hf #problemModal .adobeInput .circle {
    right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .hf .modalcontent {
    width: 700px;
  }
  .hf #problemModal .adobeInput select {
    width: 340px;
  }
  .hf #problemModal .adobeInput .circle {
    right: 45px;
  }
}
.hf #problemModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  height: 100%;
  width: 100%;
  display: none;
}
.hf .modalcontent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 10px 10px 9px -4px #444;
  padding: 20px;
}
.hf #problemModal h2 {
  color: #04c9d7;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 18px;
  width: 100%;
  margin-top: 0;
}
.hf #problemModal .title {
  margin-top: 22px;
}
.hf #problemModal .targetClose {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 23px;
  color: #aaa;
  cursor: pointer;
}
.hf #problemModal p {
  font-size: 16px;
}
.hf #problemModal .adobeInput select {
  border: 2px solid #ccc;
  color: #a1a1a1;
  font-weight: 400;
  line-height: 16px;
  border-radius: 0;
  height: 43px;
  outline: 0;
  text-align: left;
  margin-bottom: 12px;
  background-color: #fff;
  padding: 11px 40px 9px 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}
.hf #problemModal .adobeInput select::-ms-expand {
  display: none;
}
.hf #problemModal .adobeInput select[disabled] {
  background-color: #eee;
}
.hf #problemModal .circle {
  z-index: 100;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 2px solid #ccc;
  border-radius: 50px;
  text-align: center;
  position: absolute;
  right: 9px;
  top: calc(50% - 17px);
  -webkit-font-smoothing: subpixel-antialiased;
  pointer-events: none;
}
.hf #problemModal .adobeInput i {
  color: #ccc;
  left: 15%;
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: pointer;
  position: absolute;
  pointer-events: none;
}
.hf #problemModal .options h5 {
  color: #04c9d7;
  font-size: 1.2em;
  width: 80%;
  line-height: 25px;
  display: inline-block;
}
.hf #problemModal .options h5 a {
  color: #04c9d7;
  font-weight: 700;
  text-decoration: underline;
}
.hf #problemModal .options ul {
  margin-left: 64px;
  padding-right: 10px;
}
.hf #problemModal .options ul li {
  color: #a1a1a1;
}
.hf #problemModal .options .fort {
  color: #04c9d7;
  font-size: 50px;
  display: inline-block;
  padding: 0 6px 0 11px;
}
.hf #problemModal .action {
  margin: 16px 0 0 0;
  text-align: center;
}
.hf #problemModal .action > div:first-child {
  display: inline-block;
}
.hf #problemModal .action .btnSubText {
  display: none;
}
.hf #problemModal .card-email-link {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.5em 1em;
  margin-right: 1em;
  border: 0 !important;
}
.hf #problemModal .card-subheader {
  color: #a1a1a1;
  font-size: 0.75em;
  margin-bottom: 1em;
}
.hf #problemModal .card-learn-more {
  font-size: 0.875em;
  padding-left: 10px;
  padding-top: 0.875em;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  border-left: 2px dotted #a1a1a1;
}
.hf .netman_bap,
.hf .netman_ncm,
.hf .netman_npm,
.hf .sysman {
  display: none;
}
.hf .adobeNeedHelp {
  background-color: #04c9d7;
  width: 40px;
  height: 150px;
  position: fixed;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}
.hf .adobeNeedHelp i {
  font-size: 20px;
  margin: 10px;
}
.hf .adobeNeedHelp span {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;
  float: left;
  position: absolute;
  width: 96px;
  margin-top: 3px;
  margin-left: 34px;
}
.hf .adobeHelpBox {
  width: 340px;
  height: 95px;
  position: fixed;
  bottom: 0;
  right: 30px;
  border-top: 5px solid #04c9d7;
  background-color: #fff;
  text-align: center;
  background: #fff;
  box-shadow: -4px 4px 5px 0 #a8a8a8;
  z-index: 9999;
}
.hf .adobeHelpBox .helpBoxClose {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 23px;
  color: #aaa;
  cursor: pointer;
}
.hf .adobeHelpBox h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 29px;
}
.hf .adobeHelpBox a {
  color: #f99d1c;
  font-weight: 500;
}
.hf .adobeHelpBox a:hover {
  text-decoration: underline;
}
.hf .adobeHelpBox.hideBox {
  display: none;
}
.hf .bsProdHero {
  font-size: 15px;
}
.hf .bsProdHero .producthero--media {
  margin-bottom: 30px;
  margin-top: -115px;
}
.hf .bsProdHero .producthero--media .popup-video .producthero--heroimage,
.hf .bsProdHero .producthero--media .popup-video .vidyard-player-container {
  width: 525px;
  height: auto;
}
.hf .bsProdHero .producthero--subsection-header {
  font-size: 15px;
}
.hf .bsProdHero .price {
  color: #f99d1c;
  font-style: italic;
}
.hf .bsProdHero .descText {
  font-style: italic;
  color: #7d7d7d;
}
.hf .bsProdHero .orangeText {
  color: #f99d1c;
  font-style: italic;
}
.hf .bsProdHero .producthero--download-button-footer .targetPrice {
  color: #a1a1a1;
  font-style: normal;
}
.hf .bsProdHero .producthero--heroimage {
  width: 460px;
  height: 258.75px;
}
@media (min-width: 991px) {
  .hf .bsProdHero .producthero--subheader {
    width: 50%;
  }
  .hf .bsProdHero p.at-element-marker {
    text-align: left;
  }
  .hf .bsProdHero .producthero--media .popup-video.vidyard {
    width: 525px;
    height: auto;
  }
  .hf .bsProdHero .producthero--media .popup-video .producthero--heroimage {
    width: 525px;
    height: auto;
  }
}
@media (max-width: 990px) {
  .hf .bsProdHero .producthero--subheader {
    width: 100% !important;
  }
  .hf .bsProdHero p.at-element-marker {
    text-align: center;
  }
  .hf .bsProdHero .producthero--media .popup-video .producthero--heroimage,
  .hf .bsProdHero .producthero--media .popup-video .vidyard-player-container {
    width: 100%;
    height: auto;
  }
  .hf .bsProdHero .producthero--media {
    margin-top: 0 !important;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .hf .bsProdHero .producthero--media {
    margin-top: -140px;
  }
  .hf .bsProdHero .producthero--table-cell-list.col-md-7 {
    width: 50%;
  }
}
.hf .sedemo-landing .main-title {
  margin: 15px 0 15px 0;
  font-size: 40px;
  font-weight: 700;
}
.hf .sedemo-landing a img {
  max-width: 390px;
  max-height: 415px;
}
.hf .sedemo-landing .back-to-overview {
  float: right;
  margin-right: 16px;
  color: #f99d1c;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  cursor: pointer;
}
.hf .sedemo-landing .back-to-overview:hover {
  color: #fab024;
}
.hf .sedemo-landing .demo-element {
  margin: 15px 0 15px 0;
}
.hf .sedemo-landing .demo-element .demo-element-title {
  margin: 10px 0 10px 0;
  font-size: 20px;
  font-weight: 600;
}
.hf .sedemo-landing .demo-element .demo-element-title > a {
  color: #292929;
}
.hf .sedemo-landing .demo-element .demo-element-title .section-headline-pdf {
  color: #666;
  font-size: 16px;
}
.hf .sedemo-landing .simpleNavigation {
  padding: 0;
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu > .category-item {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 8px 30px 8px 16px;
  width: 100%;
  border: none;
  text-align: left;
  outline: 0;
  font-size: 16px;
  transition: 0.4s;
  font-weight: 700;
  margin-bottom: 0;
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu > .category-item:hover,
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu > .category-item:nth-of-type(odd):hover {
  background-color: #ccc;
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu > .category-item.active:after {
  content: " -";
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu > .category-item:not(.active):after {
  content: " +";
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu > .category-item:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu .simpleNavigation-list {
  padding: 0;
  margin-bottom: 0;
  display: none;
  background-color: #fff;
  overflow: hidden;
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu .simpleNavigation-list > .productMenuItem {
  color: #a1a1a1;
  background-color: #fff;
  padding-left: 40px;
}
.hf .sedemo-landing .simpleNavigation > .simpleNavigation-menu .simpleNavigation-list > .productMenuItem.active {
  color: #fff;
  font-weight: 500;
  background-color: #04c9d7;
}
@media (max-width: 1199px) {
  .hf .sedemo-landing a img {
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .hf .sedemo-landing .main-title {
    font-size: 32px;
  }
  .hf .sedemo-landing a img {
    max-width: 300px;
  }
  .hf .sedemo-landing .back-to-overview {
    margin: auto 0;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center;
    float: none;
  }
}
.hf .use-case-card {
  margin-bottom: 30px;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
  width: 360px;
  height: 280px;
  box-shadow: 0 0 16px 0 rgba(204, 204, 204, 0.8);
}
.hf .use-case-card a {
  cursor: pointer;
}
.hf .use-case-card a:focus,
.hf .use-case-card a:hover {
  color: inherit;
  text-decoration: none;
}
.hf .use-case-card a:focus .use-case-card-title,
.hf .use-case-card a:hover .use-case-card-title {
  text-decoration: underline;
}
.hf .use-case-card .image-container > img {
  width: 360px;
  max-height: 280px;
}
.hf .use-case-card .tag-container {
  height: 22px;
  text-align: right;
  background-image: none;
  background: 0 0;
  top: 166px;
  position: absolute;
  width: 360px;
  padding-top: 0;
  padding-right: 19.9px;
  z-index: 10;
}
.hf .use-case-card .tag-container > span {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: normal;
  margin-left: 10px;
  text-transform: uppercase;
}
.hf .use-case-card .tag-container > span > i {
  margin-right: 5px;
}
.hf .use-case-card .tag-container > span.hot-label {
  color: #04c9d7;
}
.hf .use-case-card .tag-container > span.new-label {
  color: #81c23c;
}
.hf .use-case-card .tag-container > span.viewed-label {
  color: #a1a1a1;
}
.hf .use-case-card .content {
  padding: 20px;
  width: 360px;
  position: absolute;
  top: 120px;
  height: 160px;
  padding-top: 67px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 30%);
}
.hf .use-case-card .content > .use-case-card-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #444;
  margin-top: 0;
  margin-bottom: 5px;
}
.hf .use-case-card .content > .description {
  font-size: 14px;
  line-height: 1.43;
  color: #444;
}
@media (max-width: 991px) and (min-width: 768px) {
  .hf .use-case-card {
    width: 330px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .hf .use-case-card .image-container > img {
    width: 330px;
    max-height: 280px;
  }
  .hf .use-case-card .tag-container {
    width: 330px;
  }
  .hf .use-case-card .content {
    height: auto;
    width: 330px;
  }
  .hf .use-case-card .use-case-card-container {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .hf .use-case-card {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    height: 300px;
  }
  .hf .use-case-card .image-container > img {
    width: 100%;
    max-height: 170px;
  }
  .hf .use-case-card .tag-container {
    width: 100%;
    top: 0;
    padding-top: 5px;
    position: relative;
  }
  .hf .use-case-card .content {
    height: auto;
    width: 100%;
    padding: 5px 20px 0 20px;
    top: 0;
    position: relative;
  }
  .hf .use-case-card .use-case-card-container {
    margin-left: auto;
    margin-right: auto;
  }
}
.hf .use-case-landing {
  padding: 30px 0 48px 0;
}
.hf .use-case-landing div#custom-search-input {
  width: 458px;
  height: 40px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.hf .use-case-landing div#custom-search-input .just-gray {
  color: #666;
}
.hf .use-case-landing div#custom-search-input .search-active {
  display: none;
  color: #a1a1a1;
  line-height: 28px;
  height: 40px;
  border-right: 0;
  border-left: 0;
}
.hf .use-case-landing div#custom-search-input .input-group-btn {
  font-size: 0;
  white-space: nowrap;
}
.hf .use-case-landing div#custom-search-input .input-group-btn .btn-group-sm > button.btn.search,
.hf .use-case-landing div#custom-search-input .input-group-btn button.btn.btn-sm.search {
  background-color: transparent;
  border: 1px solid #ccc;
  height: 40px;
  width: 41px;
  border-radius: 0;
  margin: 0;
  padding-top: 7px;
  border-right: 0;
}
.hf .use-case-landing div#custom-search-input .input-group-btn .btn-group-sm > button.btn.search > i,
.hf .use-case-landing div#custom-search-input .input-group-btn button.btn.btn-sm.search > i {
  color: #ccc;
  font-size: 17px;
}
.hf .use-case-landing div#custom-search-input .input-group-btn.clear {
  display: none;
}
.hf .use-case-landing div#custom-search-input input.form-control {
  height: 40px;
  border: 1px solid #ccc;
  border-left: 0;
  font-size: 16px;
  color: #a1a1a1;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  z-index: 0;
}
.hf .use-case-landing div#custom-search-input input.form-control:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.hf .use-case-landing div#custom-search-input .btn-group-sm > button.btn.clear,
.hf .use-case-landing div#custom-search-input button.btn.btn-sm.clear {
  background-color: transparent;
  border: 1px solid #ccc;
  height: 40px;
  width: 40px;
  border-radius: 0;
  margin: 0;
  margin-left: -40px;
  padding-top: 7px;
  border-left: 0;
  z-index: 5;
}
.hf .use-case-landing div#custom-search-input .btn-group-sm > button.btn.clear > i,
.hf .use-case-landing div#custom-search-input button.btn.btn-sm.clear > i {
  color: #ccc;
  font-size: 18px;
}
.hf .use-case-landing .use-case-search {
  position: relative;
}
.hf .use-case-landing .use-case-search .predictive-desktop-search {
  display: none;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(204, 204, 204, 0.4);
  color: #444;
  border: solid 2px #ccc;
  padding: 9px 7px 12px 0;
}
.hf .use-case-landing .use-case-search .predictive-desktop-search .search-result-container {
  max-height: 340px;
  overflow-y: auto;
}
.hf .use-case-landing .use-case-search .predictive-desktop-search .search-result-container::-webkit-scrollbar {
  width: 8px;
}
.hf .use-case-landing .use-case-search .predictive-desktop-search .search-result-container::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}
.hf .use-case-landing .page-info {
  line-height: normal;
  font-weight: 400;
  color: #666;
  margin: 0 0 30px 0;
}
.hf .use-case-landing .no-results .blue,
.hf .use-case-landing .predictive-no-results .blue {
  color: #04c9d7;
  font-weight: 700;
}
.hf .use-case-landing .no-results > .no-results-text,
.hf .use-case-landing .predictive-no-results > .no-results-text {
  text-align: left;
}
.hf .use-case-landing .no-results > .no-results-consider,
.hf .use-case-landing .predictive-no-results > .no-results-consider {
  line-height: 1.5;
  text-align: left;
  margin-top: 24px;
}
.hf .use-case-landing .no-results > .no-results-consider > ul,
.hf .use-case-landing .predictive-no-results > .no-results-consider > ul {
  margin-top: 8px;
  padding-left: 0;
}
.hf .use-case-landing .no-results > .no-results-consider > ul > li,
.hf .use-case-landing .predictive-no-results > .no-results-consider > ul > li {
  line-height: 28px;
  list-style: none;
}
.hf .use-case-landing .no-results > .no-results-consider > ul > li:before,
.hf .use-case-landing .predictive-no-results > .no-results-consider > ul > li:before {
  content: "∙";
  font-size: 30px;
  vertical-align: middle;
  margin-right: 13px;
}
.hf .use-case-landing .no-results > .no-results-text {
  width: 652px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.17;
}
.hf .use-case-landing .predictive-no-results {
  margin: 24px 16px;
  font-size: 14px;
}
.hf .use-case-landing .dropdown-col {
  padding: 0;
  padding-right: 25px;
}
.hf .use-case-landing .dropdown-col > .form-group {
  width: 200px;
  margin-right: 24px;
  padding-bottom: 0;
}
.hf .use-case-landing .dropdown-col > .form-group > select.form-control {
  color: #a1a1a1;
  border-radius: 0;
  height: 40px;
  font-size: 16px;
  padding: 6px 8px;
  text-transform: capitalize;
}
.hf .use-case-landing .use-case-view-switchers {
  width: 70px;
  padding: 0;
  float: right;
}
.hf .use-case-landing .use-case-view-switchers > .icon {
  float: right;
}
.hf .use-case-landing .use-case-view-switchers > .icon i {
  font-size: 24px;
  line-height: 36px;
  color: #666;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.hf .use-case-landing .use-case-view-switchers > .icon i:first-child {
  margin-right: 16px;
}
.hf .use-case-landing .use-case-view-switchers > .icon i:not(.active) {
  opacity: 0.32;
}
.hf .use-case-landing .use-case-elements {
  margin-left: -15px;
  margin-right: -15px;
}
.hf .use-case-landing .usecase-predictive-search {
  display: none;
}
.hf .use-case-landing .usecase-predictive-search .search-result-container .no-result-found-container {
  display: none;
}
.hf .use-case-landing .usecase-predictive-search .search-result-container .no-result-found-container::-webkit-scrollbar {
  width: 8px;
}
.hf .use-case-landing .usecase-predictive-search .search-result-container .no-result-found-container::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}
.hf .use-case-landing .usecase-predictive-search .title-divider {
  border-top: 1px solid #eee;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.hf .use-case-landing .search-description {
  font-size: 14px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 24px;
}
.hf .use-case-landing .search-content {
  margin: 0;
}
.hf .use-case-landing .search-content .list-group-item {
  line-height: 16px;
  font-size: 14px;
  border: 0 none;
  color: #444;
  font-family: Roboto;
  padding: 5px 24px 5px 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .use-case-landing .use-case-search {
    margin-right: 0;
  }
  .hf .use-case-landing .use-case-search div#custom-search-input {
    width: 100%;
    margin-bottom: 15px;
  }
  .hf .use-case-landing .dropdown-col {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .use-case-landing .dropdown-col .form-group {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .hf .use-case-landing .use-case-search {
    margin-right: 10px;
  }
  .hf .use-case-landing .dropdown-col > .form-group {
    width: 270px;
  }
  .hf .use-case-landing .use-case-filters.three-col .use-case-search {
    margin-right: 0;
  }
  .hf .use-case-landing .use-case-filters.three-col .use-case-search div#custom-search-input {
    width: 458px;
  }
  .hf .use-case-landing .use-case-filters.three-col .dropdown-col > .form-group {
    width: 230px;
  }
}
@media (min-width: 1200px) {
  .hf .use-case-landing .use-case-filters .use-case-search div#custom-search-input {
    width: 555px;
  }
  .hf .use-case-landing .use-case-filters.three-col .use-case-search div#custom-search-input {
    width: 555px;
  }
  .hf .use-case-landing .use-case-filters.three-col .dropdown-col > .form-group {
    width: 270px;
  }
}
@media (max-width: 767px) {
  .hf .use-case-landing {
    padding: 30px 15px 40px 15px;
  }
  .hf .use-case-landing .no-results > .no-results-text {
    width: 100%;
  }
  .hf .use-case-landing div#custom-search-input {
    width: 100%;
    margin-bottom: 24px;
  }
  .hf .use-case-landing div#custom-search-input input.form-control {
    padding-left: 0;
  }
  .hf .use-case-landing .page-info {
    text-align: center;
  }
  .hf .use-case-landing .dropdown-col {
    margin-top: 24px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .use-case-landing .dropdown-col > .form-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .hf .use-case-landing .dropdown-col > .form-group:first-child {
    margin-bottom: 8px;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10000;
    padding: 15px;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal input.form-control {
    height: 40px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-left: 0;
    font-size: 16px;
    color: #a1a1a1;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal .modal-close {
    font-size: 16px;
    text-align: right;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal .modal-close button {
    border: none;
    color: #ccc;
    cursor: pointer;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal .modal-close .modal-close-icon {
    font-size: 24px;
    display: inline-block;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal .modal-close .modal-close-icon .glyphicon {
    vertical-align: middle;
  }
  .hf .use-case-landing .predictive-mobile-search.search-modal .modal__content {
    margin-top: 24px;
    overflow-y: auto;
    height: 100%;
  }
  .hf .use-case-landing .predictive-mobile-search.open {
    display: block;
  }
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile {
    margin-top: 16px;
  }
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile .input-group-btn {
    font-size: 0;
    white-space: nowrap;
  }
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile .input-group-btn .btn-group-sm > button.btn.search,
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile .input-group-btn button.btn.btn-sm.search {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 40px;
    width: 41px;
    border-radius: 0;
    margin: 0;
    padding-top: 7px;
    border-right: 0;
  }
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile .input-group-btn .btn-group-sm > button.btn.search > i,
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile .input-group-btn button.btn.btn-sm.search > i {
    color: #ccc;
    font-size: 17px;
  }
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile .input-group-btn.clear {
    display: none;
  }
  .hf .use-case-landing .predictive-mobile-search #custom-search-input-mobile input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .hf .use-case-landing .predictive-mobile-search .search-description {
    padding: 0;
    margin: 0;
  }
  .hf .use-case-landing .predictive-mobile-search .search-content .list-group-item {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 475px) {
  .hf .use-case-landing div#custom-search-input .search-active {
    line-height: 13px !important;
    padding-top: 13px !important;
  }
  .hf .use-case-landing div#custom-search-input .just-gray {
    height: auto;
    width: 155px;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.hf .brand-sites-product-card .container.card {
  border-bottom: 1px dotted #444;
  margin-left: 25px;
  margin-right: 25px;
  padding: 0;
  width: auto;
}
.hf .brand-sites-product-card .container.card > .row {
  padding-bottom: 15px;
  padding-top: 30px;
}
.hf .brand-sites-product-card .container.card > .row > .card-info {
  height: 331px;
}
.hf .brand-sites-product-card .container.card > .row > .card-info > .card-header {
  font-weight: 700;
  font-size: 20px;
}
.hf .brand-sites-product-card .container.card > .row > .card-info > .card-header > a {
  text-decoration: none;
  color: #444;
}
.hf .brand-sites-product-card .container.card > .row > .card-info .features-title {
  font-weight: 700;
  font-size: 16px;
  margin-top: 24px;
}
.hf .brand-sites-product-card .container.card > .row > .card-image > img {
  height: 331px;
  width: 530px;
}
.hf .brand-sites-product-card .learn-more-link-container {
  text-align: left;
  margin-top: 11px;
}
.hf .brand-sites-product-card .learn-more-link-container > a.btn-learnmore {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #f99d1c;
}
.hf .brand-sites-product-card .btns-container {
  min-width: 410px;
  margin: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  padding-right: 30px;
}
.hf .brand-sites-product-card .btns-container > div {
  padding: 0;
}
.hf .brand-sites-product-card .btns-container > div:nth-child(odd) {
  padding-right: 8px;
}
.hf .brand-sites-product-card .btns-container > div:nth-child(even) {
  padding-left: 8px;
}
.hf .brand-sites-product-card .btns-container > div.buynow-container > a {
  border: 1px solid transparent;
}
.hf .brand-sites-product-card .btns-container > div.buynow-container > a:hover {
  background-color: #fab024;
}
.hf .brand-sites-product-card .btns-container > div.buynow-container > a:active {
  background-color: #f88e16;
}
.hf .brand-sites-product-card .btns-container > div.download-free-trial-container > a.mobile {
  padding-right: 10px;
  padding-left: 10px;
}
.hf .brand-sites-product-card .btns-container a {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 10px 16px;
  text-transform: uppercase;
  white-space: normal;
}
.hf .brand-sites-product-card .btns-container span.btnSubText {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #a1a1a1;
  display: block;
  margin-top: 8px;
}
@media only screen and (max-width: 1199px) {
  .hf .brand-sites-product-card .container.card {
    margin-left: 0;
    margin-right: 0;
  }
  .hf .brand-sites-product-card .container.card > .row > .card-info {
    height: auto;
  }
  .hf .brand-sites-product-card .container.card > .row > .card-info .btns-container {
    position: inherit;
    bottom: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .hf .brand-sites-product-card .container.card > .row > .card-image > img {
    height: auto;
    width: 455px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .hf .brand-sites-product-card .btns-container {
    position: inherit;
    bottom: 0;
    padding-right: 0;
    padding-bottom: 20px;
    margin: auto;
    min-width: 450px;
  }
  .hf .brand-sites-product-card .btns-container > div {
    max-width: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .hf .brand-sites-product-card .learn-more-link-container {
    text-align: center;
    margin-bottom: 40px;
  }
  .hf .brand-sites-product-card .btns-container {
    width: auto;
    position: relative;
    bottom: 0;
    min-width: auto;
    max-width: 223px;
    margin: auto;
  }
  .hf .brand-sites-product-card .btns-container > div {
    margin-bottom: 24px;
  }
  .hf .brand-sites-product-card .btns-container > div:nth-child(odd) {
    padding-right: 0;
  }
  .hf .brand-sites-product-card .btns-container > div:nth-child(even) {
    padding-left: 0;
  }
  .hf .brand-sites-product-card .container.card > .row > .card-image > img {
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 585px) {
  .hf .brand-sites-product-card .card {
    margin-left: 0;
    margin-right: 0;
  }
  .hf .brand-sites-product-card .bottom-action {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .hf .modalcontent {
    width: 80%;
  }
  .hf #targetModalLightBox .btnModalWrapper {
    display: block;
    margin-bottom: 20px;
  }
  .hf #targetModalLightBox .adobeInput select {
    width: 100%;
  }
  .hf #targetModalLightBox .adobeInput .circle {
    right: 30px;
  }
  .hf #targetModalLightBox .btn {
    display: block;
    margin: 10px auto;
    max-width: 300px;
  }
  .hf #targetModalLightBox h2 {
    font-size: 1.9375em !important;
    line-height: 1.1em !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .modalcontent {
    width: 80%;
  }
  .hf #targetModalLightBox .btnModalWrapper {
    display: block;
    margin-bottom: 20px;
  }
  .hf #targetModalLightBox .adobeInput select {
    width: 100%;
  }
  .hf #targetModalLightBox .adobeInput .circle {
    right: 30px;
  }
  .hf #targetModalLightBox .btn {
    display: block;
    margin: 10px auto;
    max-width: 300px;
  }
  .hf #targetModalLightBox h2 {
    font-size: 1.9375em !important;
    line-height: 1.1em;
  }
  .hf #targetModalLightBox .btnBlue,
  .hf #targetModalLightBox .btnGreen,
  .hf #targetModalLightBox .btnOrange,
  .hf #targetModalLightBox .linkOrange {
    display: block;
    margin: 10px auto;
    max-width: 300px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .modalcontent {
    width: 590px;
  }
  .hf #targetModalLightBox .btnModalWrapper {
    display: inline-block;
  }
  .hf #targetModalLightBox .adobeInput select {
    width: 300px;
  }
  .hf #targetModalLightBox .adobeInput .circle {
    right: 20px;
  }
  .hf #targetModalLightBox h2 {
    font-size: 44px !important;
    margin-bottom: 10px;
  }
  .hf #targetModalLightBox .btn {
    display: block;
    margin: 10px auto;
    max-width: 300px;
  }
  .hf #targetModalLightBox .btnBlue,
  .hf #targetModalLightBox .btnGreen,
  .hf #targetModalLightBox .btnOrange,
  .hf #targetModalLightBox .linkOrange {
    display: block;
    margin: 10px auto;
    max-width: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .hf #targetModalLightBox .btnModalWrapper {
    display: inline-block;
  }
  .hf #targetModalLightBox .modalcontent.xlarge {
    width: 1100px;
    height: auto;
  }
  .hf #targetModalLightBox .modalcontent.large {
    width: 800px;
    height: auto;
  }
  .hf #targetModalLightBox .modalcontent.medium {
    width: 591px;
    height: auto;
  }
  .hf #targetModalLightBox .modalcontent.small {
    width: 550px;
    height: auto;
  }
}
.hf #targetModalLightBox {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  height: 100%;
  width: 100%;
}
.hf #targetModalLightBox .btnModalWrapper {
  vertical-align: top;
}
.hf #targetModalLightBox .btnModalWrapper .under-link-text {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #a1a1a1;
  text-align: center;
  margin: 8px 0 0 0;
}
.hf #targetModalLightBox .modalcontent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.hf #targetModalLightBox h2 {
  color: #04c9d7;
  font-weight: 600;
  font-size: 42px;
  line-height: 40px;
  margin-bottom: 18px;
  width: 100%;
  text-align: center;
  font-family: Roboto, sans-serif;
}
.hf #targetModalLightBox img {
  width: 75%;
}
.hf #targetModalLightBox .lightBoxClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  padding-top: 5px;
  color: #444;
  cursor: pointer;
  font-size: 30px;
  z-index: 1;
}
.hf #targetModalLightBox p {
  margin: 30px 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
  font-family: Roboto, sans-serif;
}
.hf #targetModalLightBox p .lightBold {
  font-weight: 400;
}
.hf #targetModalLightBox .options h5 {
  color: #04c9d7;
  font-size: 1.2em;
  width: 80%;
  line-height: 25px;
  display: inline-block;
}
.hf #targetModalLightBox .card-email-link {
  background-color: #81c23c;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.5em 3em;
  margin-right: 1em;
  border: 0 !important;
}
.hf #targetModalLightBox .btnOrange {
  background-color: #f99d1c;
  color: #fff;
  border: none;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 46px;
  display: inline-block;
  position: relative;
  margin: 0 4px 0 4px;
}
.hf #targetModalLightBox .btnOrange:hover {
  background-color: #fab024;
}
.hf #targetModalLightBox .btnOrange:active {
  background-color: #f88e16;
}
.hf #targetModalLightBox .btnBlue {
  background-color: #04c9d7;
  color: #fff;
  border: none;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 46px;
  display: inline-block;
  position: relative;
  margin: 0 4px 0 4px;
}
.hf #targetModalLightBox .btnBlue:hover {
  background-color: #04d6e1;
}
.hf #targetModalLightBox .btnBlue:active {
  background-color: #03bfcf;
}
.hf #targetModalLightBox .btnGreen {
  background-color: #81c23c;
  color: #fff;
  border: none;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 46px;
  display: inline-block;
  position: relative;
  margin: 0 4px 0 4px;
}
.hf #targetModalLightBox .btnGreen:hover {
  background-color: #94d24b;
}
.hf #targetModalLightBox .btnGreen:active {
  background-color: #70b72f;
}
.hf #targetModalLightBox .linkOrange {
  background-color: none;
  text-decoration: none;
  color: #f99d1c;
  border: none;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 26px;
  display: inline-block;
  position: relative;
  margin: 0 4px 0 4px;
}
.hf #targetModalLightBox .linkOrange:hover {
  text-decoration: underline;
  color: #fab024;
}
.hf #targetModalLightBox .linkOrange:active {
  text-decoration: underline;
  color: #f88e16;
}
.hf .tab-component {
  margin: 0 -15px 0 -15px;
  padding-top: 30px;
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  .hf .tab-component .blueBorder {
    height: 100%;
    width: 5px;
    background-color: #04c9d7;
    position: absolute;
    z-index: 10;
    right: 82px;
  }
}
@media (max-width: 1199px) {
  .hf .tab-component .blueBorder {
    height: 100%;
    width: 5px;
    background-color: #04c9d7;
    position: absolute;
    z-index: 10;
    right: 33px;
  }
}
@media (max-width: 991px) {
  .hf .tab-component .blueBorder {
    height: 100%;
    width: 5px;
    background-color: #04c9d7;
    position: absolute;
    z-index: 10;
    right: 13px;
  }
  .hf .tab-component .leftTabItem.active {
    width: 165px !important;
  }
}
.hf .tab-component .leftTabItem p.longText {
  position: relative;
  bottom: 25px;
}
.hf .tab-component .leftTabItem p.mediumText {
  position: relative;
  bottom: 15px;
}
.hf .tab-component .leftTabItem p.mediumText.longText {
  position: relative;
  bottom: 25px;
}
.hf .tab-component.light {
  background-color: #eee;
}
.hf .tab-component.light .leftTabItem {
  background-color: #fff;
}
.hf .tab-component.light .leftTabItem.active {
  background-color: #444;
}
.hf .tab-component.dark {
  background-color: #444;
  color: #fff;
}
.hf .tab-component.dark .leftTabItem {
  background-color: #666;
}
.hf .tab-component.dark .leftTabItem.active {
  background-color: #292929;
}
.hf .tab-component .leftTabItem:nth-of-type(1) {
  z-index: 4;
  position: relative;
}
.hf .tab-component .leftTabItem:nth-of-type(2) {
  z-index: 3;
  position: relative;
}
.hf .tab-component .leftTabItem:nth-of-type(3) {
  z-index: 2;
  position: relative;
}
.hf .tab-component .leftTabItem:nth-of-type(4) {
  z-index: 1;
  position: relative;
}
.hf .tab-component .leftTabItem {
  box-shadow: 1px 4px 10px 2px rgba(0, 0, 0, 0.2);
  padding: 35px 0 0 15px;
  height: 105px;
}
.hf .tab-component .leftTabItem.active {
  border-left: 5px solid #04c9d7;
  width: 200px;
  margin-left: -5px;
  color: #04c9d7;
  box-shadow: none;
}
.hf .tab-component .leftTabItem:hover {
  cursor: pointer;
  color: #04c9d7;
}
.hf .tab-component .leftTabItem .text-container {
  font-size: 18px;
  padding-top: 5px;
  font-weight: 700;
  padding-left: 0;
}
.hf .tab-component .leftTabItem .icon-container {
  padding-left: 0;
}
.hf .tab-component .leftTabItem .icon-container i {
  font-size: 45px;
  margin-top: -6px;
}
.hf .tab-component .rightTabItem {
  max-width: 675px;
}
.hf .tab-component .rightTabItem .image-wrapper img {
  width: 100%;
}
.hf .tab-component .rightTabItem .description {
  padding-top: 10px;
}
.hf .tab-component .rightTabItem .description b {
  line-height: 3;
}
.hf .tab-component .rightTabItem .description.Dark {
  color: #fff;
}
.hf .tab-component .rightTabItem .focusAreaLeft,
.hf .tab-component .rightTabItem .focusAreaRight {
  padding-left: 0;
}
.hf .tab-component .rightTabItem .focusAreaLeft .button,
.hf .tab-component .rightTabItem .focusAreaRight .button {
  margin-bottom: 20px;
}
.hf .tab-component .rightTabItem .focus-area-title {
  margin-bottom: 15px;
}
.hf .tab-component .rightTabItem .focus-area-title.Dark {
  color: #fff;
}
.hf .tab-component .rightTabItem .button {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 20px;
  margin-right: 15px;
  display: inline-block;
}
.hf .tab-component .rightTabItem .button:hover {
  text-decoration: none;
}
.hf .tab-component .rightTabItem .buttons-area {
  display: inline-block;
  width: auto;
}
.hf .tab-component .rightTabItem .buttons-area .button {
  display: block;
}
@media (min-width: 992px) {
  .hf .tab-component .leftTabItem {
    width: 195px;
  }
}
@media (max-width: 767px) {
  .hf .tab-component .carousel-control {
    top: 170px;
    bottom: inherit;
    background-color: inherit;
  }
  .hf .tab-component .carousel-control .glyphicon {
    background-color: #ccc;
    height: 62px;
    padding-top: 18px;
  }
  .hf .tab-component .carousel-indicators {
    bottom: inherit;
  }
  .hf .tab-component .carousel-indicators li {
    width: 28px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
  }
  .hf .tab-component .carousel-indicators li.active {
    background-color: #a1a1a1;
    margin-bottom: 1px;
  }
  .hf .tab-component .mobile-title {
    font-size: 23px;
    font-weight: 700;
    text-align: center;
  }
  .hf .tab-component .image-wrapper {
    margin-bottom: 10px;
  }
  .hf .tab-component .image-wrapper img {
    width: 90%;
    display: block;
    margin: auto;
  }
  .hf .tab-component .buttons-area {
    display: inline-block;
    text-transform: uppercase;
  }
  .hf .tab-component .button {
    color: #fff;
    padding: 10px 16px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .hf .tab-component .button:hover {
    text-decoration: none;
  }
  .hf .tab-component .button.orange-button {
    color: #f99d1c;
    background: 0 0;
    font-size: 14px;
  }
  .hf .tab-component .button.orange-button:hover {
    background-color: transparent;
  }
  .hf .tab-component .carousel-inner .item {
    text-align: center;
  }
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel {
  height: auto !important;
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container {
  min-height: 144px;
  padding-top: 30px;
  padding-bottom: 30px;
  height: auto !important;
  width: 66%;
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container .buttons {
  display: none;
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container .headline {
  font-size: 32px;
  font-weight: 700;
  margin-top: 0 !important;
  line-height: normal;
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container .subheadline {
  font-size: 20px;
  font-weight: 400;
  margin-top: 14px;
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container.Center .headline {
  font-size: 36px;
}
.hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container.Center .subheadline {
  margin-top: 0;
}
@media (max-width: 991px) {
  .hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel {
    height: auto !important;
  }
  .hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container {
    min-height: 95px;
    padding: 20px 0;
    height: auto !important;
    width: auto;
  }
  .hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container .headline {
    font-size: 21px !important;
    padding: 0 25px;
  }
  .hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container .subheadline {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
  }
  .hf #quick-quote-hero.global-simple-hero #global-simple-hero-carousel .col-sm-12.img-container.Center .subheadline {
    margin-top: 0;
  }
}
.hf .screenshot-carousel-module.features-wrapper {
  margin-top: 15px !important;
  margin-left: -35px !important;
  margin-right: -15px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hf .screenshot-carousel-module .left.features-carousel-arrow,
.hf .screenshot-carousel-module .right.features-carousel-arrow {
  height: 100%;
  z-index: 10;
  font-size: 40px;
  background-image: none;
  position: absolute;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .hf .screenshot-carousel-module .left.features-carousel-arrow,
  .hf .screenshot-carousel-module .right.features-carousel-arrow {
    width: calc(50% - 336px);
  }
}
.hf .screenshot-carousel-module > .features-carousel {
  min-height: 500px;
}
.hf .screenshot-carousel-module > .features-carousel .slick-list {
  right: 0;
}
.hf .screenshot-carousel-module > .features-carousel > .slick-dots > li > button {
  background-color: #fff;
  border: 1px #f99d1c solid;
  border-radius: 100%;
  height: 12px;
  width: 12px;
}
.hf .screenshot-carousel-module > .features-carousel > .slick-dots > li > button::before {
  display: none;
}
.hf .screenshot-carousel-module > .features-carousel > .slick-dots > li.slick-active > button {
  background-color: #f99d1c;
}
.hf .screenshot-carousel-module .left.features-carousel-arrow {
  left: -15px;
}
.hf .screenshot-carousel-module .right.features-carousel-arrow {
  right: -15px;
  top: 0;
  left: auto;
}
.hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-left,
.hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-right {
  position: absolute;
  top: 50%;
  font-size: 40px;
  background-image: none;
  opacity: 1;
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #a1a1a1;
  cursor: pointer;
}
.hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-right {
  right: 170px;
}
.hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-left {
  left: 170px;
}
.hf .screenshot-carousel-module .features-carousel-arrow .fa-angle-left:before {
  position: absolute;
  top: 2px;
  left: 13px;
  font-size: 40px;
  color: #a1a1a1;
  -webkit-text-stroke: 1px #fff;
  -ms-text-stroke: 1px #fff;
  -moz-text-stroke: 1px #fff;
}
.hf .screenshot-carousel-module .features-carousel-arrow .fa-angle-right:before {
  position: absolute;
  top: 2px;
  left: 19px;
  font-size: 40px;
  color: #a1a1a1;
  -webkit-text-stroke: 1px #fff;
  -ms-text-stroke: 1px #fff;
  -moz-text-stroke: 1px #fff;
}
.hf .screenshot-carousel-module .carousel-tile {
  text-align: center;
  opacity: 0.3;
  min-width: 676px;
}
.hf .screenshot-carousel-module .carousel-tile:focus,
.hf .screenshot-carousel-module .carousel-tile:focus-within,
.hf .screenshot-carousel-module .carousel-tile:visited {
  outline: 0;
}
.hf .screenshot-carousel-module .carousel-tile .image-footer,
.hf .screenshot-carousel-module .carousel-tile .tile-subheader,
.hf .screenshot-carousel-module .carousel-tile .tile-title {
  opacity: 0;
}
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current {
  opacity: 1;
}
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .image-footer,
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .tile-subheader,
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .tile-title {
  opacity: 1;
}
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .screenshot-carousel-popup-image {
  cursor: pointer;
  pointer-events: auto;
}
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .screenshot-carousel-popup-image > img {
  cursor: pointer;
  pointer-events: auto;
}
.hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-active {
  display: block;
}
.hf .screenshot-carousel-module .carousel-tile > .img-wrapper {
  padding: 0 5px;
}
.hf .screenshot-carousel-module .carousel-tile > .img-wrapper > a {
  pointer-events: none;
}
.hf .screenshot-carousel-module .carousel-tile > .img-wrapper > .screenshot-carousel-popup-image {
  cursor: auto;
  pointer-events: none;
}
.hf .screenshot-carousel-module .carousel-tile > .img-wrapper img {
  margin: 20px auto auto;
  border: 1px solid #ccc;
  width: 560px;
  height: 350px;
  cursor: auto;
  pointer-events: none;
}
.hf .screenshot-carousel-module .carousel-tile h1.tile-title {
  max-width: 600px;
  height: auto;
  margin: 30px auto auto;
  color: #04c9d7;
  font-size: 36px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  display: inline-block;
}
.hf .screenshot-carousel-module .carousel-tile h2.tile-subheader {
  max-width: 550px;
  height: auto;
  margin: auto auto 10px;
  color: #444;
  font-size: 20px;
  font-weight: 400;
}
.hf .screenshot-carousel-module .carousel-tile > .image-footer {
  max-width: 560px;
  margin: 10px auto 40px;
  text-align: left;
  padding-left: 3px;
}
.hf .screenshot-carousel-module .carousel-tile > .image-footer > p {
  max-width: 560px;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper {
  display: inline-block;
}
@media (min-width: 992px) {
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper:nth-of-type(2) a:not(.btn) {
    margin-left: 14px;
    padding-left: 14px;
    border-left: 2px dotted #a1a1a1;
    padding: 9px 12px 9px 14px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper:nth-of-type(2) a.btn {
    margin-left: 14px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper:nth-of-type(1) ~ a:not(.btn) {
    margin-left: 14px;
    padding-left: 14px;
    border-left: 2px dotted #a1a1a1;
    padding: 9px 12px 9px 14px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper:nth-of-type(1) ~ a.btn {
    margin-left: 14px;
  }
}
.hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper a {
  letter-spacing: 0.3px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper a.btn {
  text-transform: uppercase;
  color: #fff;
  padding: 9px 12px;
  letter-spacing: 0.2px;
  font-weight: 700;
  min-width: 170px;
}
.hf .screenshot-carousel-module .carousel-tile .image-footer,
.hf .screenshot-carousel-module .carousel-tile .tile-subheader,
.hf .screenshot-carousel-module .carousel-tile .tile-title {
  opacity: 0;
}
@media (max-width: 991px) {
  .hf .screenshot-carousel-module.features-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hf .screenshot-carousel-module .left.features-carousel-arrow,
  .hf .screenshot-carousel-module .right.features-carousel-arrow {
    height: 100%;
    z-index: 10;
    font-size: 40px;
    background-image: none;
    position: absolute;
  }
  .hf .screenshot-carousel-module .left.features-carousel-arrow {
    top: 0;
    left: -15px;
    right: auto;
  }
  .hf .screenshot-carousel-module .right.features-carousel-arrow {
    top: 0;
    left: auto;
    right: -15px;
  }
  .hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-left,
  .hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-right {
    background-image: none;
    background-color: rgba(204, 204, 204, 0.5);
    width: 22px;
    height: 62px;
    border-radius: 0;
    border: none;
  }
  .hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-right {
    right: 0;
  }
  .hf .screenshot-carousel-module .features-carousel-arrow .fa.fa-angle-left {
    left: 0;
  }
  .hf .screenshot-carousel-module .features-carousel-arrow .fa-angle-left:before {
    position: absolute;
    top: 13px;
    left: 6px;
    font-size: 30px;
    color: #fff;
  }
  .hf .screenshot-carousel-module .features-carousel-arrow .fa-angle-right:before {
    position: absolute;
    top: 13px;
    left: 6px;
    font-size: 30px;
    color: #fff;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper {
    text-align: center;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper {
    display: block;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .hf .screenshot-carousel-module {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .screenshot-carousel-module > .features-carousel {
    min-height: auto;
  }
  .hf .screenshot-carousel-module .carousel-tile {
    text-align: center;
    opacity: 0;
    min-width: 290px;
  }
  .hf .screenshot-carousel-module .carousel-tile:focus,
  .hf .screenshot-carousel-module .carousel-tile:focus-within,
  .hf .screenshot-carousel-module .carousel-tile:visited {
    outline: 0;
  }
  .hf .screenshot-carousel-module .carousel-tile .image-footer,
  .hf .screenshot-carousel-module .carousel-tile .tile-subheader,
  .hf .screenshot-carousel-module .carousel-tile .tile-title {
    opacity: 0;
  }
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current {
    opacity: 1;
  }
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .image-footer,
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .tile-subheader,
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .tile-title {
    opacity: 1;
  }
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .screenshot-carousel-popup-image {
    cursor: pointer;
    pointer-events: auto;
  }
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-center.slick-current .screenshot-carousel-popup-image > img {
    cursor: pointer;
    pointer-events: auto;
  }
  .hf .screenshot-carousel-module .carousel-tile.slick-slide.slick-active {
    display: block;
    margin-left: 10px;
    margin-right: 5px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .img-wrapper {
    padding: 0 5px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .img-wrapper > a {
    pointer-events: none;
  }
  .hf .screenshot-carousel-module .carousel-tile > .img-wrapper > .screenshot-carousel-popup-image {
    cursor: auto;
    pointer-events: none;
  }
  .hf .screenshot-carousel-module .carousel-tile > .img-wrapper img {
    border: 1px solid #ccc;
    width: 266px;
    height: 164.2px;
    cursor: auto;
    pointer-events: none;
  }
  .hf .screenshot-carousel-module .carousel-tile h1.tile-title {
    height: auto;
    margin-bottom: 5px;
    font-size: 18px;
    width: 290px;
  }
  .hf .screenshot-carousel-module .carousel-tile h2.tile-subheader {
    height: auto;
    font-size: 14px;
    width: 290px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer {
    max-width: 290px;
    margin-bottom: 10px;
    text-align: center;
    padding-left: 3px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > p {
    max-width: 290px;
    color: #444;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper {
    text-align: center;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper .btnModalWrapper {
    display: block;
    margin-bottom: 10px;
  }
  .hf .screenshot-carousel-module .carousel-tile > .image-footer > .links-wrapper > a {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.hf .secondary-nav-wrapper {
  min-height: 50px;
}
.hf .secondary-nav .secondary-nav-mobile {
  box-shadow: 0 0 10px 0 #444;
  background-color: #fff;
}
.hf .secondary-nav .secondary-nav-mobile .helpbox {
  display: none;
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  height: 50px;
  padding-top: 17px;
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header .secondary-nav-brand {
  color: #444;
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header .secondary-nav-brand:hover {
  text-decoration: none;
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header button.secondary-nav-toggle {
  background-color: #fff;
  border: none;
  float: right;
  padding-right: 10px;
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header button.secondary-nav-toggle.collapsed:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header button.secondary-nav-toggle:after {
  font-family: FontAwesome;
  content: " ";
  right: 10px;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hf .secondary-nav .secondary-nav-mobile .secondary-nav-header button.secondary-nav-toggle:focus {
  outline: 0;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse {
  border-bottom: none;
  border-left: none;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav {
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 5px solid #04c9d7;
  margin: 0;
  overflow-y: hidden;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav > li {
  position: relative;
  display: block;
  border-top: 2px dotted #ccc;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown {
  padding: 15px 5px 12px 0;
  width: 100%;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .dropdown-backdrop {
  position: unset;
  z-index: 0;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown.open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .dropdown-toggle {
  padding: 0;
  font-size: 14px;
  line-height: normal;
  color: #a1a1a1;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .dropdown-toggle:hover {
  text-decoration: none;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .mobile-menu-icon {
  float: right;
  display: inline-block;
  padding-right: 0;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .mobile-menu-icon:hover {
  background-color: transparent;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .mobile-menu-icon .expand {
  margin-top: 0;
  display: inline-block;
  background-image: url(/images/icon-expand-mobile.png);
  width: 17px;
  height: 17px;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown .mobile-menu-icon[aria-expanded=true] .expand {
  background-image: url(/images/icon-collapse-mobile.png);
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .dropdown-menu li {
  padding-top: 17px;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .dropdown-menu li a {
  padding: 0;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .secondary-nav .dropdown-menu li.view-all a {
  color: #f99d1c;
  font-weight: 500;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .button a,
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .log-in a {
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  background-color: transparent;
  text-align: initial;
  display: block;
  padding: 15px 0 15px 0 !important;
  margin: 0;
  border: none;
  color: #a1a1a1;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .button a:hover,
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .log-in a:hover {
  text-decoration: none;
}
.hf .secondary-nav .secondary-nav-mobile #secondary-nav-mobile-collapse .button a {
  font-weight: 700;
  color: #f99d1c;
}
.hf .secondary-nav .secondary-nav-mobile.sticked {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.hf .secondary-nav .secondary-nav-mobile.sticked .secondary-nav-header {
  background-color: #444;
}
.hf .secondary-nav .secondary-nav-mobile.sticked .secondary-nav-header .secondary-nav-brand {
  color: #fff;
}
.hf .secondary-nav .secondary-nav-mobile.sticked .secondary-nav-header button.secondary-nav-toggle {
  background-color: #444;
  color: #fff;
}
.hf .secondary-nav .secondary-nav-mobile.sticked #secondary-nav-mobile-collapse .secondary-nav .secondary-dropdown:first-child {
  border-top: none;
}
@media (min-width: 1200px) {
  .hf .secondary-nav-wrapper {
    min-height: 60px;
  }
  .hf .secondary-nav {
    margin: 0 -15px 0 -15px;
    position: relative;
    z-index: 20;
  }
  .hf .secondary-nav .secondary-nav-desktop {
    background-color: #fff;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-shadow {
    box-shadow: 0 0 10px 0 #444;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header {
    float: left;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header .secondary-nav-brand {
    color: #444;
    text-decoration: none;
    display: inline-block;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header .secondary-nav-brand .secondary-nav-brand-img {
    display: inline-block;
    line-height: 55px;
    margin-right: 11px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header .secondary-nav-brand .secondary-nav-brand-img img {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header .secondary-nav-brand .secondary-nav-brand-name {
    display: inline-block;
    max-width: 360px;
    line-height: 55px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header .secondary-nav-brand .secondary-nav-brand-name span {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-header .secondary-nav-brand .secondary-nav-brand-name span:hover {
    color: #a1a1a1;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin-left: 15px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar:after,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar:before {
    content: " ";
    display: table;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar:after {
    clear: both;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item {
    display: inline-block;
    position: unset;
    padding: 18px 10px 0 18px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:first-child {
    margin-left: 32px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.cta-button-li {
    float: right;
    padding: 10px 0 10px 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.cta-button-li.nav-button a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    float: right;
    text-transform: uppercase;
    padding: 11px 20px;
    visibility: hidden;
    border: 1px solid transparent;
    border-bottom: none;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.cta-button-li.nav-button a:hover {
    transition-delay: 0s;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item > a {
    padding: 0 0 17px 0;
    display: inline-block;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    color: #444;
    cursor: pointer;
    border-bottom: 5px solid #fff;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item > a.current-microsite {
    border-bottom: 5px solid #04c9d7;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item > a.current-microsite:hover {
    border-bottom-color: #04c9d7;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item > a:hover {
    border-bottom-color: #ccc;
    transition-delay: 0.4s;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.login-link > a:hover {
    border-bottom: none;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.has-submenu {
    padding-right: 10px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.has-submenu > a {
    padding-right: 14px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item.has-submenu > a:after {
    position: absolute;
    right: 0;
    font-family: FontAwesome;
    content: " ";
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(1) .title,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(5) .title {
    border-color: #b8d757;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(1) .helpBox > .colored-background,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(5) .helpBox > .colored-background {
    background-color: #b8d757;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(2) .title,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(6) .title {
    border-color: #04c9d7;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(2) .helpBox > .colored-background,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(6) .helpBox > .colored-background {
    background-color: #04c9d7;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(3) .title {
    border-color: #f99d1c;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(3) .helpBox > .colored-background {
    background-color: #f99d1c;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(4) .title {
    border-color: #fbe04b;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:nth-child(4) .helpBox > .colored-background {
    background-color: #fbe04b;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu {
    position: absolute;
    visibility: hidden;
    transition: all 0.1s;
    z-index: -1;
    top: unset;
    margin-top: 0;
    left: 0;
    border-radius: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 20px 0;
    transition-delay: 0.4s;
    padding-bottom: 30px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu.withHelpBox {
    padding-bottom: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .menuBox {
    width: 1090px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox {
    float: right;
    display: block;
    position: relative;
    width: 320px;
    background-color: #eee;
    overflow: hidden;
    margin-top: -20px;
    margin-right: 0;
    min-height: 320px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox a:active,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox a:hover {
    text-decoration: none;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox a h3,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox a:active h3,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox a:hover h3 {
    color: #444;
    text-decoration: none;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .colored-background {
    height: 302px;
    width: 370px;
    position: absolute;
    top: -43px;
    left: -23px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    z-index: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    padding: 0 10px;
    min-height: 487px;
    margin-top: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox.supportTab {
    margin-top: 0;
    min-height: 357px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox .h3-header {
    line-height: normal;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #444;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
    color: #444;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox img {
    width: 260px;
    height: 162.5px;
    margin-bottom: 30px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox .learn {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    font-size: 14px;
    display: block;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox .learn:hover,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox:hover .learn {
    text-decoration: underline !important;
    color: #fab024;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox .learn:active,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .container .helpBox > .innerHelpBox:active .learn {
    text-decoration: underline !important;
    color: #f88e16;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .row {
    margin: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .row > div {
    padding: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .secondary-nav-submenu-col {
    padding-left: 0;
    padding-right: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .secondary-nav-submenu-col.withHelpBox {
    width: 273px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .secondary-nav-submenu-col .submenu-col-header {
    min-height: 33px;
    font-size: 14px;
    font-weight: 700;
    color: #444;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .secondary-nav-submenu-col .submenu-col-items {
    margin-left: -40px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .secondary-nav-submenu-col .submenu-col-items li {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .secondary-nav-submenu-col .submenu-col-items li a {
    font-size: 14px;
    font-weight: 400;
    color: #444;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .bottom-link-container {
    margin-top: 20px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .bottom-link-container.withHelpBox {
    margin-top: -52px;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .bottom-link-container a {
    font-size: 14px;
    font-weight: 500;
    color: #f99d1c;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .bottom-link-container a:hover {
    color: #fab024;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .bottom-link-container a:active,
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item .secondary-nav-submenu .bottom-link-container a:focus {
    color: #f88e16;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:hover > a {
    text-decoration: none;
  }
  .hf .secondary-nav .secondary-nav-desktop .secondary-nav-links .main-nav-bar .main-nav-bar-item:hover > a + .secondary-nav-submenu {
    visibility: visible;
  }
  .hf .secondary-nav .secondary-nav-desktop.sticked {
    background-color: #444;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 98;
  }
  .hf .secondary-nav .secondary-nav-desktop.sticked .secondary-nav-brand-name span {
    color: #fff;
  }
  .hf .secondary-nav .secondary-nav-desktop.sticked .secondary-nav-brand-name span:hover {
    color: #a1a1a1;
  }
  .hf .secondary-nav .secondary-nav-desktop.sticked .secondary-nav-links .nav-button > a {
    visibility: visible !important;
  }
  .hf .secondary-nav .secondary-nav-desktop.sticked .secondary-nav-links .main-nav-bar-item > a {
    color: #fff;
    border-bottom-color: #444;
  }
  .hf .secondary-nav .secondary-nav-desktop.sticked .secondary-nav-links .main-nav-bar-item > a:hover {
    border-bottom-color: #fff;
  }
}
.hf .post-registration-gac .subheadline {
  font-size: 20px;
  line-height: 24px;
  display: block;
  padding-bottom: 24px;
}
.hf .post-registration-gac .loader {
  border: 16px solid #ccc;
  border-top: 16px solid #04c9d7;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: auto;
}
.hf .post-registration-gac #success {
  padding-bottom: 0;
}
.hf .post-registration-gac #token-section {
  padding-bottom: 0;
}
.hf .post-registration-gac #token-section #token {
  font-size: 16px;
}
.hf .post-registration-gac #copy-button {
  color: #fff;
  font-size: 14px;
}
.hf .promobox {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
}
.hf .promobox .promobox-wrapper {
  position: relative;
  display: block;
}
.hf .promobox .promobox-wrapper .promobox-content-wrapper {
  margin-top: 12px;
}
.hf .promobox .promobox-wrapper .promobox-content-wrapper .promobox-content-link {
  text-decoration: none;
  cursor: pointer;
}
.hf .promobox .promobox-wrapper .promobox-title {
  display: none;
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 24px;
}
.hf .promobox .promobox-wrapper .toolbar-buttons {
  height: 30px;
}
.hf .promobox .promobox-wrapper .toolbar-buttons .toolbar-buttons-wrapper {
  cursor: pointer;
  float: right;
}
.hf .promobox .promobox-wrapper .toolbar-buttons .toolbar-buttons-wrapper .promobox-expand-button {
  display: none;
}
.hf .promobox .promobox-wrapper .toolbar-buttons .toolbar-buttons-wrapper .promobox-title {
  padding-right: 15px;
}
.hf .promobox .promobox-wrapper.collapsed {
  height: 60px;
}
.hf .promobox .promobox-wrapper.collapsed .promobox-content-wrapper {
  display: none;
}
.hf .promobox .promobox-wrapper.collapsed .promobox-title {
  display: block;
}
.hf .promobox .promobox-wrapper.collapsed .toolbar-buttons {
  margin-top: 0;
}
.hf .promobox .promobox-wrapper.collapsed .toolbar-buttons .toolbar-buttons-wrapper .promobox-close-button {
  display: none;
}
.hf .promobox .promobox-wrapper.collapsed .toolbar-buttons .toolbar-buttons-wrapper .promobox-expand-button {
  display: inline-block;
}
.hf .competitive-hero {
  margin-bottom: 20px;
}
.hf .competitive-hero > .container {
  padding: 0;
}
.hf .competitive-hero h1 {
  margin-top: 30px;
  margin-bottom: 35px;
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #04c9d7;
}
.hf .competitive-hero .text-content {
  margin-left: -15px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #444;
}
.hf .competitive-hero .under-image-content {
  margin-top: 15.6px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #444;
}
.hf .competitive-hero .buttons {
  margin-top: 30px;
}
.hf .competitive-hero .buttons > .cta-link {
  display: inline-block;
  position: relative;
}
.hf .competitive-hero .buttons > .cta-link:first-child {
  margin-right: 10px;
  margin-bottom: 25px;
}
.hf .competitive-hero .buttons a {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 16px;
  text-transform: uppercase;
  white-space: normal;
  letter-spacing: 0.2px;
  min-width: 215px;
}
.hf .competitive-hero .buttons a:hover {
  cursor: pointer;
  text-decoration: none;
}
.hf .competitive-hero .buttons a.linkOrange {
  display: block;
  padding: 0;
  min-width: 0;
}
.hf .competitive-hero .buttons a.btn {
  color: #fff;
}
.hf .competitive-hero .buttons a.btn:hover {
  text-decoration: none;
}
.hf .competitive-hero .buttons .under-link-text {
  font-size: 0.75em;
  line-height: 1.3333em;
  color: #a1a1a1;
  margin: 8px 0 0;
  text-align: center;
  position: absolute;
  width: 100%;
}
.hf .competitive-hero .popup-image > img,
.hf .competitive-hero .popup-video > img {
  max-width: 555px;
  max-height: 355px;
}
.hf .competitive-hero .media-library-video {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .hf .competitive-hero .text-content {
    margin-left: 0;
  }
  .hf .competitive-hero .buttons {
    margin-top: 30px;
  }
  .hf .competitive-hero .buttons > .cta-link {
    display: block;
    text-align: center;
  }
  .hf .competitive-hero .buttons > .cta-link:first-child {
    margin-right: 0;
  }
  .hf .competitive-hero .buttons .under-link-text {
    position: relative;
    left: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hf .competitive-hero {
    text-align: center;
  }
}
.hf .simple-compare-chart {
  padding: 30px;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
.hf .simple-compare-chart h1 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
.hf .simple-compare-chart .chart-content {
  margin-top: 8px;
  margin-bottom: 18px;
}
.hf .simple-compare-chart .chart-content .chart > .row {
  border-bottom: 2px dotted #ccc;
  display: flex;
  align-items: stretch;
}
.hf .simple-compare-chart .chart-content .chart > .row:first-child,
.hf .simple-compare-chart .chart-content .chart > .row:last-child {
  border-bottom: none;
}
.hf .simple-compare-chart .chart-content .chart > .row:not(:last-child) > .cell {
  border-bottom: none !important;
}
.hf .simple-compare-chart .chart-content .chart > .row:not(:first-child) > .cell {
  border-top: none !important;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell {
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell.center {
  justify-content: center;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell.right {
  justify-content: flex-end;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell.left {
  justify-content: flex-start;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell.no-side-borders {
  border-left: none !important;
  border-right: none !important;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons {
  width: 100%;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons a {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 16px;
  text-transform: uppercase;
  white-space: normal;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons a:hover {
  cursor: pointer;
  text-decoration: none;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons a.linkOrange {
  display: block;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons a.btn {
  color: #fff;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons a.btn:hover {
  text-decoration: none;
}
.hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons .under-link-text {
  font-size: 0.75em;
  line-height: 1.3333em;
  color: #a1a1a1;
  margin: 8px 0 0;
  text-align: center;
  font-weight: 500;
}
.hf .simple-compare-chart .chart-content .big-font {
  font-size: 16px;
}
.hf .simple-compare-chart .chart-footer-text {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #a1a1a1;
}
@media (max-width: 991px) {
  .hf .simple-compare-chart {
    padding: 30px 0;
  }
  .hf .simple-compare-chart .chart-content {
    margin-top: 8px;
    margin-bottom: 18px;
  }
  .hf .simple-compare-chart .chart-content .chart > .row > .cell {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
  }
  .hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons {
    width: 93%;
  }
  .hf .simple-compare-chart .chart-content .chart > .row > .cell > .buttons a {
    padding: 10px 4px;
    font-size: 13px;
  }
  .hf .simple-compare-chart .chart-content .chart > .row .chart-row-mobile {
    justify-content: space-around;
  }
}
@media (min-width: 768px) {
  .hf .headline_container {
    background-image: url(https://www.solarwinds.com/assets/solarwinds/swdcv2/devops/target/devops-circuit-bkgrd-l.png), url(https://www.solarwinds.com/assets/solarwinds/swdcv2/devops/target/devops-circuit-bkgrd-r.png);
    background-position: left, right;
    background-repeat: repeat-y;
    background-color: #fff;
    margin-left: -140px;
    margin-right: -140px;
    padding-bottom: 20px;
    border-bottom: 6px solid #ccc;
    text-align: center;
  }
  .hf .headline_container h1 {
    font-weight: 700;
    color: #02c0cf;
    padding: 32px 0 0;
    font-size: 36px;
    margin: 0;
  }
  .hf .headline_container span {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
  }
  .hf .features-carousel-home.product-cards .primary-card {
    padding: 1em 0.7em 2.1em 0.7em !important;
  }
  .hf .features-carousel-home.product-cards .primary-card .card-description {
    margin-top: -21px;
  }
  .hf .features-carousel-home .card-email-link {
    width: auto !important;
    height: auto !important;
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .hf .headline_container {
    background-image: none;
    background-position: left, right;
    background-repeat: repeat-y;
    background-color: #fff;
    margin-left: -140px;
    margin-right: -140px;
    padding-bottom: 20px;
    border-bottom: 6px solid #ccc;
    text-align: center;
  }
  .hf .headline_container h1 {
    font-weight: 700;
    color: #02c0cf;
    padding: 28px 0 0;
    font-size: 32px;
    margin: 0;
  }
  .hf .headline_container span {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
  }
  .hf .features-carousel-home-arrow .fort.fort-sw-hero-arrow-left {
    top: 40% !important;
  }
  .hf .features-carousel-home .left.features-carousel-home-arrow {
    left: 36px;
  }
  .hf .features-carousel-home .fort.fort-sw-hero-arrow-right {
    right: -15px !important;
  }
  .hf .features-carousel-home .slick-dots li button {
    width: 15px;
    height: 15px;
  }
  .hf .features-carousel-home .slick-dots li button:before {
    width: 15px;
    height: 15px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .hf .headline_container {
    margin-left: -30px;
    margin-right: -30px;
  }
  .hf .features-wrapper .slick-list {
    right: -20px;
  }
  .hf .slick-dotted.slick-slider {
    width: 98%;
  }
}
@media (max-width: 991px) {
  .hf .left.features-carousel-home-arrow {
    position: static;
  }
  .hf .right.features-carousel-home-arrow {
    right: 12px !important;
  }
  .hf .features-wrapper {
    width: 100%;
  }
  .hf .slick-dotted.slick-slider {
    width: 100%;
  }
}
.hf .features-carousel-home-arrow .fa.fa-angle-left,
.hf .features-carousel-home-arrow .fort.fort-sw-hero-arrow-left {
  left: -40px;
  position: absolute;
  top: 42%;
  font-size: 40px;
  background-image: none;
  opacity: 1;
  background-color: transparent;
  width: 60px;
  height: 60px;
  cursor: pointer;
  font-size: 23px;
  color: #666;
}
.hf .features-carousel-home-arrow .fa.fa-angle-right,
.hf .features-carousel-home-arrow .fort.fort-sw-hero-arrow-right {
  position: absolute;
  top: 42%;
  font-size: 40px;
  background-image: none;
  opacity: 1;
  background-color: transparent;
  width: 60px;
  height: 60px;
  right: -15px;
  cursor: pointer;
  font-size: 23px;
  color: #666;
}
.hf .features-wrapper {
  margin-top: 15px;
  margin-left: 4px;
  margin-right: 25px;
}
.hf .features-carousel-home.product-cards .card-image img {
  border: 1px solid #ccc;
}
.hf .features-carousel-home.product-cards .action {
  margin-top: 41px;
}
.hf .features-carousel-home.product-cards .feature {
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 0.45em #ccc;
  text-align: center;
}
.hf .features-carousel-home.product-cards .card-email-link {
  width: 200px;
  height: 34px;
  padding-top: 9px;
}
.hf .features-carousel-home.product-cards .card-email-link + p {
  color: #a1a1a1;
  font-size: 12px;
}
.hf .features-carousel-home.product-cards .card-description {
  color: #444;
  font-size: 14px;
  min-height: 70px;
  height: auto;
}
.hf .features-carousel-home.product-cards .card-header {
  font-size: 14px;
  display: inline-block;
  height: 46px;
  margin-top: 8px;
}
.hf .features-carousel-home.product-cards .card-email-link {
  margin-right: 0;
  font-size: 12px;
  font-weight: 700;
}
.hf .features-carousel-home.product-cards a.card-email-link {
  border: none;
  font-size: 15px !important;
}
.hf .features-carousel-home.product-cards a.card-email-link:hover {
  border: none;
}
.hf .features-carousel-home.product-cards .primary-card {
  height: auto;
}
.hf .features-carousel-home.product-cards .primary-card .feature {
  min-height: 377px;
  padding-top: 20px;
  padding-bottom: 30px;
}
.hf .features-carousel-home.product-cards .card-image {
  box-shadow: none;
}
.hf .features-carousel-home {
  min-height: auto;
  padding: 1em 0.8em 2.5em 0.5em;
}
.hf .features-carousel-home .gray-texture-background:after {
  background-image: none;
}
.hf .features-carousel-home .primary-card {
  text-align: center;
}
.hf .features-carousel-home .carousel.card-image {
  width: 180px;
  height: auto;
  text-align: center;
  margin: auto;
  margin-bottom: 10px;
}
.hf .left.features-carousel-home-arrow {
  height: 100%;
  z-index: 1;
  font-size: 40px;
  background-image: none;
  position: absolute;
  left: 31px;
}
.hf .right.features-carousel-home-arrow {
  height: 100%;
  z-index: 1;
  font-size: 40px;
  background-image: none;
  position: absolute;
  right: -51px;
  top: 0;
  left: auto;
}
.hf .carousel-tile.slick-center {
  opacity: 1;
}
.hf .carousel-tile.slick-slide.slick-current.slick-active .image-footer {
  opacity: 1;
}
.hf .carousel-tile.slick-slide.slick-current.slick-active .tile-subheader {
  opacity: 1;
}
.hf .carousel-tile.slick-slide.slick-current.slick-active .tile-title {
  opacity: 1;
}
.hf .slick-dots {
  margin-bottom: 7px;
  position: static;
}
.hf .slick-dots li {
  margin: 0 15px 0 0;
  width: 12px;
  height: 12px;
}
.hf .slick-dots li button {
  width: 12px;
  height: 12px;
}
.hf .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome !important;
  content: "";
  font-size: 16px;
  width: 12px;
  height: 12px;
  font-family: slick;
  line-height: 20px;
  text-align: center;
  color: #f99d1c;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hf .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #f99d1c;
  font-family: FontAwesome !important;
  content: "";
}
.hf .spy-cloud .prospect-item {
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.2);
  margin-bottom: 20px;
}
.hf .spy-cloud .prospect-item .header {
  height: 59px;
  border-bottom: 5px #f99d1c solid;
  margin-left: -15px;
  margin-right: -15px;
}
.hf .spy-cloud .prospect-item .header p {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
  padding-top: 15px;
}
.hf .spy-cloud .prospect-item .prospect-detail {
  color: #444;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: normal;
  min-height: 45px;
  margin-top: 30px;
}
.hf .spy-cloud .prospect-item .prospect-detail .text-section p.result {
  font-size: 22px;
  font-weight: 700;
  color: #f99d1c;
  margin-bottom: 5px;
  height: 25px;
}
.hf .spy-cloud .prospect-item .prospect-detail i {
  font-size: 40px;
  margin-top: 5px;
}
.hf .spy-cloud .prospect-link {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.hf .spy-cloud .prospect-link a {
  color: #f99d1c;
}
@media (min-width: 1200px) {
  .hf .spy-cloud .prospect-item {
    height: 360px;
    width: 360px;
    margin-right: 15px;
  }
  .hf .spy-cloud .prospect-item .text-section {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .hf .spy-cloud .prospect-item {
    padding-bottom: 41px;
  }
  .hf .spy-cloud .prospect-item .prospect-detail i.fa,
  .hf .spy-cloud .prospect-item .prospect-detail i.fort {
    max-width: 70px;
  }
}
@media (max-width: 767px) {
  .hf .spy-cloud .prospect-item .prospect-detail .text-section {
    padding-right: 0;
  }
  .hf .spy-cloud .prospect-item .prospect-detail i.fa,
  .hf .spy-cloud .prospect-item .prospect-detail i.fort {
    padding-left: 5px;
  }
}
.hf .hero-with-regform {
  margin-left: -15px;
  margin-right: -15px;
}
.hf .hero-with-regform .hero-col {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 23px;
}
.hf .hero-with-regform .hero-col .header {
  text-align: left;
  margin-top: 30px;
}
.hf .hero-with-regform .hero-col .sub-header {
  text-align: left;
  margin-top: 10px;
}
.hf .hero-with-regform .hero-col .video-or-image {
  margin-top: 20px;
}
.hf .hero-with-regform .hero-col .video-or-image img.producthero--heroimage {
  width: 100%;
  height: 100%;
  max-width: unset;
  max-height: unset;
}
.hf .hero-with-regform .hero-col .video-or-image .media-library-video {
  display: block;
  width: 100%;
  height: 100%;
  margin: unset;
}
.hf .hero-with-regform .one-col-reg-panel {
  width: auto;
  margin: 0 auto;
}
.hf .hero-with-regform .one-col-reg-panel.hero-reg-transparent {
  background-color: rgba(255, 255, 255, 0.9);
}
.hf .hero-with-regform .one-col-reg-panel.hero-reg-transparent .one-col-regform .reg-row input,
.hf .hero-with-regform .one-col-reg-panel.hero-reg-transparent .one-col-regform .reg-row select {
  background-color: rgba(255, 255, 255, 0);
}
.hf .hero-with-regform .one-col-reg-panel.hero-reg-gray {
  background-color: #eee;
}
.hf .hero-with-regform .one-col-reg-panel.hero-reg-gray .one-col-regform .reg-row input,
.hf .hero-with-regform .one-col-reg-panel.hero-reg-gray .one-col-regform .reg-row select {
  background-color: #eee;
  border-bottom: 2px solid #ccc;
}
.hf .hero-with-regform .one-col-reg-panel.hero-reg-gray .one-col-regform .reg-row #formOptIn .optin_checkbox_container .checkmark {
  background-color: #eee;
}
.hf .hero-with-regform .one-col-reg-panel.hero-reg-white {
  background-color: #fff;
}
@media (max-width: 767px) {
  .hf .hero-with-regform.hide-background {
    background-image: none !important;
  }
  .hf .hero-with-regform .hero-col .header {
    text-align: center;
    margin-top: 20px;
  }
  .hf .hero-with-regform .hero-col .sub-header {
    text-align: center;
    margin-top: 5px;
  }
  .hf .hero-with-regform .regform-col .headline {
    margin-bottom: 20px;
  }
  .hf .hero-with-regform .one-col-reg-panel #registrationForm {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .hf .hero-with-regform .hero-col .video-or-image {
    margin-right: 75px;
  }
}
@media (min-width: 390px) and (max-width: 767px), (min-width: 992px) {
  .hf .hero-with-regform .one-col-reg-panel {
    width: 390px;
  }
}
.hf .one-col-reg-panel {
  padding: 20px 15px 40px 15px;
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.2);
  background-color: #fff;
  position: relative;
}
.hf .one-col-reg-panel.green {
  border-top: 6px solid #81c23c;
}
.hf .one-col-reg-panel.orange {
  border-top: 6px solid #f99d1c;
}
.hf .one-col-reg-panel.blue {
  border-top: 6px solid #04c9d7;
}
.hf .one-col-reg-panel.chartreuse {
  border-top: 6px solid #dade63;
}
.hf .one-col-reg-panel .headline {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #444;
  margin-bottom: 31px;
}
.hf .one-col-reg-panel .headline.fed-sled {
  font-weight: 500;
}
.hf .one-col-reg-panel .headline.fed-sled.no-margin {
  margin-bottom: 0;
}
.hf .one-col-reg-panel .sub-headline {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #444;
  margin-bottom: 31px;
}
.hf .one-col-reg-panel .one-col-regform.ItProDayForm #formTerms.reg-row {
  padding: 30px 0 0;
}
.hf .one-col-reg-panel .one-col-regform input:-webkit-autofill,
.hf .one-col-reg-panel .one-col-regform input:-webkit-autofill:focus,
.hf .one-col-reg-panel .one-col-regform input:-webkit-autofill:hover,
.hf .one-col-reg-panel .one-col-regform select:-webkit-autofill,
.hf .one-col-reg-panel .one-col-regform select:-webkit-autofill:focus,
.hf .one-col-reg-panel .one-col-regform select:-webkit-autofill:hover,
.hf .one-col-reg-panel .one-col-regform textarea:-webkit-autofill,
.hf .one-col-reg-panel .one-col-regform textarea:-webkit-autofill:focus,
.hf .one-col-reg-panel .one-col-regform textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: #444;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.hf .one-col-reg-panel .one-col-regform .reg-row {
  position: relative;
  padding: 12px 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row #ci_Nomination_Reason {
  overflow-y: hidden;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .bottom-label {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  float: left;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .validation-spinner {
  top: 40%;
}
.hf .one-col-reg-panel .one-col-regform .reg-row.nickname-row {
  text-align: left;
}
.hf .one-col-reg-panel .one-col-regform .reg-row.nickname-row .fake-input-prefix {
  float: left;
}
.hf .one-col-reg-panel .one-col-regform .reg-row.nickname-row input {
  width: auto;
  border: none;
  font-weight: 500;
  font-size: 16px;
}
.hf .one-col-reg-panel .one-col-regform .reg-row.nickname-row .fake-input-sufix {
  position: relative;
  left: -3px;
}
.hf .one-col-reg-panel .one-col-regform .reg-row i.fa-sort-desc {
  position: absolute;
  right: 0;
  top: 10px;
  color: #a1a1a1;
}
.hf .one-col-reg-panel .one-col-regform .reg-row select {
  background: 0 0;
  border-radius: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .default-gray-bar {
  width: 100%;
  position: relative;
  display: block;
  border-bottom: 2px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
}
.hf .one-col-reg-panel .one-col-regform .reg-row #hidden-input {
  width: auto;
  display: inline-block;
  visibility: hidden;
  position: fixed;
  overflow: auto;
  font-weight: 500;
  font-size: 16px;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input,
.hf .one-col-reg-panel .one-col-regform .reg-row select,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea {
  width: 100%;
  border-bottom: 2px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: 0;
  color: #444;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-weight: 400;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input::-webkit-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select::-webkit-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: #666;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:-moz-placeholder {
  font-weight: 400;
  color: #666;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input::-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select::-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea::-moz-placeholder {
  font-weight: 400;
  color: #666;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:-ms-input-placeholder {
  font-weight: 400;
  color: #666;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input::-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select::-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea::-ms-input-placeholder {
  font-weight: 400;
  color: #666;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input::placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select::placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea::placeholder {
  font-weight: 400;
  color: #666;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus::-webkit-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus::-webkit-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus:-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus:-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus:-moz-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus::-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus::-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus::-moz-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus:-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus:-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus::-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus::-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus::-ms-input-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus::placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus::placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus::placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus ~ .bar::before,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus ~ .bar::before,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus ~ .bar::before {
  width: 100%;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input:focus ~ .field-label,
.hf .one-col-reg-panel .one-col-regform .reg-row select:focus ~ .field-label,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea:focus ~ .field-label {
  display: inline;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input.error-label ~ .bar::after,
.hf .one-col-reg-panel .one-col-regform .reg-row select.error-label ~ .bar::after,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea.error-label ~ .bar::after {
  width: 100%;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input.error-label ~ .bar::before,
.hf .one-col-reg-panel .one-col-regform .reg-row select.error-label ~ .bar::before,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea.error-label ~ .bar::before {
  width: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input.error-label ~ .error-icon,
.hf .one-col-reg-panel .one-col-regform .reg-row select.error-label ~ .error-icon,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea.error-label ~ .error-icon {
  opacity: 1;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input.error-label ~ .fa-sort-desc,
.hf .one-col-reg-panel .one-col-regform .reg-row select.error-label ~ .fa-sort-desc,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea.error-label ~ .fa-sort-desc {
  display: none;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid]::-webkit-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid]::-webkit-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid]::-webkit-input-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid]:-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid]:-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid]:-moz-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid]::-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid]::-moz-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid]::-moz-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid]:-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid]:-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid]:-ms-input-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid]::-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid]::-ms-input-placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid]::-ms-input-placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid]::placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid]::placeholder,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid]::placeholder {
  opacity: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input[aria-invalid] ~ .field-label,
.hf .one-col-reg-panel .one-col-regform .reg-row select[aria-invalid] ~ .field-label,
.hf .one-col-reg-panel .one-col-regform .reg-row textarea[aria-invalid] ~ .field-label {
  display: inline;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .bar {
  position: relative;
  display: block;
  width: 100%;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .bar::before {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #444;
  transition: 0.3s ease all;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .bar::after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #cf0e21;
  transition: 0.3s ease all;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .field-label {
  display: none;
  font-size: 12px;
  font-weight: 700;
  color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease all;
}
.hf .one-col-reg-panel .one-col-regform .reg-row label.error-label {
  color: #cf0e21;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  margin: 0;
  display: inline;
  top: 38px;
  right: 0;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input.error-label ~ label.edit-label {
  visibility: hidden;
}
.hf .one-col-reg-panel .one-col-regform .reg-row label.edit-label {
  color: #ccc;
  font-size: 12px;
  position: absolute;
  margin: 0;
  display: inline;
  top: 38px;
  right: 0;
  font-weight: 500;
  visibility: visible;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .error-icon {
  position: absolute;
  color: #cf0e21;
  font-size: 12px;
  top: 16px;
  right: 0;
  opacity: 0;
  transition: 0.6s linear all;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .field-tooltip {
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 20px;
  transition: right 0.2s linear;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .hf .one-col-reg-panel .one-col-regform .reg-row .field-tooltip {
    display: none;
  }
}
.hf .one-col-reg-panel .one-col-regform .reg-row .field-tooltip .field-tooltip-content {
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  display: none;
  position: absolute;
  left: 25px;
  line-height: 1;
  max-width: 200px;
  padding: 8px;
  z-index: 1;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .field-tooltip .field-tooltip-content:before {
  display: block;
  content: ' ';
  background: 0 0;
  border: solid transparent;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -5px;
}
.hf .one-col-reg-panel .one-col-regform .reg-row .field-tooltip > i:hover + .field-tooltip-content {
  display: block;
}
.hf .one-col-reg-panel .one-col-regform .reg-row input.error-label ~ .field-tooltip,
.hf .one-col-reg-panel .one-col-regform .reg-row select ~ .field-tooltip {
  right: 15px;
}
.hf .one-col-reg-panel .one-col-regform .contact-us-products textarea {
  resize: vertical;
  text-align: left;
  margin-top: 5px;
  height: 80px;
}
.hf .one-col-reg-panel .one-col-regform .contact-us-products label.error-label {
  top: -7px;
  float: right;
  position: relative;
}
.hf .one-col-reg-panel .one-col-regform .contact-us-products span {
  bottom: 6px;
}
.hf .one-col-reg-panel .one-col-regform #formTerms {
  color: #a1a1a1;
  font-size: 12px;
  width: 100%;
  font-weight: 400;
  text-align: left;
}
.hf .one-col-reg-panel .one-col-regform #formTerms a {
  color: #0079aa;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn .optin_checkbox_container,
.hf .one-col-reg-panel .one-col-regform #formOptIn .software_services_agreement,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .optin_checkbox_container,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .software_services_agreement {
  display: block;
  position: relative;
  padding-left: 17px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #a1a1a1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn .optin_checkbox_container input[type=checkbox],
.hf .one-col-reg-panel .one-col-regform #formOptIn .software_services_agreement input[type=checkbox],
.hf .one-col-reg-panel .one-col-regform #ssAgreement .optin_checkbox_container input[type=checkbox],
.hf .one-col-reg-panel .one-col-regform #ssAgreement .software_services_agreement input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark,
.hf .one-col-reg-panel .one-col-regform #formOptIn .software_services_agreement input[type=checkbox]:checked ~ .checkmark,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .software_services_agreement input[type=checkbox]:checked ~ .checkmark {
  background-color: #04c9d7;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark:after,
.hf .one-col-reg-panel .one-col-regform #formOptIn .software_services_agreement input[type=checkbox]:checked ~ .checkmark:after,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .optin_checkbox_container input[type=checkbox]:checked ~ .checkmark:after,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .software_services_agreement input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
  width: 5px;
  height: 6px;
  left: 0;
  top: 0;
  content: "";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 1px;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn .optin_checkbox_container .checkmark,
.hf .one-col-reg-panel .one-col-regform #formOptIn .software_services_agreement .checkmark,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .optin_checkbox_container .checkmark,
.hf .one-col-reg-panel .one-col-regform #ssAgreement .software_services_agreement .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border: 2px solid #04c9d7 !important;
}
.hf .one-col-reg-panel .one-col-regform #ssAgreement + #formTerms {
  padding: 3px 0 12px 0;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn:not(.hide) ~ #formTerms:not(.hide) {
  padding: 3px 0 12px 0;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn:not(.hide) ~ #ssAgreement {
  padding-top: 0;
}
.hf .one-col-reg-panel .one-col-regform #formOptIn:not(.hide) ~ .btn-wrap,
.hf .one-col-reg-panel .one-col-regform #formTerms:not(.hide) ~ .btn-wrap {
  margin-top: 8px;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container .is-interested-text {
  text-align: left;
  padding-right: 10px;
  flex: 3;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container .is-interested-control label {
  font-weight: 400;
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  text-align: left;
  min-width: 46px;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container .is-interested-control label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container .is-interested-control label input[type=checkbox]:checked ~ .checkmark {
  background-color: inherit;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container .is-interested-control label input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
  width: 8px;
  height: 9px;
  left: 0;
  top: 0;
  content: "";
  border: solid #a1a1a1;
  border-width: 0 2px 2px 0;
  webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 2px;
}
.hf .one-col-reg-panel .one-col-regform .is-interested-container .is-interested-control label .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #ccc !important;
}
.hf .one-col-reg-panel .one-col-regform .btn-wrap {
  margin-top: 18px;
}
.hf .one-col-reg-panel .one-col-regform .btn-wrap .reg-under-button-text {
  font-size: 12px;
  text-align: center;
  color: #a1a1a1;
  margin-bottom: 10px;
  margin-top: 5px;
}
.hf .one-col-reg-panel .one-col-regform .btn-wrap .submit {
  padding: 8px 24px;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border-radius: 0;
}
.hf .one-col-reg-panel .one-col-regform .btn-wrap .submit[disabled] {
  background-color: #ccc;
}
.hf .one-col-reg-panel .one-col-regform p.under-button-text-link {
  font-size: 12px;
  color: #a1a1a1;
  padding-top: 8px;
}
.hf .one-col-reg-panel .one-col-regform p.under-button-text-link > a {
  color: #a1a1a1;
  text-decoration: underline;
}
.hf .one-col-reg-panel #it-pro-day-awards-confirmation {
  background-color: #444;
}
.hf .one-col-reg-panel #it-pro-day-awards-confirmation .it-pro-confirmation-close {
  padding: 20px 20px 0 0;
  text-align: right;
}
.hf .one-col-reg-panel #it-pro-day-awards-confirmation .it-pro-thank-you-text {
  text-align: center;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 10px;
  line-height: normal;
  color: #fff;
  font-size: 32px;
}
.hf .one-col-reg-panel #it-pro-day-awards-confirmation .it-pro-close-window-text {
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: normal;
}
.hf .one-col-reg-panel #it-pro-day-awards-confirmation #newNominateSubmit {
  -webkit-text-size-adjust: 100%;
  position: relative;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  cursor: pointer;
  border: 1px solid transparent;
  width: auto;
  text-transform: uppercase;
  outline: 0;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  padding: 10px 36px;
  margin-bottom: 60px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 0;
}
.hf .one-col-reg-panel #formSession {
  padding: 12px 0;
  padding-bottom: 18px;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  position: relative;
}
.hf .one-col-reg-panel #formSession .title-label {
  color: #444;
  font-weight: 400;
  text-align: left;
}
.hf .one-col-reg-panel #formSession .session-checkboxes > label {
  display: flex;
  text-align: left;
  word-break: break-word;
  font-weight: 400;
  color: #444;
}
.hf .one-col-reg-panel #formSession .session-checkboxes > label input {
  margin-right: 10px;
}
.hf .one-col-reg-panel #formSession.invalid .bar {
  background: #cf0e21;
}
.hf .one-col-reg-panel #formSession .bar {
  position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  bottom: 18px;
  left: 0;
  background: #ccc;
  transition: 0.3s ease all;
}
.hf .one-col-reg-panel #formSession #sessions-error {
  color: #cf0e21;
  bottom: 0;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  margin: 0;
  display: inline;
  right: 0;
}
@media (max-width: 767px) {
  .hf .one-col-reg-panel .headline {
    margin-bottom: 20px;
  }
}
.hf .fbt a {
  cursor: pointer;
}
.hf .fbt .together-wrapper {
  border: 5px solid #444;
  -o-border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1140" height="100"><rect width="1140" height="100" style="fill:rgb(68,68,68)" /><rect x="41.1" y="0" width="143.8" height="100" style="fill:rgb(4, 201, 215)" /><rect x="236.2" y="0" width="143.8" height="100" style="fill:rgb(102,102,102)" /><rect x="447.8" y="0" width="41.1" height="100" style="fill:rgb(251, 224, 75)" /><rect x="509.4" y="0" width="41.1" height="100" style="fill:rgb(184, 215, 87)" /><rect x="714.8" y="0" width="143.8" height="100" style="fill:rgb(249, 157, 28)" /><rect x="893.5" y="0" width="143.8" height="100" style="fill:rgb(102,102,102)" /><rect x="1057.8" y="0" width="41.1" height="100" style="fill:rgb(251, 224, 75)" /></svg>') 10 stretch;
  border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1140" height="100"><rect width="1140" height="100" style="fill:rgb(68,68,68)" /><rect x="41.1" y="0" width="143.8" height="100" style="fill:rgb(4, 201, 215)" /><rect x="236.2" y="0" width="143.8" height="100" style="fill:rgb(102,102,102)" /><rect x="447.8" y="0" width="41.1" height="100" style="fill:rgb(251, 224, 75)" /><rect x="509.4" y="0" width="41.1" height="100" style="fill:rgb(184, 215, 87)" /><rect x="714.8" y="0" width="143.8" height="100" style="fill:rgb(249, 157, 28)" /><rect x="893.5" y="0" width="143.8" height="100" style="fill:rgb(102,102,102)" /><rect x="1057.8" y="0" width="41.1" height="100" style="fill:rgb(251, 224, 75)" /></svg>') 10 stretch;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  box-shadow: 0 2px 10px 0 #a1a1a1;
  margin: 30px 0;
  padding-bottom: 30px;
}
.hf .fbt.fbt-b .single img {
  width: 100%;
  height: auto;
}
.hf .fbt img {
  border: 1px solid #ccc;
  width: 228px;
  height: 142.5px;
}
.hf .fbt a.learn-more {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f99d1c;
}
.hf .fbt a.learn-more:hover {
  color: #f99d1c !important;
  text-decoration: underline !important;
}
.hf .fbt .product .name {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .fbt .product .review span {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #a1a1a1;
}
.hf .fbt .product .review .stars .fa {
  padding-right: 5px;
  color: #f99d1c;
  font-size: 15px;
}
.hf .fbt-a {
  margin-left: -30px;
}
.hf .fbt-a .together-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.hf .fbt-a .bundle > span {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 20px;
  display: inline-block;
}
.hf .fbt-a a > .h3 {
  color: #444;
  cursor: text;
}
.hf .fbt-a a:hover {
  text-decoration: none;
  color: #444;
}
.hf .fbt-a .title {
  padding-top: 15px;
  padding-bottom: 20px;
}
.hf .fbt-a .title span {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .fbt-a .product .image-wrapper {
  padding-right: 0;
}
.hf .fbt-a .product .info-wrapper {
  padding-left: 10px;
  line-height: normal;
}
.hf .fbt-a .product .review {
  margin-top: 5px;
}
.hf .fbt-a .product .review .stars {
  margin-right: 10px;
}
.hf .fbt-a .product p.description {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  margin-top: 10px;
  margin-bottom: 15px;
}
.hf .fbt-b {
  margin-left: -30px;
}
.hf .fbt-b .together-wrapper {
  padding: 0 5px;
  padding-bottom: 20px;
}
.hf .fbt-b .together-wrapper .bundle > span {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 20px;
  display: inline-block;
}
.hf .fbt-b .bundle .title {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 20px;
  display: inline-block;
}
.hf .fbt-b .bundle a > .h3 {
  color: #444;
  cursor: text;
}
.hf .fbt-b .bundle a:hover {
  text-decoration: none;
  color: #444;
}
.hf .fbt-b .bundle .h3 {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 20px;
  margin-bottom: 5px;
}
.hf .fbt-b .bundle .subtitle {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 0;
}
.hf .fbt-b .bundle .buttons {
  margin-top: 20px;
}
.hf .fbt-b .bundle .buttons .main-download {
  background-color: #81c23c;
  color: #fff;
  display: inline-block;
  font-family: Roboto;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: normal;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.hf .fbt-b .bundle .buttons .main-download:active {
  background-color: #94d24b;
}
.hf .fbt-b .bundle .buttons .main-download:hover {
  background-color: #94d24b;
}
.hf .fbt-b .bundle .buttons .main-logged {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 5px;
  color: #a1a1a1;
  text-align: center;
  width: 100%;
}
.hf .fbt-b .bundle .buttons .main-logged a {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 5px;
  color: #a1a1a1;
  text-align: center;
  width: 100%;
  text-decoration: underline;
}
.hf .fbt-b .bundle .buttons .learn-more-wrap {
  border-left: 2px dotted #a1a1a1;
}
.hf .fbt-b .bundle .buttons .learn-more {
  display: inline-block;
  padding: 10px 0;
}
.hf .fbt-b .product {
  margin-top: 20px;
}
.hf .fbt-b .product .name {
  display: inline-block;
  margin-top: 9.5px;
}
.hf .fbt-b .first {
  padding-right: 32px;
}
.hf .fbt-b .second {
  padding-left: 32px;
}
.hf .fbt-b .second::before {
  color: #a1a1a1;
  content: "+";
  display: block;
  font-family: Roboto;
  font-size: 80px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  height: 94px;
  left: -22px;
  letter-spacing: normal;
  line-height: normal;
  position: absolute;
  top: 48px;
  width: 44px;
}
.hf .fbt-b .single {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .hf .fbt {
    display: none;
  }
}
.hf .solarwinds-events {
  font-family: Roboto;
  margin-bottom: 80px;
}
.hf .solarwinds-events .event-tabs .event-tab-header {
  font-size: 18px;
  font-weight: 700;
  color: #444;
  margin-top: 20px;
  margin-bottom: 19px;
  display: inline-block;
}
.hf .solarwinds-events .event-tabs.sticky .inner {
  background-color: #444;
  transition: all 0.4s ease-in-out;
  position: fixed;
  top: 0;
  z-index: 19;
  width: 100%;
}
.hf .solarwinds-events .event-tabs.sticky .inner .links-container-fluid {
  background-color: #eee;
}
.hf .solarwinds-events .event-tabs.sticky .inner .event-tab-header {
  color: #fff;
}
.hf .solarwinds-events .event-tabs.sticky .inner,
.hf .solarwinds-events .event-tabs.sticky li a {
  transition: all 0.4s ease-in-out;
}
.hf .solarwinds-events .event-tabs .inner {
  background-color: #eee;
  transition: all 0.2s ease-in-out;
  text-align: left;
  margin-left: -15px;
  margin-right: -15px;
  border-bottom: 5px solid #eee;
}
.hf .solarwinds-events .event-tabs ul {
  margin: 14px 0 0 -40px;
}
.hf .solarwinds-events .event-tabs ul li {
  list-style-type: none;
  display: inline;
  padding: 0;
  margin: 0 30px 0 0;
}
.hf .solarwinds-events .event-tabs ul li a {
  color: #444;
  transition: all 0.2s ease-in-out;
  padding: 0 0 2px 0;
  border-bottom: 5px solid #eee;
  text-decoration: none;
  margin: 0 -4px -5px 0;
  max-width: 200px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: normal;
}
.hf .solarwinds-events .event-tabs ul li a.active,
.hf .solarwinds-events .event-tabs ul li a.targetActive {
  text-decoration: none;
  border-bottom: 5px solid #04c9d7;
  padding: 0 0 2px 0;
  font-weight: 700;
}
.hf .solarwinds-events .event-tabs ul li a:visited {
  text-decoration: none;
}
.hf .solarwinds-events .event-tabs ul li a:active {
  text-decoration: none;
}
.hf .solarwinds-events .category {
  color: #444;
  font-size: 14px;
}
.hf .solarwinds-events .category .default-hidden {
  display: none;
}
.hf .solarwinds-events .category .name {
  font-size: 18px;
  font-weight: 700;
  margin-top: 40px;
  padding-bottom: 6px;
  border-bottom: 3px solid;
}
.hf .solarwinds-events .category .title {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
.hf .solarwinds-events .category .link {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
}
.hf .solarwinds-events .category .event {
  border-bottom: 2px solid #ccc;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 30px;
}
.hf .solarwinds-events .category .event .details {
  margin-top: 20px;
  font-weight: 700;
  padding-left: 0;
}
.hf .solarwinds-events .category .event .title {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
}
.hf .solarwinds-events .category .event .cta {
  margin-top: 48px;
}
.hf .solarwinds-events .category .event .cta a {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
}
.hf .solarwinds-events .category .event .cta-video {
  margin-top: 48px;
}
.hf .solarwinds-events .category .event .cta-video a {
  text-align: center;
  cursor: pointer;
  background-color: #f88e16;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
}
.hf .solarwinds-events .category .event .cta-video a:hover {
  background-color: #fab024;
}
.hf .solarwinds-events .category .event .cta-video a:active {
  background-color: #f88e16;
}
.hf .solarwinds-events .category .event .cta-video a:hover:after {
  background: #fab024;
}
.hf .solarwinds-events .category .view-all-events {
  margin-top: 20px;
}
.hf .solarwinds-events .category .view-all-events a {
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.22px;
  color: #f99d1c;
}
@media (max-width: 767px) {
  .hf .solarwinds-events {
    margin-bottom: 30px;
  }
  .hf .solarwinds-events .category {
    margin-top: -20px;
  }
  .hf .solarwinds-events .category .name a {
    margin-left: 5px;
    float: right;
  }
  .hf .solarwinds-events .category .name a .fa {
    color: #444;
    font-size: 20px;
  }
  .hf .solarwinds-events .category .title {
    font-size: 14px !important;
  }
  .hf .solarwinds-events .category .negative-margin {
    margin-left: -15px;
  }
  .hf .solarwinds-events .category .event {
    padding-bottom: 15px;
  }
  .hf .solarwinds-events .category .event .details .date {
    font-weight: 400;
  }
  .hf .solarwinds-events .category .view-all-events {
    text-align: center;
  }
  .hf .solarwinds-events .category .mobile-hidden {
    display: none;
  }
  .hf .solarwinds-events .category .cta {
    margin-top: 20px !important;
    margin-left: -15px;
    width: 50%;
  }
  .hf .solarwinds-events .category .cta a {
    font-size: 12px !important;
    width: 80%;
  }
  .hf .solarwinds-events .category .cta-video {
    margin-top: 20px !important;
    margin-left: -15px;
    width: 50%;
  }
  .hf .solarwinds-events .category .cta-video a {
    width: 80%;
  }
  .hf .solarwinds-events .category .cta-video a .title {
    font-size: 12px !important;
  }
}
@media (min-width: 1025px) {
  .hf .solarwinds-events .event-tabs ul li a:hover {
    text-decoration: none;
    padding: 0 0 2px;
  }
}
@media (min-width: 767px) {
  .hf .solarwinds-events .category .mobile-category-icon {
    display: none;
  }
}
.hf .pricing-calculator .pricing-form,
.hf .pricing-calculator--simple .pricing-form {
  text-align: center;
  margin: 40px auto 80px;
  width: 846px;
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
  background-color: #fff;
  color: #444;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 701;
  text-align: center;
  overflow: auto;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 500px;
  border: solid 2px #eee;
  background-color: #fff;
  text-align: left;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox .control,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox .control {
  padding: 20px 20px 13px 20px;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox .control .lightbox-close,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox .control .lightbox-close {
  float: right;
  cursor: pointer;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox .control .lightbox-close::after,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox .control .lightbox-close::after {
  clear: both;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox .title,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox .title {
  padding: 0 30px 10px 30px;
  border-bottom: 5px solid #04c9d7;
  font-size: 16px;
  font-weight: 500;
}
.hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox .content,
.hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox .content {
  padding: 20px 30px 30px 30px;
}
.hf .pricing-calculator .pricing-form .calculated-area,
.hf .pricing-calculator--simple .pricing-form .calculated-area {
  display: none;
}
.hf .pricing-calculator .pricing-form .headline,
.hf .pricing-calculator--simple .pricing-form .headline {
  font-size: 32px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 20px 0 30px 0;
  margin: 0;
}
.hf .pricing-calculator .pricing-form .fa-question-circle,
.hf .pricing-calculator--simple .pricing-form .fa-question-circle {
  color: #04c9d7;
}
.hf .pricing-calculator .pricing-form .fa-question-circle:hover,
.hf .pricing-calculator--simple .pricing-form .fa-question-circle:hover {
  cursor: pointer;
}
.hf .pricing-calculator .pricing-form .text,
.hf .pricing-calculator--simple .pricing-form .text {
  padding: 0 15px;
  margin: auto;
}
.hf .pricing-calculator .pricing-form .text.instructions,
.hf .pricing-calculator--simple .pricing-form .text.instructions {
  font-size: 14px;
}
.hf .pricing-calculator .pricing-form .input-area,
.hf .pricing-calculator--simple .pricing-form .input-area {
  margin: 20px 0 30px 0;
  display: inline-flex;
}
.hf .pricing-calculator .pricing-form .input-area input[type=number]::-webkit-inner-spin-button,
.hf .pricing-calculator .pricing-form .input-area input[type=number]::-webkit-outer-spin-button,
.hf .pricing-calculator--simple .pricing-form .input-area input[type=number]::-webkit-inner-spin-button,
.hf .pricing-calculator--simple .pricing-form .input-area input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.hf .pricing-calculator .pricing-form .input-area input[type=number],
.hf .pricing-calculator--simple .pricing-form .input-area input[type=number] {
  -moz-appearance: textfield;
}
.hf .pricing-calculator .pricing-form .input-area input[type=number]::-ms-clear,
.hf .pricing-calculator--simple .pricing-form .input-area input[type=number]::-ms-clear {
  display: none;
}
.hf .pricing-calculator .pricing-form .input-area input,
.hf .pricing-calculator--simple .pricing-form .input-area input {
  text-align: center;
  height: 40px;
  width: 287px;
  font-weight: 500;
  border: solid 2px #ccc;
  margin-right: 15px;
  margin-left: 15px;
  outline: 0;
}
.hf .pricing-calculator .pricing-form .input-area input::-webkit-input-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input::-webkit-input-placeholder {
  font-weight: 400;
  color: #a1a1a1;
}
.hf .pricing-calculator .pricing-form .input-area input:-moz-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:-moz-placeholder {
  font-weight: 400;
  color: #a1a1a1;
}
.hf .pricing-calculator .pricing-form .input-area input::-moz-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input::-moz-placeholder {
  font-weight: 400;
  color: #a1a1a1;
}
.hf .pricing-calculator .pricing-form .input-area input:-ms-input-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:-ms-input-placeholder {
  font-weight: 400;
  color: #a1a1a1;
}
.hf .pricing-calculator .pricing-form .input-area input::-ms-input-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input::-ms-input-placeholder {
  color: #a1a1a1;
}
.hf .pricing-calculator .pricing-form .input-area input::placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input::placeholder {
  color: #a1a1a1;
}
.hf .pricing-calculator .pricing-form .input-area input:focus::-webkit-input-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus::-webkit-input-placeholder {
  visibility: hidden;
}
.hf .pricing-calculator .pricing-form .input-area input:focus:-moz-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus:-moz-placeholder {
  visibility: hidden;
}
.hf .pricing-calculator .pricing-form .input-area input:focus::-moz-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus::-moz-placeholder {
  visibility: hidden;
}
.hf .pricing-calculator .pricing-form .input-area input:focus:-ms-input-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus:-ms-input-placeholder {
  visibility: hidden;
}
.hf .pricing-calculator .pricing-form .input-area input:focus::-ms-input-placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus::-ms-input-placeholder {
  visibility: hidden;
}
.hf .pricing-calculator .pricing-form .input-area input:focus::placeholder,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus::placeholder {
  visibility: hidden;
}
.hf .pricing-calculator .pricing-form .input-area input:active,
.hf .pricing-calculator .pricing-form .input-area input:focus,
.hf .pricing-calculator--simple .pricing-form .input-area input:active,
.hf .pricing-calculator--simple .pricing-form .input-area input:focus {
  outline: 0;
  border-color: #666;
}
.hf .pricing-calculator .pricing-form .calculated-area .recommend-license,
.hf .pricing-calculator--simple .pricing-form .calculated-area .recommend-license {
  margin-bottom: 10px;
}
.hf .pricing-calculator .pricing-form .calculated-area .price,
.hf .pricing-calculator--simple .pricing-form .calculated-area .price {
  font-size: 50px;
  color: #ffa500;
  font-weight: 700;
  margin: 0;
}
.hf .pricing-calculator .pricing-form .calculated-area .under-price-text,
.hf .pricing-calculator--simple .pricing-form .calculated-area .under-price-text {
  font-size: 12px;
  color: gray;
  font-weight: 500;
  margin-top: 8px;
}
.hf .pricing-calculator .pricing-form .calculated-area .cta-row,
.hf .pricing-calculator--simple .pricing-form .calculated-area .cta-row {
  margin-top: 30px;
}
.hf .pricing-calculator .pricing-form .calculated-area .calcResultBtn,
.hf .pricing-calculator--simple .pricing-form .calculated-area .calcResultBtn {
  padding: 10px 25px 10px 25px;
  font-weight: 700;
  display: inline-block;
}
.hf .pricing-calculator .pricing-form .calculated-area .calcResultBtn:hover,
.hf .pricing-calculator--simple .pricing-form .calculated-area .calcResultBtn:hover {
  text-decoration: none;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container {
  display: flex;
  justify-content: center;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card {
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
  padding: 24px 27px 40px 27px;
  width: 290px;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card[data-sku-type="1"],
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card[data-sku-type="1"] {
  border-top: 6px solid #f99d1c;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card[data-sku-type="0"],
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card[data-sku-type="0"] {
  border-top: 6px solid #04c9d7;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card:last-child,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card:last-child {
  margin-left: 20px;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .header-row,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .header-row {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 1.29;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .recommended-sku-row,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .recommended-sku-row {
  font-size: 12px;
  height: 14px;
  margin-bottom: 20px;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .recommended-sku-name,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .recommended-sku-name {
  font-size: 12px;
  color: #a1a1a1;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .license-decription-row,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .license-decription-row {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.29;
  width: auto;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .price-row,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .price-row {
  height: 49px;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .price,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .price {
  height: 49px;
  font-family: Roboto;
  font-size: 42px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .underbutton-link-row,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .underbutton-link-row {
  margin-top: 30px;
  height: 19px;
}
.hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card .underbutton-link-row .under-button-link,
.hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card .underbutton-link-row .under-button-link {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
}
.hf .pricing-calculator .pricing-form .bottom-area,
.hf .pricing-calculator--simple .pricing-form .bottom-area {
  background-color: #eee;
  margin-top: 30px;
  line-height: 30px;
  font-size: 14px;
}
.hf .pricing-calculator .pricing-form .bottom-area a,
.hf .pricing-calculator--simple .pricing-form .bottom-area a {
  color: #f99d1c;
  font-weight: 500;
}
@media (min-width: 992px) {
  .hf .pricing-calculator .pricing-form .input-area .left-image .small,
  .hf .pricing-calculator .pricing-form .input-area .right-image .small,
  .hf .pricing-calculator--simple .pricing-form .input-area .left-image .small,
  .hf .pricing-calculator--simple .pricing-form .input-area .right-image .small {
    display: none;
  }
  .hf .pricing-calculator .pricing-form .input-area .left-image .big,
  .hf .pricing-calculator .pricing-form .input-area .right-image .big,
  .hf .pricing-calculator--simple .pricing-form .input-area .left-image .big,
  .hf .pricing-calculator--simple .pricing-form .input-area .right-image .big {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .pricing-calculator .pricing-form .input-area .left-image .small,
  .hf .pricing-calculator .pricing-form .input-area .right-image .small,
  .hf .pricing-calculator--simple .pricing-form .input-area .left-image .small,
  .hf .pricing-calculator--simple .pricing-form .input-area .right-image .small {
    display: inline;
  }
  .hf .pricing-calculator .pricing-form .input-area .left-image .big,
  .hf .pricing-calculator .pricing-form .input-area .right-image .big,
  .hf .pricing-calculator--simple .pricing-form .input-area .left-image .big,
  .hf .pricing-calculator--simple .pricing-form .input-area .right-image .big {
    display: none;
  }
}
@media (max-width: 991px) {
  .hf .pricing-calculator .pricing-form,
  .hf .pricing-calculator--simple .pricing-form {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hf .pricing-calculator .pricing-form,
  .hf .pricing-calculator--simple .pricing-form {
    box-shadow: none;
    margin: 0;
  }
  .hf .pricing-calculator .pricing-form .bottom-area,
  .hf .pricing-calculator--simple .pricing-form .bottom-area {
    background-color: transparent;
    border-top: 5px #eee solid;
    padding-top: 20px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
  }
  .hf .pricing-calculator .pricing-form .bottom-area a,
  .hf .pricing-calculator--simple .pricing-form .bottom-area a {
    display: block;
  }
  .hf .pricing-calculator .pricing-form .instructions-text,
  .hf .pricing-calculator--simple .pricing-form .instructions-text {
    font-size: 14px;
    color: #a1a1a1;
  }
  .hf .pricing-calculator .pricing-form .input-area,
  .hf .pricing-calculator--simple .pricing-form .input-area {
    margin: 15px 0 30px 0;
    display: block;
  }
  .hf .pricing-calculator .pricing-form .input-area .left-image,
  .hf .pricing-calculator .pricing-form .input-area .right-image,
  .hf .pricing-calculator--simple .pricing-form .input-area .left-image,
  .hf .pricing-calculator--simple .pricing-form .input-area .right-image {
    display: none;
  }
  .hf .pricing-calculator .pricing-form .input-area input,
  .hf .pricing-calculator--simple .pricing-form .input-area input {
    margin: 0;
    width: 100%;
    max-width: 290px;
  }
  .hf .pricing-calculator .pricing-form .headline,
  .hf .pricing-calculator--simple .pricing-form .headline {
    font-size: 17px;
    font-weight: 400;
    padding: 30px 15px 20px 15px;
    margin: 0;
  }
  .hf .pricing-calculator .pricing-form .text,
  .hf .pricing-calculator--simple .pricing-form .text {
    font-size: 14px;
    width: 100%;
  }
  .hf .pricing-calculator .pricing-form .lightbox-wrapper .lightbox,
  .hf .pricing-calculator--simple .pricing-form .lightbox-wrapper .lightbox {
    width: 90%;
  }
  .hf .pricing-calculator .pricing-form .calculated-area .result-sections-container,
  .hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container {
    display: block;
    padding: 0 15px 0 15px;
  }
  .hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card,
  .hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 30px 37px 20px 37px;
  }
  .hf .pricing-calculator .pricing-form .calculated-area .result-sections-container .result-section-card:last-child,
  .hf .pricing-calculator--simple .pricing-form .calculated-area .result-sections-container .result-section-card:last-child {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .hf .pricing-calculator--simple .pricing-form .calculated-area a.download-mobile {
    display: inline-block;
  }
  .hf .pricing-calculator--simple .pricing-form .calculated-area a.download-desktop {
    display: none;
  }
}
@media (min-width: 1025px) {
  .hf .pricing-calculator--simple .pricing-form .calculated-area a.download-mobile {
    display: none;
  }
  .hf .pricing-calculator--simple .pricing-form .calculated-area a.download-desktop {
    display: inline-block;
  }
}
.hf .pricing-calculator--multiple {
  padding: 30px 0 60px 0;
}
.hf .pricing-calculator--multiple p {
  margin: 0;
}
.hf .pricing-calculator--multiple .pricing-form {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple .pricing-form .bold.text {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple .pricing-form .bold.text i {
    float: right;
  }
}
.hf .pricing-calculator--multiple .pricing-form .input-area {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple .pricing-form .input-area input {
    max-width: 100%;
  }
}
.hf .pricing-calculator--multiple .pricing-form .instructions-text {
  margin-top: 30px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__cards {
  display: none;
}
@media (min-width: 768px) {
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__cards > div {
    display: flex;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__cards > div > div {
    display: flex;
    flex-basis: calc(100% + 30px);
  }
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__group {
  display: flex;
  height: 100%;
  flex-flow: column nowrap;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__wrapper {
  display: flex;
  height: 100%;
  flex-flow: column nowrap;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__wrapper > .row:not(:first-child) {
  height: 100%;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__header {
  padding-bottom: 10px;
  margin-top: 30px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__header span {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__header {
    padding-bottom: 15px;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__header.calculated-area__group__header--orange {
    border-bottom: 6px solid #f99d1c;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__header.calculated-area__group__header--green {
    border-bottom: 6px solid #81c23c;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__group .calculated-area__group__header.calculated-area__group__header--blue {
    border-bottom: 6px solid #04c9d7;
  }
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product {
  display: flex;
  height: 100%;
  flex-flow: column nowrap;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card {
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
  height: 100%;
  padding-bottom: 30px;
  display: flex;
  flex-flow: column wrap;
  margin: 15px 0 0;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .header {
  margin-top: 24px;
  padding: 0 20px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .header .title {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .header .subtitle {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .header {
    margin-top: 20px;
  }
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .price {
  margin-top: 20px;
  padding: 0 20px;
  font-size: 42px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .price {
    order: -1;
    margin-top: 30px;
  }
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  margin-top: 15px;
  width: auto;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .text p {
  margin-bottom: 10px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .text ul {
  padding: 0;
  margin: 0 15px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .text ul li:not(:first-child) {
  margin-top: 10px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta {
  display: flex;
  flex-flow: column wrap;
  justify-content: start;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta {
    min-height: 94px;
  }
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta .calcResultBtn {
  padding: 10px 25px 10px 25px;
  font-weight: 700;
  display: inline-block;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta .calcResultBtn:active,
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta .calcResultBtn:focus,
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta .calcResultBtn:hover {
  text-decoration: none;
  outline: 0;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta .under-price-text {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 8px;
}
.hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card .cta .under-price-text a {
  color: #f99d1c;
}
@media (min-width: 768px) {
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card {
    margin: 0 -7.5px;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card.calculated-area__product__card--orange {
    border-top: 6px solid #f99d1c;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card.calculated-area__product__card--green {
    border-top: 6px solid #81c23c;
  }
  .hf .pricing-calculator--multiple .pricing-form .calculated-area__product .calculated-area__product__card.calculated-area__product__card--blue {
    border-top: 6px solid #04c9d7;
  }
}
.hf .pricing-calculator--multiple .pricing-calculator__product-comparison {
  margin-top: 20px;
  text-align: center;
}
.hf .pricing-calculator--multiple .pricing-calculator__product-comparison a {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .hf .pricing-calculator--multiple {
    padding-top: 0;
  }
}
.hf .combined-saas-calc {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: #fafafa;
}
.hf .combined-saas-calc .headline {
  margin: 78px 20px 10px 40px;
  font-size: 24px;
  font-weight: 300;
  color: #444;
}
.hf .combined-saas-calc .subheadline {
  margin: 0 20px 29px 40px;
  font-size: 18px;
  color: #444;
}
.hf .combined-saas-calc .total {
  margin: 0 0 10px 40px;
  font-size: 16px;
  font-weight: 500;
  color: #a1a1a1;
}
.hf .combined-saas-calc .total-yearly {
  margin: 0 0 30px 40px;
  font-family: Roboto;
  font-size: 32px;
  font-weight: 700;
  text-align: right;
  color: #444;
}
.hf .combined-saas-calc .total-yearly .price {
  float: left;
}
.hf .combined-saas-calc .total-yearly .price-suffix {
  float: left;
  font-size: 16px;
  color: #a1a1a1;
  padding-top: 15px;
  padding-left: 3px;
}
.hf .combined-saas-calc .modal-buttons {
  margin-left: 40px;
  margin-top: 75px;
}
.hf .combined-saas-calc .modal-buttons .btnContainer {
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
}
.hf .combined-saas-calc .modal-buttons .btnContainer .button {
  text-decoration: none;
  display: inline-block;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.hf .combined-saas-calc .saas-product-licenses {
  margin-top: 30px;
}
.hf .combined-saas-calc .saas-product-licenses ul {
  list-style-type: none;
}
.hf .combined-saas-calc .saas-product-licenses ul li {
  color: #444;
}
.hf .combined-saas-calc .saas-product-licenses ul li .yellow-border {
  border-left: 5px solid #fbe04b;
}
.hf .combined-saas-calc .saas-product-licenses ul li .blue-border {
  border-left: 5px solid #04c9d7;
}
.hf .combined-saas-calc .saas-product-licenses ul li .orange-border {
  border-left: 5px solid #f99d1c;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info {
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-name {
  font-size: 18px;
  font-weight: 700;
  padding: 28px 0 27px 25px;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info .license-description {
  border: solid 2px #ccc;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 15px;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing {
  padding: 14px 0 14px 43px;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing .price {
  float: left;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing .price-suffix {
  float: left;
  font-size: 16px;
  color: #a1a1a1;
  padding-top: 7.5px;
  padding-left: 3px;
  font-weight: 700;
}
.hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing .bill-type {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.29;
  padding-top: 2px;
  float: left;
}
@media (max-width: 992px) {
  .hf .combined-saas-calc .headline {
    margin: 30px 0 10px 0;
  }
  .hf .combined-saas-calc .subheadline {
    margin: 0 0 30px 0;
  }
  .hf .combined-saas-calc .total {
    margin: 15px 0 10px 0;
  }
  .hf .combined-saas-calc .total-yearly {
    margin-left: 0;
  }
  .hf .combined-saas-calc .modal-buttons {
    margin-left: 0;
    margin-top: 80px;
  }
  .hf .combined-saas-calc .saas-product-licenses {
    margin-top: 10px;
    margin-right: 0;
  }
  .hf .combined-saas-calc .saas-product-licenses ul {
    padding: 0;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li {
    margin-bottom: 15px;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info {
    margin: 0;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-name {
    padding-bottom: 20px;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info .license-description {
    margin: 0 20px 20px 25px;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing {
    padding: 0 0 14px 25px;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing .price {
    font-size: 32px;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing span {
    padding-top: 12px;
  }
  .hf .combined-saas-calc .saas-product-licenses ul li .product-info .product-pricing .bill-type {
    padding-top: 5px;
    padding-right: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .hf .navbar.navbar-default.government.government-ultra {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    height: 50px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header {
    background-color: #444;
    min-width: 100%;
    margin-right: -15px;
    margin-left: -15px;
    height: 50px;
    border-bottom: none;
    padding-left: 15px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle-menu {
    margin-top: 11px;
    margin-left: 65px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle-menu .language-toggle {
    font-size: 12px;
    color: #fff;
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle-menu .language-toggle:hover {
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle-menu .language-dropdown {
    text-align: left;
    max-width: 120px;
    min-width: 100px;
    left: 50px;
    margin: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle-menu .language-dropdown a {
    font-size: 14px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle {
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: #444;
    height: auto;
    width: 60px;
    padding-top: 20px;
    padding-bottom: 0;
    position: static;
    left: 48px;
    display: block;
    min-height: initial;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle:hover {
    cursor: pointer;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
    transition: all 0.25s;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle.open .icon-bar + .icon-bar {
    margin-top: -2px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle.open .hamburgerTop-bun {
    -webkit-transform: rotate(45deg) translateY(0);
    transform: rotate(45deg) translateY(0);
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle.open .hamburgerBottom-bun {
    -webkit-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0);
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-brand {
    padding-top: 0;
    padding-left: 0;
    margin-left: 0;
    height: 50px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-brand .navbar-toggle-menu {
    width: 100%;
    min-height: 55px;
    background-color: #444;
    position: absolute;
    left: 108px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-brand .flare {
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-brand .flare img {
    padding-top: 5px;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-brand .mobile {
    display: block;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-brand .mobile img {
    width: 150px;
    height: 50px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container {
    width: 100%;
    padding: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse {
    display: none !important;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in {
    display: block !important;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 5px solid #04c9d7;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle {
    float: initial;
    padding-left: 10px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.separator {
    border-top: none;
    border-bottom: 2px dotted #ccc;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.open .government-submenu {
    display: block;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.open .mobile-menu-icon .expand::before {
    content: '';
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle:first-child {
    padding-top: 5px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle:last-child {
    border-bottom: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.phone-area {
    display: block;
    height: 46px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.phone-area .callPhone {
    color: #a1a1a1;
    display: block;
    padding: 0;
    line-height: 46px;
    font-size: 14px;
    font-weight: 700;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.phone-area .callPhone:hover {
    color: #a1a1a1;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.contact-us-area {
    height: 46px;
    border-bottom: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.contact-us-area .contactUs {
    line-height: 46px;
    background-color: transparent;
    font-weight: 700;
    font-size: 14px;
    color: #f99d1c;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle.contact-us-area .contactUs:hover {
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .mobile-menu-icon {
    float: right;
    display: inline-block;
    padding: 15px 10px 5px 5px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .mobile-menu-icon .expand {
    margin-top: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .mobile-menu-icon .expand:before {
    font-family: FontAwesome;
    font-size: 18px;
    content: '';
    color: #ccc;
    background-color: transparent;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .menu-headline {
    color: #a1a1a1;
    display: inline-block;
    margin-left: initial !important;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .menu-headline:hover {
    border-bottom: none;
    height: auto;
    color: #a1a1a1;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .menu-headline:after {
    content: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu {
    display: none;
    padding-top: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu {
    padding-left: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .helpBox {
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .submenu-header {
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .view-all-section {
    padding: 10px 0 10.5px 0;
    font-size: 14px;
    font-weight: 500;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .view-all-section a {
    color: #f99d1c;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .view-all-section a:hover {
    color: #fab024;
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .view-all-section a:active,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .view-all-section a:focus {
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .submenu-col-items {
    list-style: none;
    padding-left: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .submenu-col-items li {
    padding: 10px 0 10px 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .submenu-col-items li a {
    color: #444;
    font-size: 14px;
    font-weight: 700;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .submenu-col-items li.hide-mobile {
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in .navbar-nav .menu-toggle .government-submenu .submenu .submenu-section .submenu-col-items li:first-child {
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .hf .navbar.navbar-default.government.government-ultra {
    height: 50px;
    min-height: 50px;
    margin-right: 0;
    margin-left: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container {
    width: auto;
    margin-left: -15px;
    margin-right: auto;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-header {
    padding-left: 30px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-header .navbar-toggle .icon-bar {
    margin-left: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-header .navbar-toggle-menu {
    min-height: 50px;
    margin-top: 11px;
    margin-left: 0;
    display: block;
    min-height: 39px;
    width: auto;
    left: 80px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-header .navbar-toggle-menu .language-toggle {
    position: initial;
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-header .navbar-toggle-menu .language-dropdown {
    left: -10px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in {
    border-bottom: none;
    border-left: none;
    width: 100%;
    margin: 0;
    padding-left: 15px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in #government-nav .menu-toggle .menu-headline {
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse.in #government-nav .menu-toggle .mobile-menu-icon .expand {
    background-image: none;
  }
}
@media (min-width: 1200px) {
  .hf .navbar.navbar-default.government.government-ultra {
    height: 46px;
    border-bottom: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .navbar-header .navbar-toggle-menu {
    display: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse {
    height: 46px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav {
    height: 46px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .government {
    height: 46px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .phone-area.menu-toggle {
    float: right;
    padding: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .phone-area a.callPhone {
    padding: 13px 15px;
    font-size: 14px;
    font-weight: 700;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .phone-area p.callPhone {
    padding: 13px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 22px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .contact-us-area {
    float: right;
    display: flex;
    align-items: center;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .contact-us-area a.contactUs {
    display: inline-block;
    font-weight: 700;
    height: auto;
    padding: 9px 25px;
    font-size: 14px;
    text-transform: uppercase;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .contact-us-area a.contactUs:focus,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav .contact-us-area a.contactUs:hover {
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle {
    padding: 0 20px;
    position: static;
    height: 46px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle.open a.menu-headline {
    border-bottom: none;
    color: #ccc;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle.open .government-submenu {
    visibility: visible;
    display: block !important;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle.open .arrow:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle a.menu-headline {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    line-height: 46px;
    height: 46px;
    margin: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle a.menu-headline.arrow:after {
    margin-right: 5px;
    font-family: FontAwesome;
    content: " ";
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    right: -20px;
    top: -1px;
    position: absolute;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle a.menu-headline:hover {
    border-bottom: none;
    color: #ccc;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle:first-child {
    padding: 0 20px 0 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle:last-child {
    padding: 0 10px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu {
    width: 1200px;
    padding: 0;
    border: none;
    left: calc((100% - 1200px)/2);
    top: 46px;
    visibility: hidden;
    position: absolute;
    transition: all 0.1s;
    z-index: 1;
    transition-delay: 0.4s;
    background-color: #fff;
    padding-left: 15px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu {
    display: flex;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .view-all {
    font-size: 14px;
    font-weight: 500;
    color: #f99d1c;
    display: block;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .view-all:hover {
    color: #fab024;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox {
    display: inline-block;
    position: relative;
    right: -16px;
    width: 100%;
    max-width: 332px;
    background-color: #eee;
    overflow: hidden;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .colored-background {
    background-color: #04c9d7;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox a:active,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox a:hover {
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox a h3,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox a:active h3,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox a:hover h3 {
    color: #444;
    text-decoration: none;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .colored-background {
    background-color: #b8d757;
    height: 302px;
    width: 370px;
    position: absolute;
    top: -43px;
    left: -23px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    padding: 0 10px;
    min-height: 487px;
    margin-top: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox.supportTab {
    margin-top: 0;
    min-height: 357px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox .h3-header {
    line-height: normal;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #444;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox img {
    width: 260px;
    height: 162.5px;
    margin-bottom: 30px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox .learn {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    font-size: 14px;
    display: block;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox .learn:hover,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox:hover .learn {
    text-decoration: underline !important;
    color: #fab024;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox .learn:active,
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .helpBox > .innerHelpBox:active .learn {
    text-decoration: underline !important;
    color: #f88e16;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 30px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .submenu-header {
    font-size: 14px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 6px;
    border-bottom: 2px #04c9d7 solid;
    margin-bottom: 0;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .menu-column {
    width: 285px;
    float: left;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .menu-column .menu-subheadline {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    height: 22px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .submenu-col-items {
    list-style: none;
    padding-left: 0;
    width: 272px;
    vertical-align: top;
    display: inline-block;
    padding-top: 11px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .submenu-col-items li {
    padding-bottom: 12px;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .submenu-col-items li a {
    font-size: 14px;
    color: #444;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .submenu-col-items li a.view-all {
    font-size: 14px;
    font-weight: 500;
    color: #f99d1c;
    display: block;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav li.menu-toggle .government-submenu .submenu-section .submenu-col-items li a.view-all:hover {
    color: #fab024;
  }
  .hf .navbar.navbar-default.government.government-ultra .container .navbar-collapse.collapse .navbar-nav.government {
    padding: 0 10px;
  }
}
.hf .spy-cloud-short-form {
  text-align: center;
  margin: 30px auto;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .hf .spy-cloud-short-form svg.big {
    width: 210px;
  }
  .hf .spy-cloud-short-form .left-side .reg-row input#ci_email {
    width: 229px;
  }
}
.hf .spy-cloud-short-form .headline {
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: center;
  color: #04c9d7;
  margin: 0 auto 5px;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .headline {
    font-size: 32px;
    line-height: 34px;
    max-width: 290px;
  }
}
.hf .spy-cloud-short-form .sub-headline {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 27px;
  letter-spacing: normal;
  color: #444;
  margin: 0 auto 29px;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .sub-headline {
    font-size: 17px;
    line-height: 20.5px;
    margin: 0 auto 30px;
    max-width: 290px;
  }
}
.hf .spy-cloud-short-form .left-side {
  display: inline-block;
  float: left;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .left-side {
    width: 100%;
  }
  .hf .spy-cloud-short-form .left-side > div {
    width: 100%;
    max-width: 290px;
  }
}
.hf .spy-cloud-short-form .left-side > div {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.hf .spy-cloud-short-form .left-side .left-image {
  height: 30px;
}
.hf .spy-cloud-short-form .left-side input#ci_email {
  margin-left: 15px;
  width: 364px;
  height: 40px;
  font-size: 16px;
  color: #444;
  font-weight: 500;
  padding: 10px;
  border: 2px solid #ccc;
  text-overflow: ellipsis;
  outline: 0;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .left-side input#ci_email {
    max-width: 290px;
    width: 100%;
    font-size: 14px;
    padding: 8px 15px;
    height: 34px;
    margin-left: 0;
  }
  .hf .spy-cloud-short-form .left-side input#ci_email::-webkit-input-placeholder {
    text-align: center;
  }
  .hf .spy-cloud-short-form .left-side input#ci_email::-moz-placeholder {
    text-align: center;
  }
  .hf .spy-cloud-short-form .left-side input#ci_email::-ms-input-placeholder {
    text-align: center;
  }
  .hf .spy-cloud-short-form .left-side input#ci_email::placeholder {
    text-align: center;
  }
  .hf .spy-cloud-short-form .left-side input#ci_email::-ms-input-placeholder {
    text-align: center;
  }
  .hf .spy-cloud-short-form .left-side input#ci_email:-ms-input-placeholder {
    text-align: center;
  }
}
.hf .spy-cloud-short-form .left-side input#ci_email:-internal-autofill-selected {
  background-color: #fff !important;
  color: #444 !important;
}
.hf .spy-cloud-short-form .left-side input#ci_email::-webkit-input-placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .spy-cloud-short-form .left-side input#ci_email::-moz-placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .spy-cloud-short-form .left-side input#ci_email::-ms-input-placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .spy-cloud-short-form .left-side input#ci_email::placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .spy-cloud-short-form .left-side input#ci_email::-ms-input-placeholder {
  color: #a1a1a1;
}
.hf .spy-cloud-short-form .left-side input#ci_email:-ms-input-placeholder {
  color: #a1a1a1;
}
.hf .spy-cloud-short-form .left-side input#ci_email::-ms-clear {
  display: none;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label {
  border-color: #cf0e21;
  background: #fdf0f0;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label::-webkit-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label::-moz-placeholder {
  text-align: left;
  color: #444;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label::-ms-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label::placeholder {
  text-align: left;
  color: #444;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label::-ms-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label:-ms-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .spy-cloud-short-form .left-side input#ci_email.error-label ~ .error-icon {
  opacity: 1;
}
.hf .spy-cloud-short-form .left-side .error-icon {
  position: absolute;
  color: #cf0e21;
  font-size: 13px;
  top: 14px;
  right: 10px;
  opacity: 0;
  transition: 0.6s linear all;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .left-side .error-icon {
    top: 10.5px;
  }
}
.hf .spy-cloud-short-form .left-side label.error-label {
  color: #cf0e21;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  margin: 0;
  display: inline;
  line-height: 20px;
  top: -20px;
  right: 10px;
}
.hf .spy-cloud-short-form .right-side {
  display: inline-block;
  margin-left: 10px;
  float: left;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .right-side {
    margin-left: 0;
    float: none;
  }
}
.hf .spy-cloud-short-form .right-side > div {
  display: inline-block;
  vertical-align: middle;
}
.hf .spy-cloud-short-form .right-side a.btnGreen.btn {
  width: 229px;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 10px 16px;
  white-space: normal;
  height: 40px;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .hf .spy-cloud-short-form .right-side a.btnGreen.btn {
    width: 184px;
    height: 34px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    margin-top: 20px;
    margin-right: 0;
  }
}
.hf .spy-cloud-short-form .right-side .right-image {
  height: 30px;
}
.hf .search-hero .headline {
  margin-top: 47px;
  font-family: Roboto;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.44px;
}
.hf .search-hero .search-input {
  margin: 20px 0 47px 0;
  font-family: Roboto;
  position: relative;
  border-collapse: separate;
}
.hf .search-hero .search-input input {
  border: solid 2px #ccc;
  height: 36px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.23px;
  color: #444;
  padding: 10px 0 10px 15px;
}
.hf .search-hero .search-input input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.23px;
  color: #a1a1a1;
}
.hf .search-hero .search-input input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.23px;
  color: #a1a1a1;
}
.hf .search-hero .search-input input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.23px;
  color: #a1a1a1;
}
.hf .search-hero .search-input input::placeholder {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.23px;
  color: #a1a1a1;
}
.hf .search-hero .search-input input:focus {
  outline: 0;
}
.hf .search-hero .search-input .input-addon {
  top: -27px;
  right: 10px;
  border: none;
  background: 0 0;
  position: relative;
  float: right;
}
.hf .search-hero .search-input img {
  max-height: 20px;
}
.hf .search-hero img {
  float: right;
  max-width: 100%;
}
@media (max-width: 767px) {
  .hf .search-hero .headline {
    margin: 30px 0 0 10px;
    font-size: 24px;
    letter-spacing: normal;
    text-align: center;
  }
  .hf .search-hero .search-input {
    margin: 24px 0 41px 0;
  }
  .hf .search-hero img {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 41px;
  }
  .hf .search-hero .hide-search-image {
    display: none;
  }
}
@media (max-width: 768px) {
  .hf .search-hero .headline {
    margin: 30px 0 0 0;
  }
  .hf .search-hero .search-input {
    margin: 24px 0 41px 0;
  }
}
.hf .embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #666;
  font-family: Arial, sans-serif;
}
.hf .embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 1px solid #666;
}
@media (min-width: 1200px) {
  .hf .brandsite-global-nav .container .navbar-collapse .nav.left-block li a.menu-headline:hover {
    color: #ccc;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle:nth-child(2) .communityTab .helpBox .colored-background {
    background-color: #f99d1c;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle:nth-child(3) .communityTab .helpBox .colored-background {
    background-color: #04c9d7;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle:nth-child(4) .communityTab .helpBox .colored-background {
    background-color: #81c23c;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle:nth-child(5) .communityTab .helpBox .colored-background {
    background-color: #fbe04b;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox {
    display: inline-block;
    position: relative;
    right: -16px;
    width: 300px;
    min-width: 300px;
    background-color: #eee;
    overflow: hidden;
    min-height: 485px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox a:active,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox a:hover {
    text-decoration: none;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox a h3,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox a:active h3,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox a:hover h3 {
    color: #444;
    text-decoration: none;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .colored-background {
    background-color: #b8d757;
    height: 302px;
    width: 370px;
    position: absolute;
    top: -43px;
    left: -23px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    padding: 0 10px;
    min-height: 487px;
    margin-top: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox.supportTab {
    margin-top: 0;
    min-height: 357px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox .h3-header {
    line-height: normal;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #444;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox img {
    width: 260px;
    height: 162.5px;
    margin-bottom: 30px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox .learn {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    font-size: 14px;
    display: block;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox .learn:hover,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox:hover .learn {
    text-decoration: underline !important;
    color: #fab024;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox .learn:active,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .helpBox > .innerHelpBox:active .learn {
    text-decoration: underline !important;
    color: #f88e16;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .tabsContainerMegaMenu .outerTabs .icons li.nav-bottom-bar {
    bottom: 0;
    width: 245px;
    position: absolute;
    order: 10;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .tabsContainerMegaMenu .outerTabs .icons li.nav-bottom-bar:hover {
    background-color: #fab024;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .tabsContainerMegaMenu .outerTabs .icons li a .category-container.row {
    padding-left: 14px;
    padding-right: 14px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .tabsContainerMegaMenu .outerTabs .icons li a .category-container.row i {
    padding-right: 24px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .tabsContainerMegaMenu .outerTabs .icons li a .category-container.row span {
    padding-right: 0;
    padding-left: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .product-type .product-type {
    padding-left: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .category-links {
    padding-bottom: 47px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link a,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link-global a {
    margin-top: 0;
    margin-bottom: 33px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link a.learnMore,
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link-global a.learnMore {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    margin-top: 4px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link {
    position: inherit;
    bottom: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link-global {
    position: absolute;
    height: auto !important;
    bottom: 15px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .view-all-in-category-link-global a {
    margin-bottom: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .submenuItems {
    font-weight: 700;
    font-size: 14px;
    color: #444;
    margin-bottom: 0;
    line-height: normal;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .listItemSmall {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 10px 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .tabs .tabWrapper {
    padding-left: 20px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .tabs .tabWrapper .row {
    height: 100%;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .miniSubItems {
    padding-left: 0;
    margin-left: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu .miniSubItems .listItemSmall {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab {
    padding-left: 30px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .menu-column {
    width: 285px;
    float: left;
    padding-bottom: 35px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .menu-column .menu-subheadline {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    height: 22px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .menu-column .submenuItems li {
    margin-bottom: 12px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .menu-column .submenuItems li a {
    font-size: 14px;
    font-weight: 400;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox {
    display: block;
    position: relative;
    right: -14px;
    width: 300px;
    background-color: #eee;
    overflow: hidden;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .colored-background {
    height: 302px;
    width: 370px;
    position: absolute;
    top: -43px;
    left: -23px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .innerHelpBox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    padding: 0 10px;
    min-height: 487px;
    margin-top: 0;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .innerHelpBox:hover {
    text-decoration: none;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .innerHelpBox .h3-header {
    line-height: normal;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #444;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .innerHelpBox img {
    width: 260px;
    height: 162.5px;
    margin-bottom: 30px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .innerHelpBox .learn {
    text-decoration: none;
    color: #f99d1c;
    font-weight: 700;
    font-size: 14px;
    display: block;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .nav .menu-toggle .ultra-menu .dropdownMenu.communityTab .helpBox .innerHelpBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .right-block {
    right: 30px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .right-block .nav.navbarUltra-nav.ultraDesktop #top-nav-open-search {
    color: #fff;
    position: absolute;
    top: 12px;
    right: 0.1px;
  }
  .hf .brandsite-global-nav .container .navbar-collapse .right-block .nav.navbarUltra-nav.ultraDesktop #top-nav-open-search:hover {
    color: #ccc;
  }
}
@media (max-width: 1199px) {
  .hf .brandsite-global-nav .navbar-header .navbar-brand a.mobile img,
  .hf .navbar-gov .navbar-header .navbar-brand a.mobile img {
    padding-top: 10px;
  }
  .hf .brandsite-global-nav .navbar-header button.navbar-toggle.ultra.collapsed,
  .hf .navbar-gov .navbar-header button.navbar-toggle.ultra.collapsed {
    position: absolute;
    right: 0;
    left: initial;
  }
  .hf .brandsite-global-nav .navbar-header button.navbar-toggle.ultra .hamburger .hamburgerBottom-bun,
  .hf .brandsite-global-nav .navbar-header button.navbar-toggle.ultra .hamburger .hamburgerTop-bun,
  .hf .navbar-gov .navbar-header button.navbar-toggle.ultra .hamburger .hamburgerBottom-bun,
  .hf .navbar-gov .navbar-header button.navbar-toggle.ultra .hamburger .hamburgerTop-bun {
    height: 2px;
  }
  .hf .brandsite-global-nav .navbar-header .navbar-toggle-menu.ultra .language-toggle-ultra,
  .hf .navbar-gov .navbar-header .navbar-toggle-menu.ultra .language-toggle-ultra {
    font-size: 12px;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in,
  .hf .navbar-gov .navbar-collapse.collapsing,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in {
    border-bottom: 5px solid #04c9d7;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .view-menu-toggle.separator,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .view-menu-toggle.separator,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .view-menu-toggle.separator,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .view-menu-toggle.separator {
    display: none !important;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator {
    border-top: 2px dotted #ccc;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator > a,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator > a,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator > a,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator > a {
    color: #a1a1a1;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator a:focus,
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator a:hover,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator a:focus,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator a:hover,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator a:focus,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator a:hover,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator a:focus,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator a:hover {
    background-color: transparent;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .icon-menu-headline,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .icon-menu-headline,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .icon-menu-headline,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .icon-menu-headline {
    display: inline-block;
    padding: 0;
    font-weight: 400;
    float: right;
    padding-right: 20px;
    clear: both;
    margin-left: 8px;
    line-height: 1.42857143;
    color: #444;
    white-space: nowrap;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand {
    display: inline-block;
    background-image: none;
    width: 17px;
    height: 17px;
    margin-top: 10px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #444;
    white-space: nowrap;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand::before,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand::before,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand::before,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .icon-menu-headline .expand::before {
    font-family: FontAwesome;
    font-size: 18px;
    content: '';
    color: #ccc;
    background-color: transparent;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child {
    border-top: none;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline {
    color: #f99d1c;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline::before,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline::before,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline::before,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .dropdown-toggle.menu-subheadline::before {
    content: "+";
    margin-right: 5px;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .mobile-menu-icon,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .mobile-menu-icon,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .mobile-menu-icon,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator:first-child .menu-item.dropdown.nav-bottom-bar .mobile-menu-icon {
    visibility: hidden;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline {
    font-size: 14px;
    padding-left: 10px;
    line-height: 44px;
    width: 80%;
    display: inline-block;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline:hover,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline:hover,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline:hover,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-toggle.menu-headline:hover {
    color: #a1a1a1;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .dropdown-toggle.menu-headline,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .dropdown-toggle.menu-headline,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .dropdown-toggle.menu-headline,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .dropdown-toggle.menu-headline {
    color: #a1a1a1;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu {
    display: flex;
    flex-direction: column;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu .menu-item.dropdown.products.open .dropdown-menu,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu .menu-item.dropdown.products.open .dropdown-menu,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu .menu-item.dropdown.products.open .dropdown-menu,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .dropdown-menu.ultra-menu .menu-item.dropdown.products.open .dropdown-menu {
    display: flex;
    flex-direction: column;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:focus,
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:hover,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:focus,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:hover,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:focus,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:hover,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:focus,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline:hover {
    background-color: transparent;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline .expand::before,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline .expand::before,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline .expand::before,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator.open .icon-menu-headline .expand::before {
    font-family: FontAwesome;
    font-size: 18px;
    content: '';
    color: #ccc;
    background-color: transparent;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu {
    display: none;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar {
    order: 10;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar .mobile-menu-icon,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar .mobile-menu-icon,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar .mobile-menu-icon,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products.nav-bottom-bar .mobile-menu-icon {
    visibility: hidden;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link {
    order: 10;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link a,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link a,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link a,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown.products .dropdown-menu .view-all-link a {
    color: #f99d1c;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown a.mobile-menu-icon,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown a.mobile-menu-icon,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown a.mobile-menu-icon,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown a.mobile-menu-icon {
    float: right;
    padding-right: 20px;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-toggle.menu-subheadline,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-toggle.menu-subheadline,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-toggle.menu-subheadline,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-toggle.menu-subheadline {
    font-size: 14px;
    text-transform: initial;
    padding-left: 2px;
    line-height: 34px;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu {
    padding: 0;
  }
  .hf .brandsite-global-nav .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu li a,
  .hf .brandsite-global-nav .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu li a,
  .hf .navbar-gov .navbar-collapse.collapsing .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu li a,
  .hf .navbar-gov .navbar-collapse.ultra.collapse.in .navbarUltra-nav.ultraMobile .separator .dropdown-menu.ultra-menu .menu-item.dropdown .dropdown-menu li a {
    font-size: 12px;
    margin-left: 0;
  }
}
.hf #vyLightbox {
  display: none;
}
.hf .lightboxlaunch {
  cursor: pointer;
}
.hf #vidyard-overlay-wrapper {
  z-index: 999;
}
.hf .popup-video.vidyard .producthero--heroimage {
  display: none !important;
}
.hf .vidyard-player-container .vidyard-lightbox-centering {
  padding-bottom: 56.25% !important;
}
.hf .product-pricing .pricing-table {
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
  padding: 20px 20px 30px 20px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.hf .product-pricing .pricing-table .table {
  margin-bottom: 0;
}
.hf .product-pricing .pricing-table .table tbody tr:first-child td {
  border-top: none;
}
.hf .product-pricing .pricing-table .product-name {
  font-size: 18px;
}
.hf .product-pricing .pricing-table .column-title {
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
  padding-left: 0;
  border-bottom: none;
}
.hf .product-pricing .pricing-table .column-title:last-child {
  padding-left: 60px;
}
.hf .product-pricing .pricing-table .license-column {
  padding-left: 0;
  border-top: 2px dotted #ccc;
  width: 850px;
}
.hf .product-pricing .pricing-table .pricing-column {
  font-weight: 700;
  border-top: 2px dotted #ccc;
  text-align: right;
  border-left: 2px solid #fff;
}
.hf .product-pricing .pricing-table .bottom-description {
  margin-bottom: 0;
  margin-top: 22px;
  word-break: break-word;
}
.hf .product-pricing .not-found-content {
  margin-top: 20px;
  margin-bottom: 30px;
  display: none;
}
.hf .product-pricing .search-area {
  margin-top: 30px;
}
.hf .product-pricing .search-area .autocomplete {
  position: relative;
  display: inline-block;
}
.hf .product-pricing .search-area .autocomplete-wrapper {
  border: 2px solid #ccc;
  border-top: none;
  background-color: #fff;
  padding-right: 7px;
  padding-top: 9px;
  padding-bottom: 10px;
  position: absolute;
  width: calc(100% - 30px);
  z-index: 1;
}
.hf .product-pricing .search-area .autocomplete-items {
  border-bottom: none;
  border-top: none;
  font-size: 14px;
  top: 100%;
  left: 0;
  right: 0;
  text-align: left;
  max-height: 130px;
  overflow: auto;
  background-color: #fff;
}
.hf .product-pricing .search-area .autocomplete-items.no-border {
  border: none;
}
.hf .product-pricing .search-area .autocomplete-items::-webkit-scrollbar {
  width: 8px;
}
.hf .product-pricing .search-area .autocomplete-items::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 10px;
}
.hf .product-pricing .search-area .autocomplete-items div {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  background-color: #fff;
  text-transform: capitalize;
  padding-left: 15px;
  line-height: normal;
}
.hf .product-pricing .search-area .autocomplete-items div:first-child {
  margin-top: 0;
}
.hf .product-pricing .search-area .autocomplete-items div:hover {
  background-color: #eee;
}
.hf .product-pricing .search-area .autocomplete-active {
  background-color: #eee;
}
.hf .product-pricing .search-area .predictive-list {
  display: none;
}
.hf .product-pricing .search-area .form-control {
  display: inline-block;
  border: 2px solid #ccc;
  font-size: 14px;
  border-radius: 0;
  letter-spacing: 0.23;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  color: #a1a1a1;
}
.hf .product-pricing .search-area .form-control.search-input {
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.hf .product-pricing .search-area .form-control.search-input:active,
.hf .product-pricing .search-area .form-control.search-input:focus,
.hf .product-pricing .search-area .form-control.search-input:hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.hf .product-pricing .search-area .form-control.search-input::-webkit-calendar-picker-indicator {
  display: none;
}
.hf .product-pricing .search-area .form-control.search-input::-ms-clear {
  display: none;
}
.hf .product-pricing .search-area button.btn {
  position: absolute;
  background: 0 0;
  color: #ccc;
  right: 15px;
  outline: 0;
}
.hf .product-pricing .search-area button.btn.clear {
  display: none;
  position: absolute;
  background: 0 0;
  color: #ccc;
  right: 15px;
  outline: 0;
  top: 0;
}
.hf .product-pricing .search-area #search-clear-btn {
  margin-left: -45px;
  outline: 0;
}
.hf .product-pricing .search-area #search-clear-btn i {
  font-size: 10px;
}
.hf .perpetual-container {
  display: flex;
  align-items: baseline;
}
.hf .perpetual-icon {
  margin-left: 10px;
  color: #000;
}
@media (max-width: 767px) {
  .hf .product-pricing .pricing-table .product-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .hf .product-pricing .pricing-table .column-title:last-child {
    padding-left: 30px;
  }
  .hf .product-pricing .pricing-table .dotted-top-border {
    background-image: linear-gradient(to right, #a1a1a1 40%, #fff 20%);
    background-position: top;
    background-size: 5px 2px;
    background-repeat: repeat-x;
    width: 100%;
    height: 2px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .hf .product-pricing .pricing-table .bottom-description {
    font-size: 14px;
  }
  .hf .product-pricing .search-area .autocomplete {
    width: 100%;
  }
  .hf .product-pricing .search-area .form-control {
    width: 100%;
  }
  .hf .product-pricing .pricing-table .license-title {
    font-size: 12px;
    font-weight: 500;
    color: #a1a1a1;
  }
  .hf .product-pricing .pricing-table .license-details {
    padding-bottom: 15px;
    font-size: 14px;
  }
  .hf .product-pricing .pricing-table .price-details {
    font-size: 14px;
    font-weight: 700;
    color: #444;
  }
}
.hf .product-comparison-details {
  margin-top: 40px;
  margin-bottom: 70px;
}
.hf .product-comparison-details .rating-total {
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
  color: #a1a1a1;
}
.hf .product-comparison-details .rating {
  text-align: center;
  font-size: 1.5em;
  color: #f99d1c;
}
.hf .product-comparison-details .headline {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.33px;
  margin-bottom: 5px;
}
.hf .product-comparison-details .subheadline {
  font-size: 18px;
  font-weight: 300;
}
.hf .product-comparison-details .comparison-table {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
  table-layout: fixed;
}
.hf .product-comparison-details .comparison-table thead tr > th {
  text-align: center;
  padding-bottom: 15px;
  vertical-align: top;
}
.hf .product-comparison-details .comparison-table thead tr > th.column-one {
  width: 320px;
  vertical-align: middle;
}
.hf .product-comparison-details .comparison-table thead tr > th.column-two {
  min-width: 260px;
  max-width: 300px;
  padding-top: 40px;
}
.hf .product-comparison-details .comparison-table thead tr > th.column-three {
  min-width: 260px;
  max-width: 300px;
  padding-top: 42px;
}
.hf .product-comparison-details .comparison-table thead tr > th .product-name {
  font-size: 20px;
  font-weight: 700;
  margin-left: 15px;
  margin-right: 15px;
  min-height: 40px;
}
.hf .product-comparison-details .comparison-table thead tr > th .product-rating {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
}
.hf .product-comparison-details .comparison-table thead tr > th.highlight {
  border-top: 2px solid #81c23c;
  border-left: 2px solid #81c23c;
  border-right: 2px solid #81c23c;
}
.hf .product-comparison-details .comparison-table thead tr > th.highlight-sides {
  border-left: 2px solid #81c23c;
  border-right: 2px solid #81c23c;
}
.hf .product-comparison-details .comparison-table tbody tr {
  border-top: 2px dotted #ccc;
}
.hf .product-comparison-details .comparison-table tbody tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.hf .product-comparison-details .comparison-table tbody tr td.product-feature {
  text-align: left;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  padding-right: 10px;
}
.hf .product-comparison-details .comparison-table tbody tr td > span.feature-rating {
  font-size: 16px;
  font-weight: 700;
}
.hf .product-comparison-details .comparison-table tbody tr td.highlight {
  border-left: 2px solid #81c23c;
  border-right: 2px solid #81c23c;
}
.hf .product-comparison-details .comparison-table tbody tr td.highlight .download-button > a {
  color: #fff;
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 15px;
  min-height: 40px;
  display: block;
  padding-top: 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.hf .product-comparison-details .comparison-table tbody tr td.highlight .download-button > .btnSubText {
  font-weight: 500;
  color: #a1a1a1;
  margin: 8px 0 0 0;
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 25px;
}
.hf .product-comparison-details .comparison-table tbody tr td.highlight .learn-more-button {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.hf .product-comparison-details .comparison-table tbody tr td.highlight .learn-more-button a:hover {
  text-decoration: underline;
}
.hf .product-comparison-details .comparison-table tbody tr:last-child > td.highlight {
  border-bottom: 2px solid #81c23c;
}
.hf .product-comparison-details .comparison-table tbody tr:first-child,
.hf .product-comparison-details .comparison-table tbody tr:last-child {
  border-top: none;
}
@media (max-width: 991px) {
  .hf .product-comparison-details > .comparison-table > thead > tr > th.column-one {
    width: auto;
    min-width: 200px;
  }
  .hf .product-comparison-details > .comparison-table > thead > tr > th.column-two {
    width: auto;
    min-width: 200px;
  }
  .hf .product-comparison-details > .comparison-table > thead > tr > th.column-three {
    width: auto;
    min-width: 200px;
  }
}
@media (max-width: 767px) {
  .hf .product-comparison-details .subheadline {
    font-size: 16px;
  }
  .hf .product-comparison-details .product-mobile-wrapper {
    border: solid 2px #81c23c;
    margin-top: 30px;
    text-align: center;
  }
  .hf .product-comparison-details .product-mobile-wrapper .product-name {
    font-size: 20px;
    font-weight: 700;
    padding-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .hf .product-comparison-details .product-mobile-wrapper .product-rating {
    font-size: 32px;
    font-weight: 700;
  }
  .hf .product-comparison-details .product-mobile-wrapper .features-list {
    margin-top: 40px;
  }
  .hf .product-comparison-details .product-mobile-wrapper .features-list .feature {
    border-bottom: 2px dotted #ccc;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .hf .product-comparison-details .product-mobile-wrapper .features-list .feature .feature-rating {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .hf .product-comparison-details .product-mobile-wrapper .features-list .feature:last-of-type {
    border: none;
  }
  .hf .product-comparison-details .product-mobile-wrapper .button-mobile {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .hf .product-comparison-details .product-mobile-wrapper .button-mobile a.green-button {
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 15px;
    min-height: 40px;
    display: block;
    padding-top: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
  .hf .product-comparison-details .product-mobile-wrapper .button-mobile .btnSubText {
    font-size: 12px;
    font-weight: 500;
    color: #a1a1a1;
    margin: 8px 0 0 0;
    display: block;
    margin-bottom: 15px;
  }
  .hf .product-comparison-details .product-mobile-wrapper .button-mobile a.orange {
    font-size: 14px;
    font-weight: 500;
  }
  .hf .product-comparison-details .product-mobile-wrapper ~ .product-mobile-wrapper {
    border: none;
  }
}
.hf .product-comparison-summary-hero {
  padding-top: 40px;
}
.hf .product-comparison-summary-hero padlr-0 {
  padding-left: 0;
  padding-right: 0;
}
.hf .product-comparison-summary-hero .summary-hero-title {
  font-size: 32px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
.hf .product-comparison-summary-hero .summary-hero-subheader {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
.hf .product-comparison-summary-hero .summary-hero-products {
  margin-top: 36px;
  margin-bottom: 60px;
}
.hf .product-comparison-summary-hero .summary-hero-products .product-name {
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
.hf .product-comparison-summary-hero .summary-hero-products .product-rating {
  margin-top: 10px;
  font-size: 32px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #444;
}
.hf .product-comparison-summary-hero .summary-hero-products .product-stars {
  margin-top: 10px;
  text-align: center;
  line-height: 1;
  color: #f99d1c;
  font-size: 20px;
}
.hf .product-comparison-summary-hero .summary-hero-products .product-rating-source {
  margin-top: 9px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #a1a1a1;
}
.hf .product-comparison-summary-hero .summary-hero-products .product-rating-source .link {
  color: #0079aa;
}
.hf .product-comparison-summary-hero .summary-hero-products .product-rating-source .product-rating-reviews {
  margin-top: 10px;
  margin-bottom: 0;
}
.hf .product-comparison-summary-hero .summary-hero-products .download-button {
  text-align: center;
  margin-top: 30px;
  padding: 0;
}
.hf .product-comparison-summary-hero .summary-hero-products .download-button > a {
  padding: 10px 24px 11px;
  color: #fff;
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .product-comparison-summary-hero .summary-hero-products .download-button > .btnSubText {
  font-weight: 500;
  color: #a1a1a1;
  margin: 9px 0 0 0;
  display: block;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.hf .product-comparison-summary-hero .summary-hero-image {
  height: 270px;
  text-align: center;
}
.hf .product-comparison-summary-hero .summary-hero-image .image-container {
  display: inline-block;
  max-height: 270px;
  position: relative;
}
.hf .product-comparison-summary-hero .summary-hero-image .image-container .product-image-container {
  width: 100%;
  max-height: 270px;
  overflow: hidden;
}
.hf .product-comparison-summary-hero .summary-hero-image .image-container .product-image-container .comparison-summary-image {
  max-width: 100%;
  height: auto;
}
.hf .product-comparison-summary-hero .summary-hero-image .image-container .comparison-summary-badge {
  position: absolute;
  max-width: 106px;
  height: auto;
  top: 50%;
  margin-top: -60px;
  left: 0;
  margin-left: -55px;
}
@media (max-width: 767px) {
  .hf .product-comparison-summary-hero {
    padding-top: 30px;
  }
  .hf .product-comparison-summary-hero .summary-hero-title {
    font-size: 24px;
  }
  .hf .product-comparison-summary-hero .summary-hero-subheader {
    font-size: 14px;
    font-weight: 300;
  }
  .hf .product-comparison-summary-hero .summary-hero-products {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .hf .product-comparison-summary-hero .summary-hero-products .download-button > a {
    display: inline-block;
  }
  .hf .product-comparison-summary-hero .summary-hero-vs {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #444;
  }
  .hf .product-comparison-summary-hero .summary-hero-image {
    height: 98px;
  }
  .hf .product-comparison-summary-hero .summary-hero-image .image-container {
    max-height: 98px;
  }
  .hf .product-comparison-summary-hero .summary-hero-image .image-container .product-image-container {
    max-height: 98px;
  }
  .hf .product-comparison-summary-hero .summary-hero-image .image-container .comparison-summary-badge {
    max-width: 44px;
    margin-top: -20px;
    margin-left: -15px;
  }
}
.hf .product-benefits-main {
  background-color: #fff;
  color: #444;
  padding: 30px 15px 40px 15px;
  text-align: center;
  margin-bottom: unset;
}
@media (max-width: 991px) {
  .hf .product-benefits-main {
    margin-top: unset;
  }
}
.hf .product-benefits-main .benefits-headers .benefits-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 5px 0;
}
.hf .product-benefits-main .benefits-headers .benefits-subtitle {
  font-size: 16px;
  font-weight: 300;
}
.hf .product-benefits-main .benefits-items-container .benefit-item {
  margin: 30px 0 0 0;
}
.hf .product-benefits-main .benefits-items-container .benefit-item .icon-container {
  margin: 0 0 10px 0;
}
.hf .product-benefits-main .benefits-items-container .benefit-item .icon-container i.icon {
  padding: 0;
  font-size: 60px;
  width: 68px;
  height: 68px;
}
.hf .product-benefits-main .benefits-items-container .benefit-item .content-container {
  font-size: 16px;
}
.hf .product-benefits-main .benefits-items-container .benefit-item .content-container .benefit-item-title {
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .product-benefits-main .benefits-view-container {
  text-align: center;
  margin-top: 30px;
}
.hf .product-benefits-main .benefits-view-container a {
  font-size: 16px;
  font-weight: 700;
  color: #f99d1c;
  cursor: pointer;
  text-decoration: none;
}
@media (min-width: 992px) {
  .hf .product-benefits-main {
    padding: 30px;
    text-align: center;
    box-shadow: 0 2px 12px 0 #ccc;
    margin-bottom: 10px;
  }
  .hf .product-benefits-main .benefits-headers {
    margin: 0 0 40px 0;
  }
  .hf .product-benefits-main .benefits-headers .benefits-title {
    margin: 0 0 10px 0;
  }
  .hf .product-benefits-main .benefits-headers .benefits-subtitle {
    font-size: 18px;
  }
  .hf .product-benefits-main .benefits-items-container {
    display: flex;
    flex-wrap: wrap;
  }
  .hf .product-benefits-main .benefits-items-container .benefit-item {
    margin: 0 0 21px 0;
    text-align: left;
    width: 350px;
    flex: 0 0 48%;
    width: 400px;
    display: flex;
  }
  .hf .product-benefits-main .benefits-items-container .benefit-item:nth-of-type(odd) {
    margin: 0 35px 21px 0;
  }
  .hf .product-benefits-main .benefits-items-container .benefit-item .icon-container {
    margin: 0;
    height: 100%;
    min-width: 60px;
  }
  .hf .product-benefits-main .benefits-items-container .benefit-item .icon-container i.icon {
    font-size: 33px;
    width: 45px;
    height: 45px;
    padding: 10px 0 0 0;
  }
  .hf .product-benefits-main .benefits-items-container .benefit-item::after {
    clear: both;
    content: "";
  }
}
.hf .support-resources .header {
  font-family: Roboto;
  margin-top: 30px;
  text-align: center;
  border-bottom: 6px solid #ccc;
  margin-bottom: 15px;
}
.hf .support-resources .header .title {
  color: #04c9d7;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .support-resources .header .description {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 30px;
  color: #444;
}
.hf .support-resources .header-one-column {
  color: #444;
  font-family: Roboto;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 15px;
}
.hf .support-resources .header-one-column .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .support-resources .header-one-column .description {
  font-size: 18px;
  font-weight: 300;
}
.hf .support-resources .support-resource-cards {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  margin: 0 30px 0 30px;
}
.hf .support-resources .support-resource-cards .resource-card {
  box-shadow: 0 2px 10px 0 rgba(68, 68, 68, 0.3);
  margin: 15px 0 15px 0;
  font-family: Roboto;
  color: #444;
  font-size: 16px;
}
.hf .support-resources .support-resource-cards .resource-card i {
  font-size: 66px;
  margin: 28px 21px 20px 33px;
}
.hf .support-resources .support-resource-cards .resource-card .title {
  font-weight: 700;
  margin: 20px 30px 10px 0;
}
.hf .support-resources .support-resource-cards .resource-card .description {
  margin-right: 30px;
  margin-bottom: 20px;
}
.hf .support-resources .support-resource-cards .resource-card .link {
  margin-bottom: 20px;
}
.hf .support-resources .support-resource-cards .resource-card .link a {
  font-size: 14px;
  font-weight: 500;
  color: #f99d1c;
}
.hf .support-resources .support-resource-cards .resource-card .type {
  margin-left: 10px;
}
.hf .support-resources .support-resource-cards .resource-card .type span {
  float: right;
  font-size: 14px;
  color: #a1a1a1;
  margin-top: 10px;
}
.hf .support-resources .support-resource-cards .resource-card .type i {
  color: #a1a1a1;
  margin: 10px 10px 0 10px;
  float: right;
  font-size: 25px;
}
.hf .support-resources .support-resource-cards .resource-card .type .title {
  margin-top: 10px;
}
.hf .support-resources .view-all {
  margin-top: 40px;
  margin-bottom: 80px;
  display: block;
  text-align: center;
}
.hf .support-resources .view-all .cta-wrapper {
  color: #fff;
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .hf .support-resources .header .title {
    font-size: 24px;
  }
  .hf .support-resources .header .description {
    font-size: 14px;
  }
  .hf .support-resources .support-resource-cards {
    margin: 0 15px 0 15px;
  }
  .hf .support-resources .support-resource-cards .resource-card .title {
    margin-left: 15px;
    margin-right: 15px;
  }
  .hf .support-resources .support-resource-cards .resource-card .description {
    margin-left: 15px;
    margin-right: 15px;
  }
  .hf .support-resources .support-resource-cards .resource-card .link {
    margin-left: 15px;
  }
  .hf .support-resources .support-resource-cards .resource-card .type {
    margin-left: 0;
  }
}
.hf .trending-articles .headline {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}
.hf .trending-articles .headline .program-card-image {
  display: inline-block;
  margin-left: 10px;
}
.hf .trending-articles .link {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 30px;
}
.hf .trending-articles .trending-articles-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hf .trending-articles .trending-articles-items .article-empty {
  flex: 1 0 31%;
  height: 0;
  border: none;
  margin-bottom: 0;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+1) .article-headline {
  border-left: 5px solid #04c9d7;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+2) .article-headline {
  border-left: 5px solid #b8d757;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+3) .article-headline {
  border-left: 5px solid #f99d1c;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+4) .article-headline {
  border-left: 5px solid #f99d1c;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+5) .article-headline {
  border-left: 5px solid #04c9d7;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+6) .article-headline {
  border-left: 5px solid #b8d757;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+7) .article-headline {
  border-left: 5px solid #b8d757;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+8) .article-headline {
  border-left: 5px solid #f99d1c;
}
.hf .trending-articles .trending-articles-items a.article:nth-child(9n+9) .article-headline {
  border-left: 5px solid #04c9d7;
}
.hf .trending-articles .trending-articles-items .article {
  flex: 1 0 31%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.hf .trending-articles .trending-articles-items .article:nth-child(3n+0) {
  margin-right: 0;
}
.hf .trending-articles .trending-articles-items .article:nth-child(3n+1) {
  margin-left: 0;
}
.hf .trending-articles .trending-articles-items .article:nth-child(3n+1):last-of-type {
  margin-right: 60px;
}
.hf .trending-articles .trending-articles-items .article:nth-child(3n+2):last-of-type {
  margin-right: 30px;
}
.hf .trending-articles .trending-articles-items .article:hover {
  text-decoration: none;
}
.hf .trending-articles .trending-articles-items .article .article-headline {
  font-size: 16px;
  font-weight: 500;
  color: #0079aa;
  padding: 20px 20px 17px 15px;
  margin: 0;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 80px;
}
.hf .trending-articles .trending-articles-items .article .article-headline:hover {
  text-decoration: underline;
  border-left: 5px solid #04c9d7;
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
}
.hf .trending-articles .trending-articles-items .article .article-headline .article-headline-content {
  height: 43px;
}
@supports (-webkit-line-clamp:2) {
  .hf .trending-articles .trending-articles-items .article .article-headline .article-headline-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 991px) {
  .hf .trending-articles .trending-articles-items .article {
    flex: 1 0 45%;
  }
  .hf .trending-articles .trending-articles-items .article:nth-child(2n+0) {
    margin-right: 0;
    margin-left: 9px;
  }
  .hf .trending-articles .trending-articles-items .article:nth-child(2n+0):last-of-type {
    margin-right: 0;
  }
  .hf .trending-articles .trending-articles-items .article:nth-child(2n+1) {
    margin-right: 9px;
    margin-left: 0;
  }
  .hf .trending-articles .trending-articles-items .article:nth-child(2n+1):last-of-type {
    margin-right: 18px;
  }
  .hf .trending-articles .trending-articles-items .article .article-headline {
    box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
  }
  .hf .trending-articles .trending-articles-items .article-empty {
    flex: 1 0 45%;
  }
}
@media only screen and (max-width: 767px) {
  .hf .trending-articles .trending-articles-items a.article:nth-child(3n+1) .article-headline {
    border-left: 5px solid #b8d757;
  }
  .hf .trending-articles .trending-articles-items a.article:nth-child(3n+2) .article-headline {
    border-left: 5px solid #f99d1c;
  }
  .hf .trending-articles .trending-articles-items a.article:nth-child(3n+3) .article-headline {
    border-left: 5px solid #04c9d7;
  }
  .hf .trending-articles .trending-articles-items .article {
    flex: 1 0 95% !important;
    margin-left: 9px !important;
    margin-right: 8px !important;
  }
  .hf .trending-articles .trending-articles-items .article .article-headline {
    box-shadow: none;
  }
}
@media (min-width: 1200px) {
  .hf .program-strip {
    padding-left: 153px;
    padding-right: 137px;
  }
}
.hf .program-strip {
  margin-top: 60px;
  margin-bottom: 60px;
}
.hf .program-strip .headline {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.hf .program-strip div:last-of-type {
  margin-bottom: 0;
}
.hf .program-strip .program-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
  display: table;
  width: 100%;
}
.hf .program-strip .program-wrapper .program-details,
.hf .program-strip .program-wrapper .program-icon {
  display: inline-block;
}
.hf .program-strip .program-wrapper .program-details i,
.hf .program-strip .program-wrapper .program-icon i {
  font-size: 60px;
}
.hf .program-strip .program-wrapper .program-icon {
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  height: 70px;
  text-align: center;
}
.hf .program-strip .program-wrapper .program-details {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding-left: 30px;
}
.hf .program-strip .program-wrapper .program-details .program-details-title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.29;
  margin-bottom: 5px;
  margin-top: 0;
}
.hf .program-strip .program-wrapper .program-details .program-details-description {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.hf .program-strip .program-wrapper .program-details a {
  margin-top: 5px;
  color: #f99d1c;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .hf .program-strip div:first-of-type {
    margin-top: 20px;
  }
  .hf .program-strip .program-wrapper {
    text-align: center;
    margin-bottom: 40px;
  }
  .hf .program-strip .program-wrapper .program-icon {
    display: table-row;
    height: auto;
  }
  .hf .program-strip .program-wrapper .program-icon i {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding-bottom: 20px;
  }
  .hf .program-strip .program-wrapper .program-details {
    display: table-row;
    padding-left: 0;
  }
  .hf .program-strip .program-wrapper .program-details a {
    margin-top: 20px;
    display: block;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .hf .program-strip {
    padding-left: 13px;
  }
  .hf .program-strip .program-wrapper .program-details {
    padding-left: 47px;
  }
}
.hf .paid-support-card {
  position: relative;
}
.hf .paid-support-card .backgrounds {
  position: absolute;
  z-index: -1;
  top: 25px;
  width: 100%;
}
.hf .paid-support-card .backgrounds .background {
  height: 185px;
  margin-top: -35px;
}
.hf .paid-support-card .backgrounds .background-angled {
  height: 100px;
  width: 101%;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.hf .paid-support-card .paid-support-card-headline {
  text-align: center;
  color: #fff;
  margin-bottom: 33px;
  margin-top: 60px;
}
.hf .paid-support-card .paid-support-card-headline .headline {
  font-size: 24px;
  font-weight: 700;
}
.hf .paid-support-card .paid-support-card-headline .description {
  font-size: 18px;
}
.hf .paid-support-card .paid-support-card-headline .description,
.hf .paid-support-card .paid-support-card-headline .headline {
  max-width: 750px;
  margin: auto;
}
.hf .paid-support-card .tiles {
  text-align: center;
  margin-bottom: 30px;
}
.hf .paid-support-card .tiles .tile {
  width: 360px;
  box-shadow: 0 2px 12px 0 rgba(68, 68, 68, 0.3);
  vertical-align: top;
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
  min-height: 240px;
  position: relative;
  background-color: #fff;
}
.hf .paid-support-card .tiles .tile .brand-line {
  height: 5px;
  margin-bottom: 25px;
}
.hf .paid-support-card .tiles .tile .brand-line img {
  vertical-align: top;
}
.hf .paid-support-card .tiles .tile .img-section img {
  width: 70px;
  height: 70px;
}
.hf .paid-support-card .tiles .tile .text-section {
  padding: 0 15px 0 15px;
}
.hf .paid-support-card .tiles .tile .text-section .tile-headline {
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.hf .paid-support-card .tiles .tile .text-section .tile-description {
  font-size: 14px;
}
.hf .paid-support-card .tiles .tile .links-section {
  position: absolute;
  bottom: 24px;
  width: inherit;
}
.hf .paid-support-card .tiles .tile .links-section a {
  display: block;
  font-size: 14px;
  height: 16px;
  font-weight: 500;
  margin-top: 10px;
}
.hf .paid-support-card .tiles .tile .links-section a:hover {
  cursor: pointer;
}
@media (min-width: 768px) {
  .hf .paid-support-card {
    background-color: transparent !important;
  }
}
@media (max-width: 991px) {
  .hf .paid-support-card .paid-support-card-headline {
    padding: 0 10px 0 10px;
    margin-bottom: 55px;
    margin-top: 40px;
  }
  .hf .paid-support-card .tiles .tile {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .hf .paid-support-card .tiles .tile:first-child {
    margin-bottom: 20px;
  }
  .hf .paid-support-card .tiles .tile .text-section .tile-headline {
    font-size: 14px;
    margin-bottom: 11px;
  }
  .hf .paid-support-card .tiles .tile .brand-line img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hf .paid-support-card .backgrounds .background-angled {
    display: none;
  }
  .hf .paid-support-card .backgrounds .background {
    margin-top: 25px;
  }
}
.hf .program-cards {
  position: relative;
  padding-bottom: 8px;
}
.hf .program-cards .top-background {
  height: 120px;
  background-color: #eee;
  margin-left: -15px;
  margin-right: -15px;
}
.hf .program-cards .top-background + .program-cards-content {
  margin-top: -90px;
}
.hf .program-cards .top-background + .program-cards-content .program-cards-headers {
  margin-top: 0;
}
.hf .program-cards .program-cards-headers {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.hf .program-cards .program-cards-headers .program-cards-header {
  font-size: 24px;
  font-weight: 700;
  color: #444;
  margin-bottom: 10px;
}
.hf .program-cards .program-cards-headers .program-cards-subheader {
  font-size: 18px;
  font-weight: 500;
  color: #444;
  margin-bottom: 10px;
}
.hf .program-cards .program-cards-items {
  display: flex;
  justify-content: center;
}
.hf .program-cards .program-cards-items .program-card {
  border-top-style: solid;
  border-top-width: 5px;
  box-shadow: 0 2px 12px 0 #ccc;
  background-color: #fff;
  padding: 20px 25px 5px 25px;
  width: 360px;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}
.hf .program-cards .program-cards-items .program-card.no-border {
  border: none;
}
.hf .program-cards .program-cards-items .program-card.centered {
  text-align: center;
}
.hf .program-cards .program-cards-items .program-card:first-of-type {
  margin-left: 0;
}
.hf .program-cards .program-cards-items .program-card:last-of-type {
  margin-right: 0;
}
.hf .program-cards .program-cards-items .program-card .program-card-media {
  margin-bottom: 20px;
}
.hf .program-cards .program-cards-items .program-card .program-card-media i.icon {
  font-size: 50px;
}
.hf .program-cards .program-cards-items .program-card .program-card-media img {
  max-width: 100%;
  height: auto !important;
}
.hf .program-cards .program-cards-items .program-card .program-card-headline {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.hf .program-cards .program-cards-items .program-card .program-card-headline.title-14px-bold-capitalize {
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
.hf .program-cards .program-cards-items .program-card .program-card-headline.title-16px-bold {
  font-size: 16px;
  font-weight: 700;
}
.hf .program-cards .program-cards-items .program-card .program-card-headline.title-18px-bold {
  font-size: 18px;
  font-weight: 700;
}
.hf .program-cards .program-cards-items .program-card .program-card-headline.title-24px-bold {
  font-size: 24px;
  font-weight: 700;
}
.hf .program-cards .program-cards-items .program-card .program-card-description {
  font-size: 16px;
  margin-bottom: 30px;
}
.hf .program-cards .program-cards-items .program-card .program-card-links .cta-container.card-button-container {
  margin-bottom: 40px;
}
.hf .program-cards .program-cards-items .program-card .program-card-links .cta-container.card-link-container {
  margin-bottom: 20px;
}
.hf .program-cards .program-cards-items .program-card .program-card-links .cta-container .card-button {
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
}
.hf .program-cards .program-cards-items .program-card .program-card-links .cta-container .card-button:hover {
  text-decoration: none;
}
.hf .program-cards .program-cards-items .program-card .program-card-links .cta-container .card-link {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .hf .program-cards .program-cards-items .program-card {
    width: 304px;
    margin-left: 7px;
    margin-right: 7px;
    padding: 20px 17px 5px 17px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .hf .program-cards .program-cards-items .program-card {
    width: 239px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 20px 17px 5px 17px;
  }
}
@media (max-width: 767px) {
  .hf .program-cards {
    padding-top: 30px;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .hf .program-cards .top-background {
    display: none;
  }
  .hf .program-cards .top-background + .program-cards-content {
    margin-top: 0;
  }
  .hf .program-cards .program-cards-content .row {
    margin-left: 15px;
    margin-right: 15px;
  }
  .hf .program-cards .program-cards-content .program-cards-items {
    display: block;
  }
  .hf .program-cards .program-cards-content .program-cards-items .program-card {
    width: 100%;
    padding: 20px 20px 5px 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
.hf .sc-related-articles {
  margin-top: 10px;
}
.hf .sc-related-articles .headline {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.hf .sc-related-articles .subheadline {
  margin-bottom: 14px;
}
.hf .sc-related-articles .related-articles {
  list-style: none;
  padding-left: 0;
}
.hf .sc-related-articles .related-articles li {
  margin-bottom: 10px;
}
.hf .sc-related-articles .related-articles li .article-link {
  font-size: 14px;
  font-weight: 500;
}
.hf .support-product-hero {
  margin: 30px 0;
}
.hf .support-product-hero .pull-right {
  float: right;
}
.hf .support-product-hero .media-section .headline {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}
.hf .support-product-hero .media-section .version {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
}
.hf .support-product-hero .media-section .media-item {
  display: none;
}
.hf .support-product-hero .media-section .media-item a img {
  width: 100%;
}
.hf .support-product-hero .media-section .media-item.active {
  display: block;
}
.hf .support-product-hero .content-section .headline {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}
.hf .support-product-hero .content-section .version {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
}
.hf .support-product-hero .content-section .tabs-section {
  list-style: none;
  padding-left: 0;
  height: 33px;
}
.hf .support-product-hero .content-section .tabs-section .tab {
  width: 50%;
  float: left;
}
.hf .support-product-hero .content-section .tabs-section .tab.active .tab-headline {
  font-weight: 700;
  border-bottom: 3px solid #04c9d7;
}
.hf .support-product-hero .content-section .tabs-section .tab.active .tab-headline:focus {
  text-decoration: none;
}
.hf .support-product-hero .content-section .tabs-section .tab.active .tab-section {
  display: block;
}
.hf .support-product-hero .content-section .tabs-section .tab .tab-headline {
  font-size: 18px;
  font-weight: 400;
  color: #444;
  border-bottom: 3px solid #eee;
  padding-bottom: 5px;
  display: block;
  cursor: pointer;
}
.hf .support-product-hero .content-section .tabs-section .tab .tab-headline:hover {
  text-decoration: none;
}
.hf .support-product-hero .content-section .tab-section {
  display: none;
}
.hf .support-product-hero .content-section .tab-section.active {
  display: block;
}
.hf .support-product-hero .content-section .tab-section .text-section {
  margin: 20px 0;
}
.hf .support-product-hero .content-section .tab-section .text-section ul {
  list-style: disc;
  font-size: 14px;
  line-height: 1.29;
  padding-left: 15px;
}
.hf .support-product-hero .content-section .tab-section .text-section ul li {
  margin-bottom: 10px;
}
.hf .support-product-hero .content-section .tab-section .text-section ul li:last-child {
  margin-bottom: 0;
}
.hf .support-product-hero .content-section .tab-section .links-section {
  display: flex;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container {
  margin-right: 15px;
  display: inline-block;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container:not(:nth-child(1)) a {
  border-left: dotted 1px #a1a1a1;
  padding: 10px 15px;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container a {
  font-size: 14px;
  font-weight: 500;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container a:hover {
  cursor: pointer;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container .button {
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 20px 10px 20px;
  color: #fff;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container .button:hover {
  text-decoration: none;
}
.hf .support-product-hero .content-section .tab-section .links-section .cta-container .btnSubText {
  font-size: 12px;
  text-align: center;
  color: #a1a1a1;
  margin: 15px 0 0 0;
  font-weight: 400;
  display: block;
}
@media (max-width: 991px) {
  .hf .support-product-hero .media-section {
    margin-bottom: 30px;
  }
  .hf .support-product-hero .content-section .links-section {
    flex-direction: column;
    text-align: center;
  }
  .hf .support-product-hero .content-section .links-section .cta-container {
    margin-bottom: 15px;
  }
  .hf .support-product-hero .content-section .links-section .cta-container a.button {
    display: inline;
  }
  .hf .support-product-hero .content-section .links-section .cta-container:not(:nth-child(1)) a {
    border: none !important;
  }
}
@media (min-width: 992px) {
  .hf .support-product-hero .media-section {
    height: 350px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .support-product-hero .media-section .media-item {
    margin: auto;
    width: 560px;
  }
  .hf .support-product-hero .media-section .media-item a img {
    height: auto;
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .support-product-hero .media-section .media-item img {
    width: 460px;
  }
}
.hf .solutions-hero {
  height: 250px;
}
.hf .solutions-hero .solutions-left-side {
  padding-left: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hf .solutions-hero .solutions-left-side h1 {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}
.hf .solutions-hero .solutions-left-side h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: normal;
}
.hf .solutions-hero .solutions-left-side h1 ~ h2 {
  margin-top: 5px;
}
.hf .solutions-hero .solutions-left-side h1 ~ .button-wrapper {
  padding-top: 30px;
}
.hf .solutions-hero .solutions-left-side h2 ~ .button-wrapper {
  padding-top: 36px;
}
.hf .solutions-hero .solutions-left-side .button-wrapper {
  display: inline-flex;
}
.hf .solutions-hero .solutions-left-side .button-wrapper a.button {
  color: #fff;
  font-weight: 700;
  padding: 9px 22px;
  white-space: normal;
  text-transform: uppercase;
  line-height: normal;
  display: block;
}
.hf .solutions-hero .solutions-left-side .button-wrapper .btnSubText {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #a1a1a1;
  display: block;
  margin-top: 8px;
}
.hf .solutions-hero .solutions-left-side .button-wrapper .no-under-text ~ .btnSubText {
  display: none;
}
.hf .solutions-hero .solutions-right-side {
  padding-right: 15px;
  height: 100%;
}
.hf .solutions-hero .solutions-right-side img {
  height: 100%;
  width: 100%;
}
.hf .solutions-hero.centered {
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
.hf .solutions-hero.centered .solutions-left-side {
  text-align: center;
}
@media (max-width: 991px) {
  .hf .solutions-hero {
    height: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
  }
  .hf .solutions-hero .solutions-left-side {
    margin-bottom: 40px;
  }
  .hf .solutions-hero .solutions-left-side h1 {
    font-size: 24px;
  }
  .hf .solutions-hero .solutions-left-side h2 {
    font-size: 14px;
    font-weight: 300;
  }
  .hf .solutions-hero .solutions-left-side h2 ~ .button-wrapper {
    padding-top: 30px;
  }
  .hf .solutions-hero .solutions-left-side .button-wrapper {
    justify-content: center;
  }
  .hf .solutions-hero .solutions-left-side .button-wrapper a {
    font-size: 12px;
  }
  .hf .solutions-hero.hide-image-mobile .solutions-left-side {
    margin-bottom: 0;
  }
  .hf .solutions-hero.hide-image-mobile .solutions-right-side > img {
    display: none;
  }
  .hf .solutions-hero .solutions-right-side > img {
    height: auto;
    width: auto;
  }
}
@media (max-width: 767px) {
  .hf .solutions-hero .solutions-right-side > img {
    height: 100%;
    width: 100%;
  }
}
.hf .whats-new-cards {
  margin-top: 30px;
  margin-bottom: 12px;
}
.hf .whats-new-cards h1 ~ p {
  margin-bottom: 0;
  margin-top: 10px;
}
.hf .whats-new-cards h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  line-height: normal;
}
.hf .whats-new-cards p {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  line-height: normal;
}
.hf .whats-new-cards .header {
  margin-bottom: 30px;
}
.hf .whats-new-cards .header .not-found-content {
  display: none;
  margin-top: 30px;
}
.hf .whats-new-cards .header .header-search-section {
  margin-top: 30px;
  min-width: 360px;
  min-height: 36px;
  position: relative;
  float: left;
}
.hf .whats-new-cards .header .header-search-section #search-input {
  font-weight: 500;
  display: inline-block;
  border: 2px solid #ccc;
  font-size: 14px;
  border-radius: 0;
  font-stretch: normal;
  font-style: normal;
  color: #a1a1a1;
  letter-spacing: 0.23px;
}
.hf .whats-new-cards .header .header-search-section #search-btn,
.hf .whats-new-cards .header .header-search-section #search-clear-btn {
  font-size: 14px;
  position: absolute;
  background: 0 0;
  color: #ccc;
  right: 0;
  top: 0;
  outline: 0;
}
.hf .whats-new-cards .header .header-search-section #search-clear-btn {
  display: none;
}
.hf .whats-new-cards .header .header-search-filter {
  min-width: 360px;
  min-height: 36px;
  position: relative;
  display: inline-block;
  margin-top: 30px;
  margin-left: 20px;
}
.hf .whats-new-cards .header .header-search-filter .form-group {
  margin-bottom: 0;
}
.hf .whats-new-cards .header .header-search-filter .form-group .dropdown-sign {
  color: #a1a1a1;
}
.hf .whats-new-cards .header .header-search-filter .form-group .filter-title {
  line-height: normal;
}
.hf .whats-new-cards .header .header-search-filter .form-group .filter-title-open ~ .options-panel-wrapper {
  display: block;
}
.hf .whats-new-cards .header .header-search-filter .form-group .options-panel-wrapper > .product-container {
  line-height: 1.29;
}
.hf .whats-new-cards .header .check-box-box-filter-items {
  margin-top: 10px;
}
.hf .whats-new-cards .cards > .card-wrapper .card-border {
  border-bottom: 2px dotted #ccc;
  display: block;
}
.hf .whats-new-cards .cards > .card-wrapper .row {
  min-height: 250px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.hf .whats-new-cards .cards > .card-wrapper .row .card-description {
  margin-bottom: 0;
  margin-top: 10px;
  padding-right: 15px;
}
.hf .whats-new-cards .cards > .card-wrapper .row .links-wrapper {
  display: inline-block;
}
.hf .whats-new-cards .cards > .card-wrapper .row .links-wrapper > .card-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 18px;
}
.hf .whats-new-cards .cards > .card-wrapper .row .links-wrapper > .card-link i {
  padding-right: 8px;
  font-size: 22px;
  color: #a1a1a1;
}
.hf .whats-new-cards .cards > .card-wrapper .row .links-wrapper > .card-link a {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  max-width: 180px;
  line-height: normal;
}
.hf .whats-new-cards .cards > .card-wrapper .row .links-wrapper > .card-link:last-child {
  padding-bottom: 0;
}
.hf .whats-new-cards .cards > .card-wrapper .row .content-wrapper {
  width: 260px;
  height: 146px;
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}
.hf .whats-new-cards .cards > .card-wrapper .row .content-wrapper a {
  height: 100%;
  width: 100%;
}
.hf .whats-new-cards .cards > .card-wrapper .row .content-wrapper a img {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .whats-new-cards .cards > .card-wrapper > .row .links-wrapper > .card-link i {
    font-size: 21px;
  }
  .hf .whats-new-cards .cards > .card-wrapper > .row .links-wrapper > .card-link a {
    max-width: 130px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .whats-new-cards .header div.header-search-section {
    margin-top: 15px;
    min-width: 290px;
    width: auto;
  }
  .hf .whats-new-cards .header div.header-search-filter {
    margin-top: 15px;
    min-width: 290px;
    width: auto;
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .hf .whats-new-cards {
    margin-top: 18px;
    margin-bottom: 60px;
  }
  .hf .whats-new-cards h1 {
    font-size: 14px;
  }
  .hf .whats-new-cards h1 ~ p {
    padding-right: 0;
  }
  .hf .whats-new-cards p {
    font-size: 14px;
  }
  .hf .whats-new-cards .header {
    margin-bottom: 37px;
  }
  .hf .whats-new-cards .header > h1 {
    font-size: 18px;
  }
  .hf .whats-new-cards .header .header-search-section {
    width: 100%;
    margin-top: 20px;
    min-width: 0;
  }
  .hf .whats-new-cards .header .header-search-filter {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    min-width: 0;
  }
  .hf .whats-new-cards .cards .card-wrapper ~ .card-wrapper {
    margin-top: 20px;
  }
  .hf .whats-new-cards .cards > .card-wrapper {
    box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
    text-align: center;
    margin-bottom: 20px;
  }
  .hf .whats-new-cards .cards > .card-wrapper .card-border {
    display: none;
  }
  .hf .whats-new-cards .cards > .card-wrapper > .row {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .hf .whats-new-cards .cards > .card-wrapper > .row p {
    margin-left: 15px;
    margin-right: 15px;
  }
  .hf .whats-new-cards .cards > .card-wrapper > .row .links-wrapper {
    margin-top: 30px;
  }
  .hf .whats-new-cards .cards > .card-wrapper > .row .links-wrapper > .card-link {
    text-align: initial;
  }
  .hf .whats-new-cards .cards > .card-wrapper > .row > .content-wrapper {
    width: 180px;
    height: 117px;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.hf .paid-support-hero {
  padding-top: 20px;
  padding-bottom: 25px;
}
.hf .paid-support-hero > h1 {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 750px;
}
.hf .paid-support-hero img ~ h1 {
  margin-left: 30px;
}
.hf .paid-support-hero > img {
  width: 70px;
  height: 70px;
}
@media (min-width: 768px) {
  .hf .paid-support-hero {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .hf .paid-support-hero {
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .hf .paid-support-hero > h1 {
    display: block;
    font-size: 21px;
    margin-left: 0;
  }
  .hf .paid-support-hero img ~ h1 {
    margin-left: 0;
    margin-top: 15px;
  }
  .hf .paid-support-hero > img {
    width: 45px;
    height: 45px;
  }
}
.hf .content-strip .content-strip-hidden {
  display: none;
}
.hf .content-strip .content-strip-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.33px;
  text-align: center;
  color: #444;
  margin-bottom: 30px;
}
.hf .content-strip .content-strip-subtitle {
  font-size: 20px;
  text-align: center;
  color: #444;
  margin-bottom: 30px;
}
.hf .content-strip .content-strip-title-subtitle {
  margin-bottom: 5px !important;
}
.hf .content-strip .content-strip-items .content-strip-item {
  background-color: #fff;
  box-shadow: 0 2px 12px 0 #ccc;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-sub-content {
  padding-left: 0;
  padding-right: 0;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-headline {
  font-weight: 700;
  color: #444;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-description {
  color: #444;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons {
  text-align: center;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-primary {
  display: inline-block;
  text-align: center;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-primary a {
  padding: 10px 24px 11px 24px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-primary span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #a1a1a1;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary {
  display: inline-block;
  padding-top: 10px;
  vertical-align: top;
}
.hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary a {
  font-size: 16px;
  font-weight: 700;
  color: #f99d1c;
  padding: 9px 0 10px 14px;
  border-left: 2px dotted #a1a1a1;
  margin-left: 15px;
}
.hf .content-strip .content-strip-view-all {
  text-align: center;
  margin-top: 30px;
}
.hf .content-strip .content-strip-view-all span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.22px;
  text-align: center;
  color: #f99d1c;
  cursor: pointer;
}
.hf .content-strip.content-strip-simple {
  padding: 30px 0;
}
.hf .content-strip.content-strip-simple .content-strip-items .content-strip-item {
  margin-bottom: 20px;
}
.hf .content-strip.content-strip-simple .content-strip-items .content-strip-item .content-strip-item-colorbar {
  width: 100%;
  height: 6px;
}
.hf .content-strip.content-strip-simple .content-strip-items .content-strip-item .content-strip-item-content {
  padding: 26px 20px 31px 20px;
}
.hf .content-strip.content-strip-simple .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-headline {
  font-size: 14px;
}
.hf .content-strip.content-strip-simple .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-description {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.29;
}
.hf .content-strip.content-strip-simple .content-strip-items .content-strip-item:last-child {
  margin-bottom: 0;
}
.hf .content-strip.content-strip-with-buttons {
  padding: 20px 0;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item {
  margin-bottom: 15px;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item .content-strip-item-content {
  padding: 30px 30px 30px 20px;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-headline {
  font-size: 16px;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-description {
  font-size: 16px;
  line-height: normal;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item.under-button-present .content-strip-item-content {
  padding: 18px 30px 18px 20px;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item.under-button-present .content-strip-item-content .content-strip-item-headline {
  margin-top: 13px;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item.under-button-present .content-strip-item-content .content-strip-item-description {
  margin-top: 13px;
}
.hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-shown-last {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary {
    display: block;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary a {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .hf .content-strip .content-strip-title {
    font-size: 20px;
    letter-spacing: normal;
    margin-bottom: 20px;
  }
  .hf .content-strip .content-strip-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .hf .content-strip .content-strip-items {
    margin-left: 0;
    margin-right: 0;
  }
  .hf .content-strip .content-strip-items .content-strip-item {
    margin: 0 15px 20px 15px;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-headline {
    font-size: 14px !important;
    line-height: 1.29;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-description {
    font-size: 14px !important;
    font-weight: 500;
    margin-top: 13px !important;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    direction: rtl;
    text-align: start;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons > * {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    direction: ltr;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-primary {
    display: block;
    text-align: start;
    padding-top: 20px;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-primary a {
    font-size: 12px;
    font-weight: 700;
    padding: 10px 24px 10px 24px;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-primary span {
    text-align: start;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary {
    display: block;
    text-align: start;
    padding-top: 0;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary a {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
    padding-top: 0;
    font-size: 14px;
    font-weight: 500;
  }
  .hf .content-strip .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-buttons .cta-secondary span {
    display: none;
  }
  .hf .content-strip .content-strip-view-all {
    margin-top: 15px;
  }
  .hf .content-strip .content-strip-view-all span {
    font-size: 16px;
    font-weight: 500;
  }
  .hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item .content-strip-item-content {
    padding: 25px 30px 30px 20px !important;
  }
  .hf .content-strip.content-strip-with-buttons .content-strip-items .content-strip-item .content-strip-item-content .content-strip-item-description {
    margin-bottom: 20px;
  }
}
.hf .support-category-branch .title {
  font-size: 24px;
  font-weight: 700;
  color: #444;
  margin-bottom: 0;
}
.hf .support-category-branch .subtitle {
  font-size: 18px;
  color: #444;
  margin-bottom: 0;
}
.hf .support-topics-hero {
  padding-top: 39px;
  margin-left: -15px;
  margin-right: -15px;
}
.hf .support-topics-hero .headline {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: 700;
  margin-top: 0;
}
.hf .support-topics-hero .brandline {
  height: 6px;
  width: 100%;
  margin-top: 37px;
}
.hf .support-topics-hero .btnContainer {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
}
.hf .support-topics-hero .btnContainer:nth-child(2) {
  margin-left: 13px;
  padding-left: 13px;
  height: 41px;
  border-left: 2px dotted #ccc;
  margin-top: 0;
  padding-top: 10px;
}
.hf .support-topics-hero .btnContainer .button {
  font-weight: 700;
  padding: 11px 20px;
  color: #fff;
}
.hf .support-topics-hero .btnContainer .button:hover {
  text-decoration: none;
}
.hf .support-topics-hero .btnContainer .link,
.hf .support-topics-hero .btnContainer .link-button {
  font-size: 14px;
  font-weight: 500;
  color: #f99d1c;
}
.hf .support-topics-hero .btnContainer .link-button {
  padding: 0;
}
.hf .support-topics-hero .btnContainer .btnSubText {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #a1a1a1;
  display: block;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .hf .support-topics-hero {
    padding-right: 15px;
    padding-left: 15px;
  }
  .hf .support-topics-hero .headline {
    font-size: 24px;
  }
  .hf .support-topics-hero .right-side {
    margin-top: 10px;
    text-align: center;
  }
  .hf .support-topics-hero .brandline {
    width: auto;
    margin-left: -15px;
  }
  .hf .support-topics-hero .btnContainer:nth-child(2) {
    height: 35px;
    margin-top: 5px;
  }
  .hf .support-topics-hero .button {
    font-size: 12px;
  }
}
.hf .email-domain-form-panel {
  margin: 20px 0 20px 0;
}
.hf .email-domain-form-panel .input-section {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email {
  width: 316px;
  height: 40px;
  font-size: 16px;
  color: #444;
  font-weight: 500;
  padding: 11px 15px 10px 15px;
  border: 2px solid #ccc;
  text-overflow: ellipsis;
  outline: 0;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email:-internal-autofill-selected {
  background-color: #fff !important;
  color: #444 !important;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email::-webkit-input-placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email::-moz-placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email::-ms-input-placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email::placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email::-ms-input-placeholder {
  color: #a1a1a1;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email:-ms-input-placeholder {
  color: #a1a1a1;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email::-ms-clear {
  display: none;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label {
  border-color: #cf0e21;
  background: #fdf0f0;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label::-webkit-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label::-moz-placeholder {
  text-align: left;
  color: #444;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label::-ms-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label::placeholder {
  text-align: left;
  color: #444;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label::-ms-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label:-ms-input-placeholder {
  text-align: left;
  color: #444;
}
.hf .email-domain-form-panel .input-section .email-domain-form-email.error-label ~ .error-icon {
  opacity: 1;
}
.hf .email-domain-form-panel .input-section .error-icon {
  position: absolute;
  color: #cf0e21;
  font-size: 13px;
  top: 14px;
  right: 10px;
  opacity: 0;
  transition: 0.6s linear all;
}
.hf .email-domain-form-panel .input-section label.error-label {
  color: #cf0e21;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  margin: 0;
  display: inline;
  line-height: 20px;
  top: -20px;
  right: 10px;
}
.hf .email-domain-form-panel .button-section {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.hf .email-domain-form-panel .button-section .email-domain-form-submit {
  cursor: pointer;
  margin-left: 5px;
  width: 229px;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 10px 16px;
  white-space: normal;
  height: 40px;
}
@media (max-width: 991px) {
  .hf .email-domain-form {
    margin-top: 30px;
  }
  .hf .email-domain-form .input-section {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .hf .email-domain-form .input-section .email-domain-form-email {
    width: 290px;
  }
  .hf .email-domain-form .input-section .email-domain-form-email::-webkit-input-placeholder {
    text-align: center;
  }
  .hf .email-domain-form .input-section .email-domain-form-email:-moz-placeholder {
    text-align: center;
  }
  .hf .email-domain-form .input-section .email-domain-form-email::-moz-placeholder {
    text-align: center;
  }
  .hf .email-domain-form .input-section .email-domain-form-email:-ms-input-placeholder {
    text-align: center;
  }
  .hf .email-domain-form .input-section .error-icon {
    right: 30.5%;
  }
  .hf .email-domain-form .input-section label.error-label {
    right: 30%;
  }
  .hf .email-domain-form .button-section {
    display: block;
    text-align: center;
  }
  .hf .email-domain-form .button-section .email-domain-form-submit {
    margin: 0 auto;
    display: inline-block;
    margin-left: unset;
  }
}
.hf .detailed-tab .headline {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
.hf .detailed-tab .subheadline {
  font-size: 18px;
  text-align: center;
  margin-bottom: 0;
}
.hf .detailed-tab .link {
  font-weight: 500;
}
.hf .detailed-tab .content-icon {
  font-size: 40px;
  margin-bottom: 20px;
  color: #04c9d7;
}
.hf .detailed-tab .content-headline {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.hf .detailed-tab .text {
  margin-bottom: 20px;
}
.hf .detailed-tab .additional {
  margin-bottom: 40px;
}
.hf .detailed-tab .additional li {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .hf .detailed-tab {
    padding: 30px;
  }
  .hf .detailed-tab .desktop {
    margin-top: 30px;
  }
  .hf .detailed-tab .desktop .tab-headline,
  .hf .detailed-tab .desktop .tabs-headline {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
  .hf .detailed-tab .desktop .content-panel,
  .hf .detailed-tab .desktop .tab-panel {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    float: left;
  }
  .hf .detailed-tab .desktop .tab-panel {
    width: 383px;
    width: 33.6%;
    margin-right: 19px;
  }
  .hf .detailed-tab .desktop .tab-panel .nav {
    margin-bottom: 15px;
  }
  .hf .detailed-tab .desktop .tab-panel .tab-headline {
    margin: 15px 0;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link {
    color: #444;
    display: block;
    padding: 15px 7px 15px 105px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link i {
    width: 60px;
    vertical-align: middle;
    font-size: 31px;
    float: left;
    position: absolute;
    left: 45px;
    top: calc(50% - 15px);
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link.active,
  .hf .detailed-tab .desktop .tab-panel .nav-link:hover {
    text-decoration: none;
    color: #04c9d7;
    padding-left: 95px;
    border-left: 10px solid #04c9d7;
    background-color: #eee;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link.active i,
  .hf .detailed-tab .desktop .tab-panel .nav-link:hover i {
    left: 35px;
  }
  .hf .detailed-tab .desktop .content-panel {
    border-top: 15px solid #04c9d7;
    width: 738px;
    width: 64.7%;
  }
  .hf .detailed-tab .desktop .content-panel .tab-pane {
    padding: 25px 30px;
  }
  .hf .detailed-tab .mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .hf .detailed-tab {
    background-color: #fff;
    margin-top: 40px;
  }
  .hf .detailed-tab .desktop {
    display: none;
  }
  .hf .detailed-tab .mobile .headline {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 500;
  }
  .hf .detailed-tab .mobile .card {
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .detailed-tab .mobile .card:nth-child(odd) {
    background-color: #fff;
  }
  .hf .detailed-tab .mobile .card:nth-child(even) {
    background-color: #eee;
  }
  .hf .detailed-tab .mobile .card .card-content {
    border-top: 15px solid #04c9d7;
  }
  .hf .detailed-tab .mobile .card .content-headline {
    padding-left: 15px;
  }
  .hf .detailed-tab .mobile .card .card-body {
    padding: 20px 15px 0 15px;
  }
  .hf .detailed-tab .mobile .card .card-header {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 19px;
    padding-top: 19px;
    position: relative;
  }
  .hf .detailed-tab .mobile .card .card-header:hover {
    cursor: pointer;
  }
  .hf .detailed-tab .mobile .card .card-header .circle {
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid #a1a1a1;
    border-radius: 50px;
    margin-left: 20px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: calc(50% - 9px);
    float: right;
  }
  .hf .detailed-tab .mobile .card .card-header i {
    font-size: 10px;
    margin-top: 2px;
    display: block;
    color: #a1a1a1;
  }
  .hf .detailed-tab .mobile .card .card-header .card-title {
    margin: 0;
    padding-left: 15px;
  }
  .hf .detailed-tab .mobile .card .link {
    text-align: center;
    display: block;
    margin-bottom: 40px;
  }
  .hf .detailed-tab .mobile .card .card-body {
    background-color: #fff;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hf .detailed-tab .desktop .tab-panel {
    width: 32.6%;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link {
    padding: 15px 7px 15px 75px;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link.active,
  .hf .detailed-tab .desktop .tab-panel .nav-link:hover {
    padding-left: 65px;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link.active i,
  .hf .detailed-tab .desktop .tab-panel .nav-link:hover i {
    left: 10px;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link i {
    width: 55px;
    left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hf .detailed-tab .desktop .tab-panel .nav-link {
    position: relative;
    padding: 10px 7px 7px 65px;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link.active,
  .hf .detailed-tab .desktop .tab-panel .nav-link:hover {
    padding-left: 60px;
    border-left: 5px solid #04c9d7;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link.active i,
  .hf .detailed-tab .desktop .tab-panel .nav-link:hover i {
    left: 10px;
  }
  .hf .detailed-tab .desktop .tab-panel .nav-link i {
    left: 15px;
  }
  .hf .detailed-tab .desktop .content-panel .tab-pane {
    padding: 20px 25px;
  }
}
.hf #compare-plans {
  padding-bottom: 60px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline {
  padding: 40px 15px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-header {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #444;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-sub-header {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  color: #444;
  margin-top: 10px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-head-button-wrapper {
  margin-top: 30px;
  text-align: center;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-head-button-wrapper .pricing-head-button {
  display: inline-block;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-head-button-wrapper .pricing-head-button > .pricing-button {
  padding: 9px 25px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: none;
  color: #fff;
  display: block;
  text-decoration: none;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-head-button-wrapper .pricing-head-button > span {
  display: block;
  margin-top: 9px;
  font-size: 12px;
  font-weight: 500;
  color: #a1a1a1;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper {
  text-align: center;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .toggle-label {
  font-size: 14px;
  color: #a1a1a1;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .toggle-label.bold {
  font-weight: 700;
  color: #444;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .switch {
  position: relative;
  text-align: left;
  display: inline-block;
  width: 34px;
  height: 17px;
  border: solid 2px #000;
  border-radius: 10.5px;
  background-color: #000;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .switch .license-switch {
  opacity: 0;
  width: 0;
  height: 0;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .switch input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  transform: translateX(17px);
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  background-color: #fff;
  transition: 0.4s;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .slider.round {
  border-radius: 10.5px;
}
.hf #compare-plans .compare-plans-wrapper .toggle-wrapper .slider.round:before {
  border-radius: 7px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body {
  position: relative;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .compare-plans-body-background {
  position: absolute;
  top: 85px;
  left: -50vw;
  right: 0;
  bottom: 97px;
  width: 150vw;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile {
  margin-top: 85px;
  padding-top: 40px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .sidebar-headline {
  font-size: 18px;
  font-weight: 700;
  color: #444;
  margin-top: 30px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .sidebar-subheadline {
  font-size: 14px;
  font-weight: 300;
  color: #444;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile {
    text-align: center;
    margin-bottom: 1.5em;
  }
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .pricing-text {
  font-weight: 500;
  font-size: 12px;
  margin-top: 16px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .pricing-text a {
  font-weight: 500;
  font-size: 12px;
  color: #444;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .pricing-text a:hover {
  color: #a1a1a1;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .save-percentage {
  padding-top: 1.3em;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .small {
  font-size: 12px;
  text-transform: uppercase;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .small .bold {
  font-weight: 700;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile form {
  padding-top: 1em;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile form label {
  font-size: 14px;
  text-transform: uppercase;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile form label.annual {
  padding-right: 10px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  border: 2px solid #ccc;
  transition: 0.2s all linear;
  outline: 0;
  margin-right: 5px;
  position: relative;
  top: 6px;
  background-color: #ccc;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile form input[type=radio]::after {
  display: block;
  width: 100%;
  height: 100%;
  background: 0 0;
  content: '';
  border: 3px solid #fff !important;
  box-sizing: border-box;
  border-radius: 50%;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile form input:checked {
  border: 2px solid #ccc;
  background: #04c9d7;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .intro-tile .radio-button-bold {
  font-weight: 700;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile {
  background: #fff;
  box-shadow: 0 0 10px 0 #ccc;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 8px 15px 10px;
  text-align: center;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content {
  padding: 20px 15px 40px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price {
  text-align: center;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price .regular-price {
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price .promo-text {
  font-size: 16px;
  font-weight: 700;
  color: #f99d1c;
  margin-top: 15px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price .discount-price-wrapper {
  font-size: 50px;
  font-weight: 700;
  color: #444;
  margin-top: 5px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price .discount-price-wrapper .currency-symbol {
  font-size: 48px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price .starts-at-price {
  font-size: 14px;
  text-align: left;
  padding-left: 45px;
  font-weight: 700;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .price .subprice-text {
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .plan-intro-description {
  margin-top: 30px;
  color: #444;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .plan-bullets {
  margin: 20px 0 0;
  padding-left: 20px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .plan-bullets li {
  margin-top: 10px;
  color: #444;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .plan-bullets li:first-of-type {
  margin-top: 0;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .trial-section {
  margin-top: 30px;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .trial-section .trial-button {
  text-align: center;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .trial-section .trial-button a {
  background-color: #81c23c;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .trial-section .trial-button a:hover {
  background-color: #94d24b;
  text-decoration: none;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .trial-section .trial-button a:active {
  background-color: #94d24b;
  text-decoration: none;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile .plan-content .trial-section .trial-text {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #a1a1a1;
}
.hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile ul {
  margin: 0 12px 0 14px;
}
@media (max-width: 1199px) and (min-width: 767px) {
  .hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile ul {
    margin: -5px 0 -5px -13px;
  }
}
.hf #compare-plans .comparison-chart {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .hf #compare-plans .comparison-chart .comparison-chart-table-container {
    overflow-y: auto;
  }
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table {
    width: 768px;
    max-width: 768px;
  }
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr {
  height: 75px;
  border-top: 2px dotted #e1e1e1;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr:first-child {
  height: 60px;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr td {
  vertical-align: middle;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr td:first-child {
  width: 465px;
}
@media only screen and (max-width: 768px) {
  .hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr td:first-child {
    width: 200px;
  }
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr td:first-child i.fa {
  cursor: pointer;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr td:first-child i.fa.fa-plus {
  color: #ffa500;
  margin-right: 3px;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr td:first-child i.fa.fa-minus {
  color: #ffa500;
  margin-right: 3px;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr th {
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr th #features-toggle-collapse,
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table tr th #features-toggle-expand {
  cursor: pointer;
}
.hf #compare-plans .comparison-chart .comparison-chart-table-container .table.comparison-chart-table a.button {
  padding: 10px 15px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.hf #compare-plans .comparison-chart .comparison-chart-healdine {
  margin-top: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
}
.hf #compare-plans .features .plans-description {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 767px) {
  .hf #compare-plans .features .plans-description {
    padding-top: 0.5em;
  }
}
.hf #compare-plans .features .compare-features {
  display: none;
}
.hf #compare-plans .features .compare-features .tooltip {
  z-index: 0;
}
@media (max-width: 767px) {
  .hf #compare-plans .features .compare-features {
    border-top: 2px dotted #a1a1a1;
  }
}
@media (max-width: 767px) {
  .hf #compare-plans .features .compare-features .feature {
    border-bottom: 2px dotted #a1a1a1;
  }
}
.hf #compare-plans .features .compare-features .feature .title {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .hf #compare-plans .features .compare-features .feature .title {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hf #compare-plans .features .compare-features .feature .title {
    margin-bottom: 1em;
  }
}
.hf #compare-plans .features .compare-features .feature .title h5 {
  font-weight: 700;
}
.hf #compare-plans .features .compare-features .feature .title h5 i {
  margin-left: 5px;
  color: #81c23c;
}
.hf #compare-plans .features .compare-features .feature .title h5 i:hover {
  color: #94d24b;
}
.hf #compare-plans .features .compare-features .feature .title h5 i.active-tooltip {
  color: #94d24b;
}
.hf #compare-plans .features .compare-features .feature .description {
  font-size: 14px;
}
@media (max-width: 767px) {
  .hf #compare-plans .features .compare-features .feature .description {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .hf #compare-plans .features .compare-features .feature .description {
    border-bottom: 2px dotted #a1a1a1;
    padding-bottom: 1em;
  }
}
.hf #compare-plans .features .compare-features .feature .ability-wrap {
  height: 100%;
  text-align: center;
  margin-bottom: 1em;
}
.hf #compare-plans .features .compare-features .feature .ability-wrap .ability {
  display: table;
  height: 100%;
}
@media (min-width: 768px) {
  .hf #compare-plans .features .compare-features .feature .ability-wrap .ability {
    border-bottom: 2px dotted #a1a1a1;
  }
}
.hf #compare-plans .features .compare-features .feature .ability-wrap .ability .ability-description {
  display: table-cell;
  font-size: 14px;
  vertical-align: middle;
}
.hf #compare-plans .features .compare-features .feature .ability-wrap .ability .ability-description p {
  margin: 0;
}
.hf #compare-plans .features .compare-features .feature .ability-wrap .ability .ability-description .fa {
  font-size: 25px;
}
.hf #compare-plans .features .compare-features .feature .ability-wrap .ability .ability-description .fa-check {
  color: #81c23c;
}
.hf #compare-plans .features .compare-features .feature .ability-wrap .ability .ability-description .fa-times {
  color: #d0021b;
}
.hf #compare-plans .features .compare-features .tooltip > .tooltip-inner {
  background: #292929;
  background: rgba(29, 29, 29, 0.8);
  border-radius: 0;
  font-size: 12px;
  padding: 2em;
  text-align: left;
  margin-left: 5px;
  max-width: 400px;
}
.hf #compare-plans .features .compare-features .tooltip.right > .tooltip-arrow {
  border-right-color: #292929;
  border-right-color: rgba(29, 29, 29, 0.8);
  border-width: 12px 12px 12px 0;
  left: -2px;
  margin-top: -12px;
}
.hf #compare-plans .features .compare-features .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #292929;
  border-bottom-color: rgba(29, 29, 29, 0.8);
  border-width: 0 12px 12px 12px;
  top: -7px;
  margin-left: -12px;
}
.hf #compare-plans .mobile-compare-features {
  margin-bottom: 60px;
}
.hf #compare-plans .mobile-compare-features .title-compare-feature {
  font-size: 16px;
  font-weight: 700;
  color: #444;
  margin-bottom: 20px;
  text-align: center;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row {
  display: flex;
  margin-top: 20px;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row:first-child {
  margin-top: 0;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row .icon-col {
  width: 19px;
  min-width: 19px;
  margin-right: 6px;
  display: flex;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row .icon-col i.fa {
  font-size: 19px;
  align-self: center;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row .icon-col i.fa-check {
  color: #81c23c;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row .icon-col i.fa-times {
  color: #d0021b;
}
.hf #compare-plans .mobile-compare-features .list-compare-features .feature-row .description-col {
  font-size: 14px;
  line-height: 1.29;
  color: #444;
}
.hf #compare-plans .toggle-features {
  padding-bottom: 1em;
}
.hf #compare-plans .toggle-features .bottom-link {
  text-align: center;
}
.hf #compare-plans .toggle-features .bottom-link a {
  font-size: 16px;
  font-weight: 700;
  color: #f99d1c;
  cursor: pointer;
}
.hf #compare-plans .toggle-features .toggle-features-link-wrapper {
  text-align: center;
}
.hf #compare-plans .toggle-features .toggle-features-link-wrapper .toggle-features-link {
  font-size: 16px;
  font-weight: 700;
  color: #f99d1c;
  cursor: pointer;
}
.hf #compare-plans .pricing-legal-text {
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .hf #compare-plans .compare-plans-wrapper .compare-plans-headline {
    padding-top: 30px;
  }
  .hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-header {
    font-size: 24px;
  }
  .hf #compare-plans .compare-plans-wrapper .compare-plans-headline .pricing-sub-header {
    font-size: 18px;
  }
  .hf #compare-plans .compare-plans-wrapper .compare-plans-body .tile {
    margin-bottom: 20px;
  }
  .hf #compare-plans .compare-plans-wrapper .toggle-wrapper {
    margin-top: 30px;
  }
  .hf #compare-plans .compare-plans-wrapper .toggle-wrapper .toggle-label.visible-xs {
    display: inline-block !important;
  }
  .hf #compare-plans .pricing-legal-text {
    margin-top: -30px;
  }
}
.hf .additional-features .headline {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 30px 0;
}
.hf .additional-features .description {
  text-align: center;
  margin-bottom: 30px;
}
.hf .additional-features .items-section {
  margin-bottom: 20px;
}
.hf .additional-features .items-section .fa:before {
  margin-right: 5px;
}
.hf .additional-features .items-section p {
  line-height: 22px;
  display: flex;
}
.hf .additional-features .btn-section {
  text-align: center;
  margin-bottom: 30px;
}
.hf .additional-features .btn-section .button {
  width: 100%;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 25px;
  font-size: 14px;
}
.hf .additional-features .btn-section .button:hover {
  cursor: pointer;
  text-decoration: none;
}
.hf .additional-features .btn-section .btnSubText {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #a1a1a1;
  text-align: center;
  margin: 15px 0 0 0;
}
@media (min-width: 992px) {
  .hf .additional-features .items-section.two-columns {
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (min-width: 768px) {
  .hf .marketing-hero .marketing-hero-content .marketing-hero-media {
    padding-left: 15px;
  }
  .hf .marketing-hero .marketing-hero-content .marketing-hero-bullets,
  .hf .marketing-hero .marketing-hero-content .marketing-hero-cta,
  .hf .marketing-hero .marketing-hero-content .marketing-hero-headline {
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  @supports (-webkit-line-clamp:3) {
    .hf .marketing-hero .marketing-hero-content .marketing-hero-headline {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }
}
.hf .marketing-hero .marketing-hero-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 38px;
  margin-bottom: 43px;
}
.hf .marketing-hero .marketing-hero-content > div {
  display: flex;
  flex: 1 0 50%;
  flex-direction: column;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-headline {
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-bullets {
  margin-top: 20px;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-bullets .marketing-hero-bullets-list.checkmark {
  list-style: none;
  padding-left: 5px;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-bullets .marketing-hero-bullets-list.checkmark > li:before {
  font-family: FontAwesome;
  content: '';
  display: inline-block;
  padding-right: 6px;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-bullets .marketing-hero-bullets-list {
  padding-left: 20px;
  margin-bottom: 0;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-bullets .marketing-hero-bullets-list .marketing-hero-bullets-list-item {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #444;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-bullets .marketing-hero-bullets-list .marketing-hero-bullets-list-item:not(:last-child) {
  margin-bottom: 5px;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-right: 15px;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper .btnSubText {
  margin-top: 9px;
  font-weight: 400;
  font-size: 14px;
  color: #a1a1a1;
  display: block;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper:last-child {
  margin-right: 0;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper .button {
  border: 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 24px 11px 24px;
  text-transform: uppercase;
  text-decoration: none;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper .button:active {
  box-shadow: none;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper .link {
  border-left: 2px dotted #a1a1a1;
  font-size: 16px;
  text-transform: none;
  padding: 10px 15px;
  font-weight: 500;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-media {
  justify-content: center;
}
.hf .marketing-hero .marketing-hero-content .marketing-hero-media img {
  max-width: 100%;
}
.hf .marketing-hero .marketing-hero-legalese {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #a1a1a1;
}
@media only screen and (max-width: 991px) {
  .hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper .button {
    font-size: 12px;
    padding: 10px 24px;
  }
  .hf .marketing-hero .marketing-hero-content .marketing-hero-cta .button-wrapper .link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .hf .marketing-hero .marketing-hero-content {
    margin-top: 24px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .hf .marketing-hero .marketing-hero-content > div {
    flex: 1 0 100%;
  }
  .hf .marketing-hero .marketing-hero-content .marketing-hero-media {
    margin-top: 40px;
  }
  .hf .marketing-hero .marketing-hero-legalese {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.hf .sw-breadcrumb {
  background-color: #eee;
}
.hf .sw-breadcrumb > div .sw-breadcrumb-item {
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
}
.hf .sw-breadcrumb > div .sw-breadcrumb-item a {
  color: #a1a1a1;
  text-decoration: none;
}
.hf .sw-breadcrumb > div .sw-breadcrumb-item span {
  color: #444;
}
.hf .sw-breadcrumb > div .sw-breadcrumb-arrow {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #a1a1a1;
}
.hf .sw-breadcrumb > div i:first-of-type {
  display: none;
}
.hf .sw-breadcrumb > div i:last-of-type {
  color: #444;
}
@media (max-width: 1199px) {
  .hf .sw-breadcrumb .container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hf .sw-breadcrumb {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.hf .resource-description-component .title {
  font-family: Roboto;
  font-size: 21px;
  font-weight: 700;
  color: #444;
  margin-bottom: 5px;
}
.hf .resource-description-component .publish-date {
  font-family: Roboto;
  font-size: 16px;
  color: #444;
  margin-bottom: 10px;
}
.hf .resource-description-component .resource-type {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  color: #f99d1c;
  margin-bottom: 3px;
}
.hf .resource-description-component .duration-content {
  font-family: Roboto;
  font-size: 14px;
  color: #666;
}
.hf .resource-description-component .description {
  font-family: Roboto;
  font-size: 16px;
  color: #444;
  margin-top: 30px;
}
.hf .resource-description-component .description:first-child {
  margin-top: 0;
}
.hf .resource-description-component .video-description-section {
  margin: 20px 0 20px 0;
}
.hf .resource-description-component .video-description-section .nav-tabs {
  display: flex;
  flex-wrap: wrap;
}
.hf .resource-description-component .video-description-section .nav-tabs li {
  flex: 0 0 50%;
  border-bottom: 6px solid #eee;
}
.hf .resource-description-component .video-description-section .nav-tabs li a {
  font-family: Roboto;
  font-size: 18px;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 5px 0;
}
.hf .resource-description-component .video-description-section .nav-tabs li.active {
  border-bottom: 6px solid #04c9d7;
}
.hf .resource-description-component .video-description-section .nav-tabs li.active a {
  font-weight: 700;
}
.hf .resource-description-component .video-description-section .tab-content {
  margin-top: 10px;
  font-family: Roboto;
  font-size: 16px;
  color: #444;
}
.hf .resource-description-component .video-description-section .tab-content .tab-pane {
  max-height: 210px;
  overflow-y: auto;
}
.hf .resource-description-component .video-description-section:first-child {
  margin-top: 0;
}
.hf .presenters {
  margin-top: 40px;
}
.hf .presenters .presenters-title {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #444;
}
.hf .presenters .presenters-list {
  margin-top: 15px;
}
.hf .presenters .presenters-list .presenter {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.hf .presenters .presenters-list .presenter:nth-child(odd) {
  padding-left: 0;
}
.hf .presenters .presenters-list .presenter:nth-child(even) {
  padding-right: 0;
}
.hf .presenters .presenters-list .presenter.col-sm-12 {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
}
.hf .presenters .presenters-list .presenter .presenter-image {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
}
.hf .presenters .presenters-list .presenter .presenter-image img {
  display: block;
  max-width: 140px;
  max-height: 140px;
  width: auto;
  height: auto;
}
.hf .presenters .presenters-list .presenter .presenter-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
}
.hf .presenters .presenters-list .presenter .presenter-info .presenter-name {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.23px;
  color: #444;
}
.hf .presenters .presenters-list .presenter .presenter-info .presenter-title {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.23px;
  color: #444;
  margin-bottom: 10px;
}
.hf .presenters .presenters-list .presenter .presenter-info .presenter-description {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.23px;
  color: #444;
}
@media all and (max-width: 767px) {
  .hf .presenters {
    margin-top: 30px;
    text-align: center;
    background-color: #eee;
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .hf .presenters .presenters-title {
    text-align: center;
  }
  .hf .presenters .presenters-list {
    margin-top: 20px;
  }
  .hf .presenters .presenters-list .presenter {
    margin-bottom: 30px;
    flex-direction: column;
    align-items: center;
  }
  .hf .presenters .presenters-list .presenter:nth-child(odd) {
    padding-left: 15px;
  }
  .hf .presenters .presenters-list .presenter:nth-child(even) {
    padding-right: 15px;
  }
  .hf .presenters .presenters-list .presenter.col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .presenters .presenters-list .presenter .presenter-info {
    margin-top: 23px;
  }
  .hf .presenters .presenters-list .presenter:last-child {
    margin-bottom: 0;
  }
}
.hf .resource-delivery-component .resource-thumbnail-with-cta .thumbnail-container img {
  width: 100%;
  height: auto;
}
.hf .resource-delivery-component .resource-thumbnail-with-cta .cta-container {
  text-align: center;
  margin: 30px 5px 10px 5px;
}
.hf .resource-delivery-component .resource-thumbnail-with-cta .cta-container a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.hf .related-resources-component {
  border-top: 6px solid #dadf63;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  margin: 0 -15px;
}
.hf .related-resources-component .inner-content {
  padding-top: 30px;
}
.hf .related-resources-component .inner-content .headline {
  color: #444;
  margin-bottom: 50px;
  font-size: 24px;
  text-align: center;
}
.hf .related-resources-component .inner-content .related-resoures {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item {
  display: flex;
  width: 468px;
  padding: 20px 5px 20px 5px;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item.bottom-border {
  border-bottom: solid 2px #eee;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content {
  display: flex;
  flex-direction: column;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content .title {
  font-size: 21px;
  color: #444;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content .description {
  color: #a1a1a1;
  font-size: 16px;
  margin-bottom: 10px;
  flex: 1 0 auto;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content .link-container a {
  font-size: 14px;
  color: #f99d1c;
}
.hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content .link-container a:hover {
  color: #fab024;
}
@media (min-width: 1200px) {
  .hf .related-resources-component .inner-content {
    padding: 30px 68px 40px 68px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hf .related-resources-component .inner-content {
    padding: 30px 10px 40px 10px;
  }
}
@media (max-width: 991px) {
  .hf .related-resources-component {
    border-top: 9px solid #dadf63;
  }
  .hf .related-resources-component .inner-content {
    padding: 30px 15px 40px 15px;
  }
  .hf .related-resources-component .inner-content .headline {
    color: #444;
    margin-bottom: 40px;
    font-size: 21px;
    text-align: left;
  }
  .hf .related-resources-component .inner-content .related-resoures {
    display: block;
  }
  .hf .related-resources-component .inner-content .related-resoures .resource-item {
    width: 100%;
    border-top: solid 2px #eee;
    margin-bottom: 30px;
    padding: 20px 5px 0 5px;
  }
  .hf .related-resources-component .inner-content .related-resoures .resource-item:first-of-type {
    border-top: none;
  }
  .hf .related-resources-component .inner-content .related-resoures .resource-item.bottom-border {
    border-bottom: none;
  }
  .hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content {
    display: flex;
    flex-direction: column;
  }
  .hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content .title {
    font-size: 18px;
    color: #444;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .hf .related-resources-component .inner-content .related-resoures .resource-item .resource-content .description {
    color: #a1a1a1;
    font-size: 16px;
    margin-bottom: 15px;
    flex: 1 0 auto;
  }
}
@media (max-width: 767px) {
  .hf .related-resources-component .inner-content {
    padding: 30px 30px 40px 30px;
  }
}
.hf #validation-modal.modal {
  background: rgba(0, 0, 0, 0.1) !important;
  z-index: 99999;
  height: 100%;
  width: 100%;
}
.hf #validation-modal.modal .modal-dialog {
  width: 555px;
  box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.3);
}
.hf #validation-modal.modal .modal-dialog .iconClose {
  margin-right: 20px;
  margin-top: 20px;
  color: #a1a1a1;
  font-size: 16px;
  font-weight: 400;
  top: -5px;
}
.hf #validation-modal.modal .modal-dialog .iconClose i.fa.fa-times {
  font: normal normal normal 23px FontAwesome !important;
}
.hf #validation-modal.modal .modal-dialog .modal-content {
  padding: 40px 30px;
  text-align: left;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-headline {
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 20px;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-description {
  font-size: 16px;
  margin-bottom: 40px;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons {
  width: 100%;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer {
  width: 100%;
  height: 40px;
  border: solid 2px #81c23c;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer.log-in-button {
  margin-bottom: 20px;
  background-color: #81c23c;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer.log-in-button a {
  color: #fff;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer.sign-up-button {
  background-color: #fff;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer.sign-up-button a {
  color: #81c23c;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer a {
  width: 100%;
  padding: 10px 24px;
  background-color: transparent;
  line-height: 16px;
  font-weight: 700;
  display: block;
}
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer a:focus,
.hf #validation-modal.modal .modal-dialog .modal-content .modal-buttons .btnContainer a:hover {
  text-decoration: none;
  background-color: transparent;
  border: none;
  outline: 0;
}
@media only screen and (max-width: 767px) {
  .hf #validation-modal.modal {
    padding-right: 0 !important;
  }
  .hf #validation-modal.modal .modal-dialog {
    width: 100%;
    margin-left: 0;
  }
  .hf #validation-modal.modal .modal-dialog .modal-content {
    padding: 40px 15px;
    text-align: left;
  }
  .hf #validation-modal.modal .modal-dialog .modal-content .modal-description {
    margin-bottom: 18px;
  }
}
.hf .featured-products {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 10px 0 #a1a1a1;
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
}
.hf .featured-products.vertical-featured-products {
  margin-top: 0;
}
.hf .featured-products.vertical-featured-products .brandline {
  display: none;
}
.hf .featured-products.vertical-featured-products .featured-products-body {
  flex-direction: column;
  gap: 30px;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content {
  flex-basis: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 40px;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item {
  flex-basis: 100%;
  align-items: flex-start;
  padding-top: 21px;
  border-top: 1px solid #a1a1a1;
  margin-top: 0;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(1) {
  padding-top: 0;
  border-top: 0;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  display: flex;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
  font-size: 16px;
  color: #444;
  margin-top: 10px;
  margin-bottom: 30px;
  display: flex;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .btnSubText {
  display: none;
}
.hf .featured-products .brandline {
  width: 100%;
  height: 5px;
}
.hf .featured-products .featured-products-body {
  display: flex;
  flex-direction: row;
  gap: 5%;
  padding: 30px 30px 40px;
}
.hf .featured-products .featured-products-body .featured-products-title {
  display: flex;
  flex-basis: 27%;
  flex-direction: column;
  gap: 5px;
}
.hf .featured-products .featured-products-body .featured-products-title .featured-products-headline {
  font-size: 18px;
  font-weight: 700;
  color: #444;
}
.hf .featured-products .featured-products-body .featured-products-title .featured-products-subheadline {
  font-size: 16px;
  color: #444;
}
.hf .featured-products .featured-products-body .featured-products-content {
  display: flex;
  flex-basis: 68%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(33% - 18px);
  flex-grow: 0;
  flex-shrink: 1;
  margin-top: 35px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(1),
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(2),
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(3) {
  margin-top: 0;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  display: flex;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
  font-size: 16px;
  color: #a1a1a1;
  margin-top: 5px;
  margin-bottom: 30px;
  display: flex;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .button {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: 0;
  color: #fff;
  padding: 10px 24px 11px 24px;
  text-transform: uppercase;
  text-decoration: none;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .button:active {
  box-shadow: none;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .btnSubText {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #a1a1a1;
  margin-top: 8px;
  min-height: 17px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-video.vidyard .vidyard-player-container img {
  position: relative;
  height: auto;
  max-width: 340px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-video .producthero--heroimage {
  width: 302px !important;
  height: 191px !important;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-image .producthero--heroimage {
  width: 302px !important;
  height: 191px !important;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .media-library-video {
  width: 302px !important;
  height: 191px !important;
}
@media all and (max-width: 1199px) {
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
    flex-basis: calc(33% - 20px);
  }
}
@media all and (max-width: 991px) {
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
    flex-basis: calc(50% - 15px);
  }
}
@media all and (max-width: 767px) {
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item {
    align-items: flex-start;
  }
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
    text-align: start;
  }
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
    text-align: start;
  }
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
    text-align: start;
  }
  .hf .featured-products .featured-products-body {
    padding: 30px 15px 40px;
    flex-direction: column;
    gap: 30px;
  }
  .hf .featured-products .featured-products-body .featured-products-title {
    flex-basis: 100%;
    align-items: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content {
    flex-basis: 100%;
    flex-direction: column;
    gap: 40px;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
    flex-basis: 100%;
    align-items: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
    text-align: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
    text-align: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
    text-align: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-video.vidyard .vidyard-player-container img {
    max-width: 100%;
  }
}
.hf .saas-pricing-calculator {
  background-color: #fafafa;
  margin: 0 -15px;
  border-top-style: solid;
  border-top-width: 5px;
}
.hf .saas-pricing-calculator .top-component-border {
  height: 5px;
}
.hf .saas-pricing-calculator .inner-content {
  padding: 30px 15px 20px 15px;
}
.hf .saas-pricing-calculator .inner-content .headers-warpper {
  width: 750px;
  margin-bottom: 40px;
  text-align: center;
}
.hf .saas-pricing-calculator .inner-content .headers-warpper .headers {
  display: inline-block;
}
.hf .saas-pricing-calculator .inner-content .headers-warpper .headers .header {
  font-size: 18px;
  font-weight: 700;
  color: #444;
  margin-bottom: 10px;
  text-align: center;
}
.hf .saas-pricing-calculator .inner-content .headers-warpper .headers .sub-header {
  font-size: 14px;
  font-weight: 300;
  color: #444;
  text-align: center;
}
.hf .saas-pricing-calculator .inner-content .main-content {
  display: flex;
  flex-direction: row;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards {
  padding: 0 5px 0 5px;
  display: flex;
  flex-direction: row;
  margin-right: 40px;
  justify-content: flex-start;
  width: 100%;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards.centered {
  justify-content: center;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 360px;
  padding-bottom: 30px;
  position: relative;
  border-top-style: solid;
  border-top-width: 5px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-header-section {
  background-color: #666;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-header-section .toggle-section input:checked + .slider {
  background-color: #81c23c;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-content .pricing-section {
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-content .pricing-section .under-price {
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-content .plan-selection-section {
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-content .plan-selection-section .pricing-plans {
  border: 2px solid #a1a1a1 !important;
  pointer-events: none;
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-content .card-description-section .card-description {
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .card-content .card-description-section .features-section .features {
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card.disabled .controls a {
  pointer-events: none;
  color: #a1a1a1 !important;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card:first-child {
  margin-right: 30px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section {
  padding: 11px 20px;
  background-color: #444;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .card-header {
  display: inline-block;
  width: 100%;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section {
  width: 36px;
  margin-top: 5px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section .switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 17px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a1a1a1;
  transition: 0.4s;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.4s;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section input:checked + .slider {
  background-color: #81c23c;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  transform: translateX(17px);
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section .slider.round {
  border-radius: 34px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-header-section .toggle-section .slider.round:before {
  border-radius: 50%;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content {
  padding: 20px 20px 0 20px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section {
  text-align: center;
  margin-bottom: 20px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .pricing-header {
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
  margin-bottom: 10px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .price {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .price .currency-symbol {
  font-size: 45px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .price .price-value {
  margin-left: -15px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .price .price-suffix {
  margin-left: -10px;
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .under-price {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #444;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .pricing-section .price-description {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #a1a1a1;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .plan-selection-section {
  margin-bottom: 20px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .plan-selection-section .quantity {
  font-size: 16px;
  font-weight: 500;
  color: #a1a1a1;
  margin-bottom: 9px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .plan-selection-section .pricing-plans {
  color: #444;
  font-size: 14px;
  font-weight: 500;
  border: 2px solid #ccc;
  width: 100%;
  padding: 9px 5px 9px 15px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .card-description-section .card-description {
  font-family: Roboto;
  font-size: 16px;
  color: #444;
  margin-bottom: 20px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .card-description-section .features-section .features {
  font-size: 16px;
  font-weight: 400;
  color: #444;
  padding-bottom: 30px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .card .card-content .card-description-section .features-section .features li {
  list-style-type: none;
  margin-bottom: 10px;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .controls {
  margin-top: 20px;
  padding: 20px 20px 30px 20px;
  position: absolute;
  bottom: 0;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .controls a {
  font-size: 16px;
  font-weight: 500;
  color: #444;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .controls a:hover {
  color: #444;
}
.hf .saas-pricing-calculator .inner-content .main-content .cards .controls a:active {
  color: #444;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-header {
  font-size: 18px;
  color: #444;
  margin-bottom: 30px;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table {
  font-size: 14px;
  font-weight: 400;
  width: 320px;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table tbody tr {
  margin-bottom: 30px;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table tbody tr td {
  padding: 0 7px 30px 0;
  vertical-align: top;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table tbody tr td.description .product-description {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table tbody tr td.price {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table tbody tr.total {
  border-top: 2px solid #ccc;
  font-size: 16px;
  font-weight: 700;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table tbody tr.total td {
  padding: 20px 7px 30px 0;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-cta .download-wrapper {
  display: inline-block;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-cta .download-wrapper .btn {
  color: #fff;
  text-transform: uppercase;
  padding: 0.5em 1em;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-cta .download-wrapper .btnSubText {
  display: block;
  text-align: center;
  color: #a1a1a1;
  max-width: 160px;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 12px;
}
.hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-cta .learn-more {
  font-size: 0.875em;
  padding-left: 16px;
  padding-top: 0.875em !important;
  border-left: 2px dotted #a1a1a1 !important;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .hf .saas-pricing-calculator .inner-content .headers-warpper {
    width: 100%;
  }
  .hf .saas-pricing-calculator .inner-content .headers-warpper .headers {
    width: 100%;
  }
  .hf .saas-pricing-calculator .inner-content .main-content {
    display: block;
  }
  .hf .saas-pricing-calculator .inner-content .main-content .cards {
    margin-right: 0;
    margin-bottom: 30px;
    justify-content: center;
  }
  .hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-table {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .hf .saas-pricing-calculator .inner-content .main-content .cards {
    display: block;
  }
  .hf .saas-pricing-calculator .inner-content .main-content .cards .card {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  .hf .saas-pricing-calculator .inner-content .main-content .cards .card:first-child {
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .hf .saas-pricing-calculator .inner-content .main-content .claculator-results {
    padding: 0 30px 0 30px;
  }
  .hf .saas-pricing-calculator .inner-content .main-content .claculator-results .results-cta .learn-more {
    display: block;
    border-left: none !important;
  }
}
.hf .saas-product-cards .inner-content {
  padding: 100px 15px 100px 15px;
}
.hf .saas-product-cards .inner-content .headers {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 300;
  color: #444;
}
.hf .saas-product-cards .inner-content .headers .headline {
  font-size: 24px;
  margin-bottom: 10px;
}
.hf .saas-product-cards .inner-content .headers .sub-headline {
  font-size: 18px;
}
.hf .saas-product-cards .inner-content .cards {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  flex-direction: row;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card {
  display: flex;
  flex-direction: column;
  width: 216px;
  padding: 20px 15px 30px 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 0 10px 15px 0;
  border-top-style: solid;
  border-top-width: 5px;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .description {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  flex: 1 0 auto;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .pricing-section {
  margin-bottom: 20px;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .pricing-section .price-header {
  font-size: 16px;
  font-weight: 500;
  color: #a1a1a1;
  margin-bottom: 10px;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .pricing-section .price {
  font-size: 32px;
  font-weight: 700;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .pricing-section .price .price-suffix {
  font-size: 16px;
}
.hf .saas-product-cards .inner-content .cards .saas-product-card .cta-section a {
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .hf .saas-product-cards .inner-content {
    padding: 100px 15px 100px 15px;
  }
  .hf .saas-product-cards .inner-content .cards {
    display: block;
  }
  .hf .saas-product-cards .inner-content .cards .saas-product-card {
    display: block;
    width: 100%;
    background-color: #fff;
    margin: 0 0 15px 0;
  }
}
.hf .quote-info {
  font-size: 16px;
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  background: #eee;
  width: 100%;
}
.hf .quote-info .info-container img {
  max-width: 100%;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hf .quote-info .info-container .info-block {
  border-left: 6px solid #ccc;
  padding-left: 9px;
  margin-bottom: 30px;
}
.hf .quote-info .info-container .info-block .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .quote-info .info-container .info-block .phone {
  margin-bottom: 5px;
}
.hf .quote-info#horizontal {
  background: #fff;
  min-height: auto;
}
.hf .quote-info#horizontal .info-container {
  margin-top: 30px;
  margin-bottom: 30px;
}
.hf #vertical {
  min-height: 940px;
  display: none;
}
@media (max-width: 991px) {
  .hf .quote-info {
    font-size: 14px;
    width: auto;
    min-height: auto !important;
    margin-top: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .quote-info .info-container {
    margin-bottom: 0;
  }
  .hf .quote-info .info-container .info-block {
    margin-left: 15px;
  }
  .hf .quote-info .info-container .info-block .title {
    font-size: 16px;
  }
  .hf .quote-info .info-container .info-block .description {
    margin-bottom: 40px;
  }
  .hf #vertical {
    margin-top: -10px !important;
  }
  .hf .quote-info#horizontal .info-block {
    margin-left: 0;
  }
}
.hf .quote-option {
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  text-align: center;
}
.hf .quote-option .left-option {
  margin: 30px 0 30px 0;
  border-right: 2px dotted #a1a1a1;
}
.hf .quote-option .right-option {
  margin: 30px 0 30px 0;
}
.hf .quote-option .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.hf .quote-option .description {
  font-size: 16px;
}
.hf .quote-option .btnContainer {
  margin-top: 49px;
  text-align: center;
  display: inline-block;
}
.hf .quote-option .btnContainer .button {
  text-decoration: none;
  display: inline-block;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .hf .quote-option .left-option {
    padding: 0;
    margin: 30px 15px 0 15px;
    border-right: none;
    border-bottom: 2px dotted #a1a1a1;
  }
  .hf .quote-option .right-option {
    margin-bottom: 5px;
    margin-top: 35px;
  }
  .hf .quote-option .title {
    font-size: 16px;
  }
  .hf .quote-option .description {
    font-size: 14px;
  }
  .hf .quote-option .btnContainer {
    margin-top: 30px;
    margin-bottom: 35px;
  }
}
.hf .confirmation-hero {
  margin: 0 -15px 50px -15px;
  overflow: hidden;
  padding-bottom: 10px;
}
.hf .confirmation-hero .confirmation-hero-shadow {
  margin: 0 -15px 0 -15px;
  box-shadow: 0 0 10px 0 #444;
  position: relative;
  z-index: 5;
}
.hf .confirmation-hero .confirmation-hero-shadow .container {
  padding: 40px 30px 30px 30px;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download {
  padding-left: 0;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .headline {
  color: #04c9d7;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .subheadline {
  color: #444;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .paragraph_text {
  color: #444;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .gac_status_message .container.post-registration-gac {
  padding: 0 15px;
  width: 100%;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .gac_status_message .container.post-registration-gac .subheadline {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button {
  display: inline;
  float: left;
  line-height: 40px;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button .btnGreen.downloadbtn {
  background-color: #81c23c;
  padding: 10.4px 24.4px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button .btnGreen.downloadbtn:active,
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button .btnGreen.downloadbtn:focus,
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button .btnGreen.downloadbtn:hover,
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button .btnGreen.downloadbtn:visited {
  color: #fff;
  text-decoration: none;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button.inactive .downloadbtn {
  background-color: #eee;
  color: #a1a1a1;
  border: solid 2px #a1a1a1;
  padding: 8.4px 22.4px;
  pointer-events: none;
  display: block;
  line-height: normal;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button.inactive .downloadbtn:active,
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button.inactive .downloadbtn:focus,
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button.inactive .downloadbtn:hover,
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button.inactive .downloadbtn:visited {
  color: #a1a1a1;
  text-decoration: none;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter {
  display: inline;
  float: left;
  height: 40px;
  width: 248px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group {
  display: inline;
  float: left;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group span.form-control.filter-title {
  padding-left: 13px;
  width: 248px;
  height: 40px;
  padding-top: 8px;
  display: inline;
  float: left;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group span.form-control.filter-title.selected {
  font-weight: 500;
  color: #444;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group span.form-control.filter-title svg {
  position: absolute;
  right: 10px;
  top: 15px;
  fill: #ccc;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group .options-panel-wrapper {
  top: 39px;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group .options-panel-wrapper .options-panel label {
  display: block;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group .options-panel-wrapper .options-panel label:hover {
  font-weight: 500;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-media {
  padding-right: 0;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-media .media {
  overflow: hidden;
  margin-bottom: 10px;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-media .media .producthero--heroimage {
  max-width: 100%;
  width: auto;
  height: auto;
}
.hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-media .hero-under-media-content a {
  font-weight: 500;
}
.hf .confirmation-hero .offline-installer-content {
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 21px;
  padding-left: 29px;
  padding-bottom: 20px;
  background-color: #eee;
  font-size: 16px;
  z-index: 1;
  position: relative;
}
.hf .confirmation-hero .offline-installer-content b {
  font-size: 18px;
}
.hf .confirmation-hero .offline-installer-content a {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .hf .confirmation-hero .confirmation-hero-shadow .container {
    padding-top: 30px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .headline {
    font-size: 24px;
    font-weight: 700;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section {
    height: 94px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section.single-button {
    height: 34px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button {
    display: block;
    line-height: 34px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button .btnGreen.downloadbtn {
    padding: 9.8px 24.3px;
    font-size: 12px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .download-button.inactive .downloadbtn {
    padding: 7.8px 22.3px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter {
    display: block;
    width: 100%;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group {
    display: block;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-download .download-section .os-selector.check-box-box-filter .form-group span.form-control.filter-title {
    display: block;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-media {
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
  }
  .hf .confirmation-hero .confirmation-hero-shadow .container .hero-confirmation-media .media {
    width: 100%;
    height: auto;
    margin-top: 40px;
  }
  .hf .confirmation-hero .offline-installer-content {
    margin-right: 0;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .confirmation-hero .offline-installer-content b {
    display: block;
    margin-bottom: 10px;
  }
}
.hf .cvet-hero {
  margin: 0 -15px 0 -15px;
  overflow: hidden;
  padding-bottom: 10px;
}
.hf .cvet-hero .cvet-hero-shadow {
  margin: 0 -15px 0 -15px;
  box-shadow: 0 0 10px 0 #444;
  position: relative;
  z-index: 5;
}
.hf .cvet-hero .cvet-hero-shadow .container {
  padding: 10px 30px 30px 30px;
}
.hf .cvet-hero .cvet-hero-shadow .container a.back-link {
  font-size: 14px;
  color: #a1a1a1;
  font-weight: 500;
  margin-right: 5px;
}
.hf .cvet-hero .cvet-hero-shadow .container span.current-page {
  font-size: 14px;
  color: #444;
  font-weight: 500;
}
.hf .cvet-hero .cvet-hero-shadow .container .cvet-hero-headline {
  margin-top: 30px;
  color: #444;
  font-size: 28px;
  font-weight: 700;
}
.hf .cvet-hero .cvet-hero-shadow .container .cvet-hero-links {
  padding-top: 20px;
}
.hf .cvet-hero .cvet-hero-shadow .container .cvet-hero-links .glyphicon {
  margin-right: 5px;
}
.hf .cvet-hero .cvet-hero-shadow .container .cvet-hero-links a {
  cursor: pointer;
}
.hf .cvet-hero .cvet-hero-shadow .container .cvet-hero-links .pdf-link {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .hf .cvet-hero {
    padding-bottom: 0;
  }
  .hf .cvet-hero .cvet-hero-shadow {
    box-shadow: none;
  }
  .hf .cvet-hero .cvet-hero-shadow .container .row {
    margin-right: 0;
    margin-left: 0;
  }
  .hf .cvet-hero .cvet-hero-shadow .container .row .cvet-hero-headline {
    font-size: 24px;
  }
}
.hf .advisory-details {
  background-color: #fafafa;
  padding: 19px 15px 25px 15px;
  -o-border-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="293" height="5" viewBox="0 0 293 5"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg%3E%3Cg%3E%3Cpath fill="%23A1A1A1" d="M0 0H293V5H0z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%2304C9D7" d="M261.258 0H285.67499999999995V5H261.258z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23CCC" d="M236.842 0H261.259V5H236.842z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23B8D757" d="M212.425 0H236.842V5H212.425z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23FBE04B" d="M188.008 0H212.425V5H188.008z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23F99D1C" d="M163.592 0H188.00900000000001V5H163.592z" transform="translate(-877 -325) translate(877 325)"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A') 100% 0 0 0;
  border-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="293" height="5" viewBox="0 0 293 5"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg%3E%3Cg%3E%3Cpath fill="%23A1A1A1" d="M0 0H293V5H0z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%2304C9D7" d="M261.258 0H285.67499999999995V5H261.258z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23CCC" d="M236.842 0H261.259V5H236.842z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23B8D757" d="M212.425 0H236.842V5H212.425z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23FBE04B" d="M188.008 0H212.425V5H188.008z" transform="translate(-877 -325) translate(877 325)"/%3E%3Cpath fill="%23F99D1C" d="M163.592 0H188.00900000000001V5H163.592z" transform="translate(-877 -325) translate(877 325)"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A') 100% 0 0 0;
  border-top: 5px solid;
}
.hf .advisory-details h1 {
  margin: 0 0 24px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
.hf .advisory-details .detail {
  margin: 15px 0;
}
.hf .advisory-details .detail h2 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.19px;
  margin: 0 0 7px;
}
.hf .advisory-details .detail p {
  letter-spacing: 0.22px;
  margin: 0;
  color: #666;
}
.hf .advisory-details .detail .color-bar {
  margin: 10px 0 7px;
  height: 16px;
  max-width: 262px;
  background-color: #fff;
  padding: 2px 1px;
}
.hf .advisory-details .detail .color-bar div {
  width: calc(25% - 2px);
  height: 100%;
  background-color: #eee;
  display: inline-block;
  margin: 0 1px;
  vertical-align: top;
}
.hf .advisory-details .detail .color-bar.color-bar-1 div:nth-child(-n+1) {
  background-color: #81c23c;
}
.hf .advisory-details .detail .color-bar.color-bar-2 div:nth-child(-n+2) {
  background-color: #fbe04b;
}
.hf .advisory-details .detail .color-bar.color-bar-3 div:nth-child(-n+3) {
  background-color: #f99d1c;
}
.hf .advisory-details .detail .color-bar.color-bar-4 div:nth-child(-n+4) {
  background-color: #d91f00;
}
.hf .advisory-details .detail .color-bar ~ p {
  font-size: 14px;
}
.hf .countdown-clock {
  position: relative;
  min-height: 100px;
}
.hf .countdown-clock .background-container {
  text-align: center;
  min-height: 150px;
}
.hf .countdown-clock .background-container img {
  max-width: 100%;
  height: auto;
}
.hf .countdown-clock .background-container .desktop img {
  display: inline-block;
}
.hf .countdown-clock .background-container .mobile img {
  display: none;
}
@media (max-width: 991px) {
  .hf .countdown-clock .background-container .desktop img {
    display: none;
  }
  .hf .countdown-clock .background-container .mobile img {
    display: inline-block;
  }
}
.hf .countdown-clock .clock-container {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(73% - 200px);
}
@media (min-width: 992px) {
  .hf .countdown-clock .clock-container.clocks-position-center {
    left: calc(50% - 200px);
  }
  .hf .countdown-clock .clock-container.clocks-position-left {
    left: calc(27% - 200px);
  }
}
@media (max-width: 991px) {
  .hf .countdown-clock .clock-container {
    top: auto;
    left: calc(50% - 130px);
    bottom: 5px;
  }
}
.hf .countdown-clock .clock-container .clock {
  display: inline-block;
}
.hf .countdown-clock .clock-container .clock .clock-image {
  font-family: Roboto;
  width: 100px;
  height: 100px;
  fill: none;
  stroke-width: 5px;
  margin: 0 15px;
}
.hf .countdown-clock .clock-container .clock .clock-image .clock-dashed {
  stroke-dasharray: 1 calc(47.5*3.14159/30 - 1);
  stroke-dashoffset: 0.5;
}
.hf .countdown-clock .clock-container .clock .clock-image .clock-solid {
  stroke-dasharray: calc(47.5*2*3.14159);
}
.hf .countdown-clock .clock-container .clock .clock-image .text-big {
  font-weight: 100;
  font-size: 55px;
}
.hf .countdown-clock .clock-container .clock .clock-image .text-small {
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 5px;
}
.hf .quick-view-products {
  padding-bottom: 40px;
}
.hf .quick-view-products .card {
  margin: 15px 0;
  display: flex;
}
.hf .quick-view-products .card .card-content {
  flex: 1;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 16px #ccc;
  border-top: solid 5px #b8d757;
  min-height: 247px;
  max-width: 348px;
  position: relative;
}
.hf .quick-view-products .card .card-content .card-icon {
  font-size: 30px;
  text-align: center;
  width: 45px;
  padding-top: 5px;
  float: left;
  margin-right: 14px;
}
.hf .quick-view-products .card .card-content .card-headline {
  font-weight: 700;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.hf .quick-view-products .card .card-content .card-row {
  margin: 20px 0;
}
.hf .quick-view-products .card .card-content .card-buttons-container {
  margin-top: 32px;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper {
  position: absolute;
  bottom: 28px;
  max-width: calc(100% - 40px);
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper span {
  display: block;
  margin-top: 10px;
  color: #a1a1a1;
  font-size: 0.75em;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .primary-button {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  text-align: center;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .primary-button .button {
  color: #fff;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .primary-button .button:hover {
  text-decoration: none;
  cursor: pointer;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .quick-view-button {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .quick-view-button .button {
  white-space: nowrap;
  background-color: #fff;
  color: #444;
  outline: solid 2px #eee;
  outline-offset: -2px;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .quick-view-button .button:hover {
  outline: solid 2px #444;
  outline-offset: -2px;
  text-decoration: none;
  cursor: pointer;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper .button {
  display: inline-block;
  padding: 10px 24px;
  font-weight: 700;
  font-size: 12px;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper.wrap-buttons {
  text-align: center;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper.wrap-buttons .primary-button {
  display: block;
  margin-right: 0;
}
.hf .quick-view-products .card .card-content .card-buttons-container .card-button-wrapper.wrap-buttons .quick-view-button {
  display: block;
  margin-top: 20px;
}
.hf .quick-view-products .card .card-content ul {
  padding-left: 15px;
}
.hf .quick-view-products .card .card-content li {
  list-style: none;
  text-indent: -8px;
  margin: 10px 0;
}
.hf .quick-view-products .card .card-content li:before {
  content: "•";
  width: 8px;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  line-height: 0;
}
.hf .quick-view-products .card .card-content .card-price {
  padding-top: 0;
}
.hf .quick-view-products .card .card-content .card-price span:first-child {
  line-height: 1.25em;
  font-weight: 500;
}
.hf .one-col-reg-panel .one-col-regform.trust-center-form .description.reg-row {
  overflow: auto;
}
.hf .one-col-reg-panel .one-col-regform.trust-center-form .description.reg-row textarea {
  resize: vertical;
  text-align: left;
  margin-top: 5px;
}
.hf .one-col-reg-panel .one-col-regform.trust-center-form .description.reg-row label.error-label {
  top: -7px;
  float: right;
  position: relative;
}
.hf .one-col-reg-panel .one-col-regform.trust-center-form .description.reg-row span {
  bottom: 6px;
}
.hf .featured-products {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 10px 0 #a1a1a1;
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
}
.hf .featured-products.vertical-featured-products {
  margin-top: 0;
}
.hf .featured-products.vertical-featured-products .brandline {
  display: none;
}
.hf .featured-products.vertical-featured-products .featured-products-body {
  flex-direction: column;
  gap: 30px;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content {
  flex-basis: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 40px;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item {
  flex-basis: 100%;
  align-items: flex-start;
  padding-top: 21px;
  border-top: 1px solid #a1a1a1;
  margin-top: 0;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(1) {
  padding-top: 0;
  border-top: 0;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  display: flex;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
  font-size: 16px;
  color: #444;
  margin-top: 10px;
  margin-bottom: 30px;
  display: flex;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .btnSubText {
  display: none;
}
.hf .featured-products .brandline {
  width: 100%;
  height: 5px;
}
.hf .featured-products .featured-products-body {
  display: flex;
  flex-direction: row;
  gap: 5%;
  padding: 30px 30px 40px;
}
.hf .featured-products .featured-products-body .featured-products-title {
  display: flex;
  flex-basis: 27%;
  flex-direction: column;
  gap: 5px;
}
.hf .featured-products .featured-products-body .featured-products-title .featured-products-headline {
  font-size: 18px;
  font-weight: 700;
  color: #444;
}
.hf .featured-products .featured-products-body .featured-products-title .featured-products-subheadline {
  font-size: 16px;
  color: #444;
}
.hf .featured-products .featured-products-body .featured-products-content {
  display: flex;
  flex-basis: 68%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(33% - 18px);
  flex-grow: 0;
  flex-shrink: 1;
  margin-top: 35px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(1),
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(2),
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item:nth-child(3) {
  margin-top: 0;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
  font-size: 16px;
  font-weight: 500;
  color: #444;
  display: flex;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
  font-size: 16px;
  color: #a1a1a1;
  margin-top: 5px;
  margin-bottom: 30px;
  display: flex;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .button {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: 0;
  color: #fff;
  padding: 10px 24px 11px 24px;
  text-transform: uppercase;
  text-decoration: none;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .button:active {
  box-shadow: none;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button .btnSubText {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #a1a1a1;
  margin-top: 8px;
  min-height: 17px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-video.vidyard .vidyard-player-container img {
  position: relative;
  height: auto;
  max-width: 340px;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-video .producthero--heroimage {
  width: 302px !important;
  height: 191px !important;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-image .producthero--heroimage {
  width: 302px !important;
  height: 191px !important;
}
.hf .featured-products .featured-products-body .featured-products-content .featured-products-media .media-library-video {
  width: 302px !important;
  height: 191px !important;
}
@media all and (max-width: 1199px) {
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
    flex-basis: calc(33% - 20px);
  }
}
@media all and (max-width: 991px) {
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
    flex-basis: calc(50% - 15px);
  }
}
@media all and (max-width: 767px) {
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item {
    align-items: flex-start;
  }
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
    text-align: start;
  }
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
    text-align: start;
  }
  .hf .featured-products.vertical-featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
    text-align: start;
  }
  .hf .featured-products .featured-products-body {
    padding: 30px 15px 40px;
    flex-direction: column;
    gap: 30px;
  }
  .hf .featured-products .featured-products-body .featured-products-title {
    flex-basis: 100%;
    align-items: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content {
    flex-basis: 100%;
    flex-direction: column;
    gap: 40px;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item {
    flex-basis: 100%;
    align-items: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-title {
    text-align: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-description {
    text-align: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-item .featured-products-item-button {
    text-align: center;
  }
  .hf .featured-products .featured-products-body .featured-products-content .featured-products-media .popup-video.vidyard .vidyard-player-container img {
    max-width: 100%;
  }
}
.hf .resource-center-index {
  width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hf .resource-center-index .resource-center-search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #666;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 9;
  position: sticky;
  top: 0;
}
.hf .resource-center-index .resource-center-search-box .sw-search-box {
  display: flex;
  width: 62.5%;
  height: 36px;
}
.hf .resource-center-index .resource-center-main {
  display: flex;
  flex-direction: row;
}
.hf .resource-center-index .resource-center-main .resource-center-filters {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 32.5%;
  background-color: #eee;
  padding-left: 15px;
  padding-right: 15px;
  align-items: flex-start;
}
.hf .resource-center-index .resource-center-main .resource-center-filters .sw-filters {
  position: sticky;
  top: 75px;
}
.hf .resource-center-index .resource-center-main .resource-center-content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 67.5%;
  flex-direction: column;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-filters-selection {
  margin-left: 15px;
  margin-right: 15px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .recource-center-notification {
  border: solid 2px #d4132b;
  background-color: #ffedef;
  margin: 20px 30px 0 30px;
  padding: 15px 20px 15px 25px;
  display: flex;
  flex-direction: row;
}
.hf .resource-center-index .resource-center-main .resource-center-content .recource-center-notification .icon-container {
  color: #d4132b;
  padding-right: 15px;
  font-size: 19px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .recource-center-notification .notification-text {
  font-size: 16px;
  font-weight: 500;
  color: #444;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-title {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #a1a1a1;
  margin-bottom: 20px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-title.separator-bottom {
  padding-bottom: 9px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 20px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: calc(50% - 15px) calc(50% - 15px);
  grid-auto-rows: 16px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items.resource-center-section-columns {
  flex-flow: column wrap;
  align-content: space-between;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item {
  display: flex;
  flex-direction: column;
  border-top-width: 5px;
  border-top-style: solid;
  box-shadow: 0 2px 12px 0 #ccc;
  background-color: #fff;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-type {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #a1a1a1;
  padding: 10px 20px;
  background-color: #eee;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-media {
  width: 100%;
  height: auto;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-media .resource-card-thumbnail {
  width: 100%;
  height: auto;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-media .popup-video.vidyard {
  width: 100%;
  height: auto;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-media .popup-video .producthero--heroimage {
  width: 100%;
  height: auto;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-media .popup-image .producthero--heroimage {
  width: 100%;
  height: auto;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-media .media-library-video {
  width: 100%;
  height: auto;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-title {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-description {
  ont-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #444;
  padding: 0 20px;
  margin-bottom: 30px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-action {
  padding: 0 20px;
  margin-bottom: 30px;
}
.hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item .resource-center-item-action .link {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f99d1c;
}
.hf .resource-center-index .resource-center-main .resource-center-content .no-result-error-message {
  font-size: 16px;
  color: #a1a1a1;
  margin-top: 20px;
  margin-left: 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 30px;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .hf .resource-center-index {
    width: calc(100% + 30px);
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 991px) {
  .hf .resource-center-index .resource-center-search-box {
    position: sticky;
    top: 0;
    padding: 10px 15px;
  }
  .hf .resource-center-index .resource-center-search-box .sw-search-box {
    display: flex;
    width: 100%;
    height: 36px;
  }
  .hf .resource-center-index .resource-center-main {
    flex-direction: column;
  }
  .hf .resource-center-index .resource-center-main .resource-center-filters {
    flex-basis: 100%;
    background-color: #fff;
    position: sticky;
    top: 56px;
    z-index: 9;
    padding: 0;
  }
  .hf .resource-center-index .resource-center-main .resource-center-content {
    flex-basis: 100%;
  }
  .hf .resource-center-index .resource-center-main .resource-center-content .resource-center-filters-selection {
    margin: 0;
  }
  .hf .resource-center-index .resource-center-main .resource-center-content .recource-center-notification {
    margin: 20px 15px 0 30px;
  }
  .hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards {
    max-height: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-template-columns: none;
  }
  .hf .resource-center-index .resource-center-main .resource-center-content .resource-center-cards .resource-center-section .resource-center-section-items .resource-center-item {
    width: 100%;
  }
}
.hf .events-landing .events-landing-search-box .sw-search-box {
  width: 62.5%;
}
.hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-title {
  color: #7d7d7d;
}
.hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-category-title .sw-filters-category-toggle-icon {
  color: #a1a1a1;
}
.hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-items {
  padding-left: 23px;
}
.hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-checkbox {
  line-height: normal;
  font-weight: 400;
}
.hf .events-landing .events-landing-main .events-landing-content {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 235px), url(/images/bg_gray-texture.png);
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip {
  font-size: 14px;
  font-weight: 500;
  padding: 7px 10px;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon:after,
.hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-chips .sw-filters-selection-chip .remove-icon:before {
  background-color: #a1a1a1;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-content .sw-filters-selection-results {
  font-weight: 500;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-cards {
  margin-top: 30px;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-cards .events-landing-section .events-landing-section-title {
  color: #7d7d7d;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-cards .events-landing-section .events-landing-section-title.separator-bottom {
  border-bottom: 1px solid #eee;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-cards .events-landing-section .events-landing-section-items {
  gap: 15px;
}
.hf .events-landing .events-landing-main .events-landing-content .events-landing-cards .events-landing-section .events-landing-section-items.events-landing-2-cols .landing-card {
  width: calc(50% - 15px);
  align-self: stretch;
}
.hf .events-landing .events-landing-main .events-landing-content .no-result-error-message {
  font-size: 16px;
  color: #a1a1a1;
  margin-top: 20px;
  margin-left: 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 30px;
  display: block;
}
.hf .events-landing .events-landing-main .events-landing-content .no-result-error-message.shifted {
  margin-top: -30px;
}
@media only screen and (max-width: 991px) {
  .hf .events-landing .events-landing-search-box .sw-search-box {
    width: 100%;
  }
  .hf .events-landing .events-landing-main .events-landing-filters {
    background-color: #fff;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters {
    border-bottom: 1px solid #ddd;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters.sw-filters-opened-mobile {
    border-bottom: none;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-title {
    color: #666;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-title .toggle-filters-mobile {
    font-weight: 700;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content {
    background-color: #fff;
    border-bottom: none;
    box-shadow: 0 2px 10px 0 rgba(68, 68, 68, 0.3);
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-content-mobile-controls {
    display: none;
    visibility: hidden;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category:last-child {
    border-bottom: none;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-category-title {
    font-size: 14px;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-category-title .sw-filters-category-toggle-icon {
    font-size: 8px;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-items {
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px;
    gap: 20px;
  }
  .hf .events-landing .events-landing-main .events-landing-filters .sw-filters .sw-filters-content .sw-filters-category .sw-filters-items .sw-filters-item .sw-filters-item-checkbox {
    font-weight: 400;
    line-height: 1.29;
  }
  .hf .events-landing .events-landing-main .events-landing-content {
    background-image: none;
  }
  .hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection sw-filters-selection-content {
    margin-bottom: 10px;
  }
  .hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-chips-wrapper {
    flex-direction: column;
  }
  .hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-chips-wrapper .sw-filters-selection-chips {
    order: 1;
    padding-bottom: 5px;
  }
  .hf .events-landing .events-landing-main .events-landing-content .events-landing-filters-selection .sw-filters-selection .sw-filters-selection-chips-wrapper .sw-selection-remove-all {
    order: 2;
    margin-left: auto;
    margin-right: 0;
  }
  .hf .events-landing .events-landing-main .events-landing-content .events-landing-cards {
    margin-top: 15px;
  }
  .hf .events-landing .events-landing-main .events-landing-content .events-landing-cards .events-landing-section .events-landing-section-items.events-landing-2-cols .landing-card {
    width: calc(50% - 15px);
    align-self: stretch;
  }
  .hf .events-landing .events-landing-main .events-landing-content .no-result-error-message.shifted {
    margin-top: -55px;
  }
}
.hf .add-to-calendar {
  position: relative;
  padding: 5px;
  display: inline-block;
}
.hf .add-to-calendar .widget .title {
  display: inline-block;
  position: relative;
  font-weight: 600;
  background: #fff;
  font-size: 16px;
  text-decoration: none;
  border: 1px solid #c7c7c7;
  padding: 13px;
  border-radius: 3px;
  cursor: pointer;
  color: #444;
}
.hf .add-to-calendar .widget .title .fa {
  min-width: 25px;
}
.hf .add-to-calendar .widget .title a {
  text-decoration: none;
  color: #444;
}
.hf .add-to-calendar .widget .links-contaier {
  border-radius: 3px;
  border: 1px solid #c7c7c7;
  position: absolute;
  background-color: #fff;
  z-index: 1;
  font-weight: 600;
}
.hf .add-to-calendar .widget .links-contaier .link-list {
  list-style: none;
  padding-left: 0;
}
.hf .add-to-calendar .widget .links-contaier .link-list li {
  padding: 15px;
}
.hf .add-to-calendar .widget .links-contaier .link-list li .icon {
  min-width: 25px;
  display: inline-block;
}
.hf .add-to-calendar .widget .links-contaier .link-list li a {
  text-decoration: none;
  color: #444;
}
.hf .fednews-landing {
  width: 1170px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hf .fednews-landing .sticky-section {
  position: sticky;
  z-index: 100;
  top: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.hf .fednews-landing .sticky-section .fednews-landing-search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #666;
  padding-top: 10px;
  padding-bottom: 10px;
}
.hf .fednews-landing .sticky-section .fednews-landing-search-box .sw-search-box {
  display: flex;
  width: 62.5%;
  max-width: 1000px;
  height: 36px;
}
.hf .fednews-landing .sticky-section .sticky-nav .inner {
  background-color: #eee;
  transition: all 0.2s ease-in-out;
  text-align: left;
  border-bottom: 5px solid #eee;
}
.hf .fednews-landing .sticky-section .sticky-nav .inner .links-row {
  padding-top: 14px;
}
.hf .fednews-landing .sticky-section .sticky-nav ul {
  margin: 0;
  padding-left: 15px;
}
.hf .fednews-landing .sticky-section .sticky-nav ul li {
  list-style-type: none;
  display: inline;
  padding: 0;
  margin: 0 30px 0 0;
}
.hf .fednews-landing .sticky-section .sticky-nav ul li a {
  color: #444;
  transition: all 0.2s ease-in-out;
  padding: 0 0 2px 0;
  border-bottom: 5px solid #eee;
  text-decoration: none;
  margin: 0 -4px -5px 0;
  max-width: 200px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: normal;
}
.hf .fednews-landing .sticky-section .sticky-nav ul li a.active,
.hf .fednews-landing .sticky-section .sticky-nav ul li a.targetActive {
  text-decoration: none;
  border-bottom: 5px solid #04c9d7;
  padding: 0 0 2px 0;
  font-weight: 700;
}
.hf .fednews-landing .sticky-section .sticky-nav ul li a:visited {
  text-decoration: none;
}
.hf .fednews-landing .sticky-section .sticky-nav ul li a:active {
  text-decoration: none;
}
.hf .fednews-landing .fednews-landing-main {
  margin-top: 30px;
  margin-bottom: 30px;
}
.hf .fednews-landing .fednews-landing-main .no-results {
  font-weight: 500;
  color: #a1a1a1;
  font-size: 16px;
  text-align: center;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section {
  margin-bottom: 30px;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-title {
  font-size: 16px;
  font-weight: 700;
  color: #444;
  text-transform: uppercase;
  border-bottom: 3px solid #eee;
  padding-bottom: 9px;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items {
  margin: 20px 0;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item {
  border-top-width: 5px;
  border-top-style: solid;
  box-shadow: 0 2px 12px 0 #ccc;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content {
  padding: 20px 20px 30px 20px;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-title {
  font-size: 18px;
  font-weight: 700;
  color: #444;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-details {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-details .date {
  display: inline-block;
  color: #a1a1a1;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-details .location {
  display: inline-block;
  border-left: 3px solid #a1a1a1;
  color: #f99d1c;
  padding-left: 5px;
  margin-left: 5px;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-details .location .location-link {
  color: inherit;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-description {
  margin-top: 20px;
  font-size: 16px;
  color: #444;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-action {
  margin-top: 20px;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item .fed-event-item-content .fed-event-item-action .fed-event-item-link {
  font-size: 14px;
  font-weight: 500;
  color: #f99d1c;
  text-decoration: none;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-links .more-less {
  font-size: 16px;
  font-weight: 500;
  color: #f99d1c;
  text-decoration: none;
  cursor: pointer;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-links .more-less.show-more {
  display: inline;
}
.hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-links .more-less.show-less {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .hf .fednews-landing {
    width: calc(100% + 30px);
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .hf .fednews-landing .sticky-section .sticky-nav ul {
    padding-left: 30px;
  }
  .hf .fednews-landing .fednews-landing-main {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .hf .fednews-landing .sticky-section .fednews-landing-search-box .sw-search-box {
    width: 90%;
  }
  .hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items .fed-event-item {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .hf .fednews-landing .fednews-landing-main .fednews-landing-section .fednews-landing-section-items {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    grid-auto-rows: 16px;
  }
}
.hf .quick-view-modal {
  background-color: #fff;
  margin: 0 auto;
}
.hf .quick-view-modal .quick-view-header {
  border-top: 5px solid #40e0d0;
  background-color: #444;
}
.hf .quick-view-modal .quick-view-header .product-icon {
  font-size: 25px;
  margin: 13px 0 0 20px;
  padding-bottom: 12px;
}
.hf .quick-view-modal .quick-view-header .view-modal-x-button {
  color: #fff;
  cursor: pointer;
}
.hf .quick-view-modal .quick-view-header .product-name {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 15px 0 15px;
  padding-bottom: 20px;
  color: #fff;
}
.hf .quick-view-modal .quick-view-header .quick-view-header-button {
  color: #fff;
  padding: 9px 24px;
  text-decoration: none;
}
.hf .quick-view-modal .introduction-area {
  margin: 0 15px 0;
}
.hf .quick-view-modal .introduction-area > p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.43;
}
.hf .quick-view-modal .introduction-area .introduction-area-button {
  font-size: 14px;
  font-weight: 500;
}
.hf .quick-view-modal .introduction-area .quick-view-media {
  min-height: 147px;
  margin-top: 30px;
}
.hf .quick-view-modal .introduction-area .quick-view-media img {
  width: 100%;
  height: 100%;
}
.hf .quick-view-modal .introduction-area .quick-view-media .quick-view-vidyard-image-video:focus,
.hf .quick-view-modal .introduction-area .quick-view-media .quick-view-vidyard-image-video:hover {
  cursor: pointer;
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}
.hf .quick-view-modal .benefit-statements {
  padding-bottom: 30px;
  margin-top: 30px;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}
.hf .quick-view-modal .benefit-statements .paragraph-title {
  padding-top: 20px;
  line-height: 1.38;
  margin: 0 15px 0;
  font-size: 16px;
}
.hf .quick-view-modal .benefit-statements p {
  font-size: 14px;
  line-height: 1.29;
  margin: 10px 15px 0;
}
.hf .quick-view-modal .external-integrations {
  background-color: #fafafa;
  padding: 0 15px 30px 15px;
}
.hf .quick-view-modal .external-integrations .title-integrations {
  margin: 0 0 20px;
  line-height: 1.57;
  font-size: 14px;
  font-weight: 700;
  color: gray;
}
.hf .quick-view-modal .external-integrations .body-integrations {
  display: grid;
  grid-template-columns: repeat(3, minmax(20px, 100px));
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}
.hf .quick-view-modal .external-integrations .body-integrations > img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.hf .quick-view-modal .external-integrations > a {
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .hf .quick-view-modal {
    margin: 0 auto;
    max-width: 995px;
  }
  .hf .quick-view-modal .quick-view-header {
    height: 95px;
  }
  .hf .quick-view-modal .quick-view-header .product-icon {
    float: left;
    font-size: 32px;
    margin-top: 29px;
  }
  .hf .quick-view-modal .quick-view-header .product-name {
    float: left;
    margin: 36px 0 0 15px;
    font-size: 16px;
  }
  .hf .quick-view-modal .quick-view-header .quick-view-header-button {
    float: right;
    margin: 23px 61px 0 15px;
  }
  .hf .quick-view-modal .quick-view-header .view-modal-x-button {
    float: right;
    font-size: 16px;
    margin: 35px 20px 0 0;
    color: #fff;
  }
  .hf .quick-view-modal .flex-container {
    display: flex;
  }
  .hf .quick-view-modal .flex-container .left-section {
    max-width: 615px;
    flex-shrink: 1;
    width: 100%;
  }
  .hf .quick-view-modal .flex-container .left-section .introduction-area {
    margin: 30px 30px 0;
  }
  .hf .quick-view-modal .flex-container .left-section .introduction-area .quick-view-media {
    max-height: 100%;
    height: 313px;
    margin-bottom: 30px;
  }
  .hf .quick-view-modal .flex-container .left-section .benefit-statements {
    margin: 0 30px 0;
    display: flex;
    justify-content: center;
  }
  .hf .quick-view-modal .flex-container .left-section .benefit-statements div {
    flex-grow: 1;
    flex-basis: 0;
  }
  .hf .quick-view-modal .flex-container .left-section .benefit-statements p {
    margin: 10px 0 0 0;
  }
  .hf .quick-view-modal .flex-container .left-section .benefit-statements .paragraph-title {
    margin: 0;
    padding: 0;
  }
  .hf .quick-view-modal .flex-container .right-section {
    width: 100%;
    flex-shrink: 0.8;
    max-width: 380px;
    background-color: #fafafa;
  }
  .hf .quick-view-modal .flex-container .right-section .benefit-statements {
    margin: 0 20px 0;
  }
  .hf .quick-view-modal .flex-container .right-section .benefit-statements .paragraph-title {
    margin: 30px 0 0;
    padding: 0;
  }
  .hf .quick-view-modal .flex-container .right-section .benefit-statements p {
    margin: 10px 0 0;
  }
  .hf .quick-view-modal .flex-container .right-section .external-integrations {
    height: 100%;
    padding: 0 20px 0 20px;
  }
  .hf .quick-view-modal .flex-container .right-section .external-integrations .body-integrations {
    justify-content: center;
  }
  .hf .quick-view-modal .flex-container .right-section .external-integrations .title-integrations {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .hf .quick-view-modal {
    margin-top: 31px;
    margin-bottom: 31px;
  }
  .hf .quick-view-modal .quick-view-header {
    padding-bottom: 39px;
  }
  .hf .quick-view-modal .quick-view-header .product-name {
    padding-bottom: 35px;
  }
  .hf .quick-view-modal .quick-view-header .view-modal-x-button {
    float: right;
    font-size: 14px;
    margin: 10px 15px 0 0;
    color: #fff;
  }
  .hf .quick-view-modal .quick-view-header-button {
    margin: 0 0 0 15px;
    margin-bottom: 30px;
  }
  .hf .quick-view-modal .introduction-area {
    margin-top: 20px;
  }
  .hf .quick-view-modal .benefit-statements {
    background-color: #fafafa;
  }
  .hf .quick-view-modal .external-integrations {
    background-color: #fafafa;
  }
}
.hf .navbar-gov #custom-bootstrap-menu li.solution-item a {
  text-decoration: none;
  color: #444;
  margin-left: 8px;
  padding: 0 15px 0 2px;
  font-weight: 700;
  width: 80%;
  display: inline-block;
  font-size: 14px;
  text-transform: initial;
  line-height: 34px;
}
.hf .navbar-gov #custom-bootstrap-menu .dropdown-menu li.view-all a {
  font-weight: 500;
  color: #f99d1c;
}
.hf .navbar-gov .header-gov {
  border-bottom: 5px solid #ccc;
  float: none;
  height: 60px;
  background: #444;
}
.hf .navbar-gov .header-gov .navbar-brand {
  float: left;
  height: 55px;
  padding: 16.5px 15px;
  font-size: 20px;
  line-height: 22px;
}
.hf .top_padding_10 {
  padding-top: 10px;
}
.hf .top_padding_20 {
  padding-top: 20px;
}
.hf .top_padding_30 {
  padding-top: 30px;
}
.hf .top_padding_40 {
  padding-top: 40px;
}
.hf .top_padding_50 {
  padding-top: 50px;
}
.hf .top-padding-60,
.hf .top_padding_60 {
  padding-top: 60px;
}
.hf .top_padding_70 {
  padding-top: 70px;
}
.hf .top_padding_80 {
  padding-top: 80px;
}
.hf .top_padding_90 {
  padding-top: 90px;
}
.hf .top_padding_100 {
  padding-top: 100px;
}
.hf .bottom-padding {
  padding-bottom: 60px;
}
.hf .top-buffer {
  margin-top: 60px;
}
.hf .full {
  width: 100%;
}
.hf .container-fluid.why .row,
.hf .homeProductModule .row {
  margin-left: 0;
  margin-right: 0;
}
.hf body {
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .hf .margin-bottom-50 {
    margin-bottom: 0;
  }
}
.hf .try-it-out {
  padding: 48px 0;
}
.hf .try-it-out div:nth-child(2) {
  border-right: 1px dotted #444;
  border-left: 1px dotted #444;
}
@media (max-width: 767px) {
  .hf .try-it-out div:nth-child(2) {
    border-top: 1px dotted #444;
    border-bottom: 1px dotted #444;
    padding: 16px 0;
  }
}
.hf .left {
  text-align: left;
}
.hf .right {
  text-align: right;
}
.hf .center {
  text-align: center;
}
.hf a.disabled {
  pointer-events: none;
}
.hf .postalytics_personalization h1 {
  visibility: hidden;
}
.hf [data-service-placeholder-id] {
  visibility: hidden;
}
.hf #gtx-trans {
  display: none !important;
}