@charset "UTF-8";
/* REPEAT VARIABLES & MIXINS */
/* ------------------------- */
/* Required since we compile the tu-main styles separately */
/* TU Mixins */
/* CSS Document */
/**
 * @license
 * MyFonts Webfont Build ID 2898902, 2014-10-09T15:44:33-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: IntroBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/bold/
 * 
 * Webfont: IntroBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/bold-italic/
 * 
 * Webfont: IntroLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/light/
 * 
 * Webfont: IntroLightItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/light-italic/
 * 
 * Webfont: IntroRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/book/
 * 
 * Webfont: IntroRegularItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/book-italic/
 * 
 * Webfont: IntroSemiBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/regular/
 * 
 * Webfont: IntroSemiBoldCaps by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/regular-caps/
 * 
 * Webfont: IntroSemiBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/regular-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2898902
 * Licensed pageviews: 20,000,000
 * Webfonts copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-6-0.woff2") format("woff2"), url("../../fonts/2CA963-6-0.woff") format("woff"), url("../../fonts/2CA963-6-0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-7-0.woff2") format("woff2"), url("../../fonts/2CA963-7-0.woff") format("woff"), url("../../fonts/2CA963-7-0.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-0-0.woff2") format("woff2"), url("../../fonts/2CA963-0-0.woff") format("woff"), url("../../fonts/2CA963-0-0.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-1-0.woff2") format("woff2"), url("../../fonts/2CA963-1-0.woff") format("woff"), url("../../fonts/2CA963-1-0.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-3-0.woff2") format("woff2"), url("../../fonts/2CA963-3-0.woff") format("woff"), url("../fonts/2CA963-3-0.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-5-0.woff2") format("woff2"), url("../../fonts/2CA963-5-0.woff") format("woff"), url("../fonts/2CA963-5-0.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-9-0.woff2") format("woff2"), url("../../fonts/2CA963-9-0.woff") format("woff"), url("../fonts/2CA963-9-0.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Intro';
  src: url("../../fonts/2CA963-B-0.woff2") format("woff2"), url("../../fonts/2CA963-B-0.woff") format("woff"), url("../../fonts/2CA963-B-0.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
/* Support Older IE */
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-6-0.eot") format("embedded-opentype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-7-0.eot") format("embedded-opentype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-0-0.eot") format("embedded-opentype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-1-0.eot") format("embedded-opentype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-3-0.eot") format("embedded-opentype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-5-0.eot") format("embedded-opentype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-9-0.eot") format("embedded-opentype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'IntroOldIE';
  src: url("../../fonts/2CA963-B-0.eot") format("embedded-opentype");
  font-weight: 600;
  font-style: italic; }
/* Caps Needs to be a Separate Family */
@font-face {
  font-family: 'IntroCaps';
  src: url("../../fonts/2CA963-4-0.eot");
  src: url("../../fonts/2CA963-4-0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2CA963-4-0.woff") format("woff"), url("../../fonts/2CA963-4-0.woff2") format("woff2"), url("../../fonts/2CA963-4-0.ttf") format("truetype"), url("../../fonts/2CA963-4-0.svg#wf") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'IntroCaps';
  src: url("../../fonts/2CA963-8-0.eot");
  src: url("../../fonts/2CA963-8-0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2CA963-8-0.woff") format("woff"), url("../../fonts/2CA963-8-0.woff2") format("woff2"), url("../../fonts/2CA963-8-0.ttf") format("truetype"), url("../../fonts/2CA963-8-0.svg#wf") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'IntroCaps';
  src: url("../../fonts/2CA963-A-0.eot");
  src: url("../../fonts/2CA963-A-0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2CA963-A-0.woff") format("woff"), url("../../fonts/2CA963-A-0.woff2") format("woff2"), url("../../fonts/2CA963-A-0.ttf") format("truetype"), url("../../fonts/2CA963-A-0.svg#wf") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'IntroCaps';
  src: url("../../fonts/2CA963-2-0.eot");
  src: url("../../fonts/2CA963-2-0.eot?#iefix") format("embedded-opentype"), url("../../fonts/2CA963-2-0.woff") format("woff"), url("../../fonts/2CA963-2-0.woff2") format("woff2"), url("../../fonts/2CA963-2-0.ttf") format("truetype"), url("../../fonts/2CA963-2-0.svg#wf") format("svg");
  font-weight: 700;
  font-style: normal; }
/* TransUnion Variables      */
/* ------------------------- */
/* Pulls all Bootstrap Variables into Other SCSS Files */
/* 2014 Brand Colors         */
/* ------------------------- */
/* Bootstrap Variables for Brand Colors */
/* Bootstrap Defined Colors */
/* Scaffolding */
/* Settings for some of the most global styles */
/* Background color for `<body>`. */
/* Global text color on `<body>`. */
/* Global textual link color. */
/* Link hover color set via `darken()` function. */
/* Common border color for most containers, tables, underlines, etc. */
/* Components */
/* Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). */
/* Typography */
/* Font, line-height, and color for body text, headings, and more. */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* Tables */
/* Customizes the `.table` component with basic values, each used across all table variations. */
/* Padding for `<th>`s and `<td>`s. */
/* Padding for cells in `.table-condensed`. */
/* Default background color used for all tables. */
/* Background color used for `.table-striped`. */
/* Background color used for `.table-hover`. */
/* Border color for table and cell borders. */
/* Buttons */
/* For each of Bootstrap's buttons, define text, background and border color. */
/* Button NAmes with Colors in stead of Descriptive Use */
/* Forms */
/* `<input>` background color */
/* `<input disabled>` background color */
/* Text color for `<input>`s */
/* `<input>` border color */
/* `<input>` border radius */
/* Border color for inputs on focus */
/* `<input readonly>` border color */
/* `<input disabled>` border color */
/* Placeholder text color */
/* Default `.form-control` height */
/* Large `.form-control` height */
/* Small `.form-control` height */
/* Background color for textual input addons */
/* Border color for textual input addons */
/* Dropdowns */
/* Dropdown menu container and contents. */
/* Background for the dropdown menu. */
/* Dropdown menu `border-color`. */
/* Dropdown menu `border-color` - for IE8 -. */
/* Divider color for between dropdown items. */
/* Dropdown link text color. */
/* Hover color for dropdown links. */
/* Hover background for dropdown links. */
/* Active dropdown menu item text color. */
/* Active dropdown menu item background color. */
/* Disabled dropdown menu item background color. */
/* Text color for headers within dropdown menus. */
/* Form states and alerts */
/* Define colors for form feedback states and, by default, alerts. */
/* Alerts  */
/* Define alert colors, border radius, and padding. */
/* Panels
/* Define panel colors, border radius, and padding. */
/* Border color for elements within panels */
/* Other Variables */
/* --------------- */
/* Layout */
/* imports Bootstrap's variables scss */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Page Structure Styles */
/* Main Body */
html {
  height: 100%;
  /*background:#fff url(../img/bg/html.png) top center repeat-x;*/ }

body {
  position: relative;
  height: 100%; }

/* Grid Modifications */
.container {
  padding-right: 16px;
  padding-left: 16px; }
  .container.containerNoRow {
    padding-left: 10px;
    padding-right: 10px; }

.row {
  margin-right: -6px;
  margin-left: -6px; }

*[class^='col-'], *[class*='col-'] {
  padding-right: 6px;
  padding-left: 6px; }

.whiteBottomBorder {
  border-bottom: 4px solid #ffffff; }

/* Flexbox Page Structure - Pushes footer to bottom of page */
body.flexBoxLayout {
  -js-display: flex;
  display: flex;
  flex-direction: column; }
  body.flexBoxLayout .stretchContent {
    flex: 1 0 auto; }

/* Header Styles */
#headerWrapper {
  position: relative;
  z-index: 5;
  height: 51px; }
  #headerWrapper #headerMain {
    height: 51px;
    width: 100%;
    padding: 0 16px;
    background-color: #ffffff;
    border-bottom: 4px solid #FCD800;
    z-index: 200; }
    #headerWrapper #headerMain #mobiNavActivate {
      position: absolute;
      top: 17px;
      right: 17px;
      width: 16px;
      height: 15px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
      z-index: 1001;
      -webkit-transform: translate3d(0, 0, 0); }
      #headerWrapper #headerMain #mobiNavActivate span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #00A6CA;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out; }
        #headerWrapper #headerMain #mobiNavActivate span:nth-child(1) {
          top: 0px; }
        #headerWrapper #headerMain #mobiNavActivate span:nth-child(2), #headerWrapper #headerMain #mobiNavActivate span:nth-child(3) {
          top: 6px; }
        #headerWrapper #headerMain #mobiNavActivate span:nth-child(4) {
          top: 12px; }
    #headerWrapper #headerMain #headerLogo {
      float: left;
      width: 100px;
      height: 27px;
      margin: 7px 0 0 0;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100px 27px;
      -webkit-transition: margin .5s, height .5s, width .5s, background-size .5s;
      transition: margin .5s, height .5s, width .5s, background-size .5s; }
      #headerWrapper #headerMain #headerLogo:not([itemscope]) {
        background-image: url(../img/logoHeader.svg); }
      #headerWrapper #headerMain #headerLogo img {
        width: 100px;
        height: 27px;
        -webkit-transition: height .5s, width .5s;
        transition: height .5s, width .5s; }
    #headerWrapper #headerMain #mobileMainNav {
      position: fixed;
      top: 0;
      left: -266px;
      bottom: 0;
      padding: 61px 0 0 15px;
      width: 266px;
      overflow-y: auto;
      background-color: #ffffff;
      box-shadow: none;
      z-index: 1000;
      -webkit-transition: left .5s, box-shadow .5s;
      transition: left .5s, box-shadow .5s; }
    #headerWrapper #headerMain #targetNav {
      position: fixed;
      top: 0;
      left: -266px;
      display: block;
      width: 266px;
      height: 47px;
      padding: 9px 0 0 14px;
      background-color: #ffffff;
      font-size: 11px;
      font-family: IntroCaps;
      z-index: 1001;
      -webkit-transition: left .5s, box-shadow .5s;
      transition: left .5s, box-shadow .5s; }
      #headerWrapper #headerMain #targetNav .active {
        border-bottom: 4px solid #00A6CA; }
      #headerWrapper #headerMain #targetNav a {
        float: left;
        height: 31px;
        margin-right: 20px;
        color: #000000;
        text-decoration: none;
        font-weight: 300; }
        #headerWrapper #headerMain #targetNav a.active {
          font-weight: 600; }
        #headerWrapper #headerMain #targetNav a:hover {
          font-weight: 600;
          border-bottom: 4px solid rgba(0, 0, 0, 0.131); }
      #headerWrapper #headerMain #targetNav a.searchLink {
        float: right;
        font-size: 20px;
        margin-top: -3px; }
        #headerWrapper #headerMain #targetNav a.searchLink:hover {
          border-bottom: none; }
      #headerWrapper #headerMain #targetNav .blue-bar {
        display: none; }
      #headerWrapper #headerMain #targetNav.targetShadowed {
        box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.2); }
      #headerWrapper #headerMain #targetNav .searchBox .searchField {
        padding-left: 25px;
        padding-right: 30px;
        width: 170px;
        height: 35px;
        float: left; }
      #headerWrapper #headerMain #targetNav .searchBox .searchField::-ms-clear {
        display: none;
        width: 0;
        height: 0; }
      #headerWrapper #headerMain #targetNav .searchBox .searchField::-ms-reveal {
        display: none;
        width: 0;
        height: 0; }
      #headerWrapper #headerMain #targetNav .searchBox .searchField::-webkit-search-decoration,
      #headerWrapper #headerMain #targetNav .searchBox .searchField::-webkit-search-cancel-button,
      #headerWrapper #headerMain #targetNav .searchBox .searchField::-webkit-search-results-button,
      #headerWrapper #headerMain #targetNav .searchBox .searchField::-webkit-search-results-decoration {
        display: none; }
      #headerWrapper #headerMain #targetNav .searchBox .fa-search {
        position: absolute;
        top: 17px;
        left: 20px;
        font-size: 15px; }
      #headerWrapper #headerMain #targetNav .searchBox .clearBtn {
        position: absolute;
        top: 5px;
        right: 84px;
        border: none;
        background: none; }
        #headerWrapper #headerMain #targetNav .searchBox .clearBtn .fa {
          font-size: 35px; }
      #headerWrapper #headerMain #targetNav .searchBox a.cancelLink {
        display: block;
        float: right;
        font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin-top: 6px; }
        #headerWrapper #headerMain #targetNav .searchBox a.cancelLink:hover {
          border-bottom: none; }
    #headerWrapper #headerMain #mainNav .container {
      padding: 0; }
    #headerWrapper #headerMain #mainNav .nav-tabs {
      border-bottom: none; }
    #headerWrapper #headerMain #mainNav .nav li {
      margin: 0;
      padding: 0;
      width: 100%;
      padding-right: 10px; }
      #headerWrapper #headerMain #mainNav .nav li a, #headerWrapper #headerMain #mainNav .nav li .spSubHead {
        display: block;
        padding: 14px 0 0 0;
        width: 100%;
        height: 42px;
        font-size: 13px;
        line-height: normal;
        font-weight: 600;
        color: #000000;
        text-decoration: none;
        background-color: transparent; }
        #headerWrapper #headerMain #mainNav .nav li a.activeSubNav, #headerWrapper #headerMain #mainNav .nav li .spSubHead.activeSubNav {
          height: 56px;
          margin-bottom: 16px;
          border-bottom: 2px solid #FCD800; }
      #headerWrapper #headerMain #mainNav .nav li .subNav {
        margin-bottom: 22px;
        padding-left: 15px; }
        #headerWrapper #headerMain #mainNav .nav li .subNav li a {
          font-weight: 400;
          height: auto;
          padding-bottom: 10px; }
        #headerWrapper #headerMain #mainNav .nav li .subNav li:last-child {
          margin-bottom: 2px; }
        #headerWrapper #headerMain #mainNav .nav li .subNav li.solutionsForSmallBiz .fa {
          margin: -2px 5px 0 0;
          font-size: 13px; }
        #headerWrapper #headerMain #mainNav .nav li .subNav li.viewAllProdNav .fa {
          margin-left: 5px;
          font-size: 13px; }
      #headerWrapper #headerMain #mainNav .nav li .insightsWrapper {
        margin-bottom: 0; }
        #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightTopContent {
          padding-top: 0;
          height: 34px;
          font-size: 13px; }
        #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList {
          padding-bottom: 0;
          border-bottom: none; }
          #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight {
            height: auto; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight img {
              width: 63px;
              height: 63px;
              display: table-cell;
              float: left; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .dateIcon {
              width: 63px;
              height: 63px;
              display: table-cell;
              float: left; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .dateIcon .month {
                font-size: 10px;
                margin-top: 11px;
                margin-bottom: 4px; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .dateIcon .date {
                font-size: 26px; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText {
              background-color: transparent;
              padding: 0 0 0 12px;
              display: table-cell; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText .eyebrow {
                margin-top: -3px;
                font-size: 12px;
                font-weight: 600;
                line-height: 1em; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText p {
                font-weight: normal; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText .insightLink {
                font-size: 12px;
                font-weight: 600; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight.feature .insightText .eyebrow {
              margin-top: 5px; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight.feature .insightText .insightLink {
              margin-bottom: 5px; }
        #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .allInsightLink {
          font-size: 12px;
          font-weight: 600;
          font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
          #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .allInsightLink .fa {
            font-size: 13px;
            margin-left: 8px;
            color: #00A6CA; }
    #headerWrapper #headerMain #mainNav.xsVisible {
      left: 0; }
    #headerWrapper #headerMain #utilityNav {
      float: left;
      width: 100%;
      margin: 29px 0 22px 0;
      font-family: IntroCaps;
      font-size: 11px;
      font-weight: 600; }
      #headerWrapper #headerMain #utilityNav a {
        float: left;
        width: 100%;
        margin-bottom: 6px;
        color: #000000;
        text-decoration: none; }
      #headerWrapper #headerMain #utilityNav .divider {
        display: none; }
      #headerWrapper #headerMain #utilityNav .utilityDropDown {
        width: 231px;
        float: left;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5); }
        #headerWrapper #headerMain #utilityNav .utilityDropDown li a {
          display: block;
          padding: 15px 10px; }
        #headerWrapper #headerMain #utilityNav .utilityDropDown li a:hover {
          background-color: rgba(0, 0, 0, 0.04); }
      #headerWrapper #headerMain #utilityNav .language {
        width: auto; }
      #headerWrapper #headerMain #utilityNav .flag {
        display: block;
        float: right;
        padding: 0;
        margin: 6px 0 0 10px;
        width: 16px;
        height: 10px;
        background-image: url(../img/flags/flags.png);
        background-repeat: no-repeat;
        background-position: 0px 0px; }
        #headerWrapper #headerMain #utilityNav .flag img {
          vertical-align: text-bottom; }
        #headerWrapper #headerMain #utilityNav .flag.us {
          background-position: 0 0; }
        #headerWrapper #headerMain #utilityNav .flag.bw {
          background-position: 0 -15px; }
        #headerWrapper #headerMain #utilityNav .flag.br {
          background-position: 0 -30px; }
        #headerWrapper #headerMain #utilityNav .flag.ca {
          background-position: 0 -45px; }
        #headerWrapper #headerMain #utilityNav .flag.cl {
          background-position: 0 -60px; }
        #headerWrapper #headerMain #utilityNav .flag.cn {
          background-position: 0 -75px; }
        #headerWrapper #headerMain #utilityNav .flag.hr {
          background-position: 0 -90px; }
        #headerWrapper #headerMain #utilityNav .flag.cr {
          background-position: 0 -105px; }
        #headerWrapper #headerMain #utilityNav .flag.sv {
          background-position: 0 -120px; }
        #headerWrapper #headerMain #utilityNav .flag.gt {
          background-position: 0 -135px; }
        #headerWrapper #headerMain #utilityNav .flag.hn {
          background-position: 0 -150px; }
        #headerWrapper #headerMain #utilityNav .flag.hk {
          background-position: 0 -165px; }
        #headerWrapper #headerMain #utilityNav .flag.in {
          background-position: 0 -180px; }
        #headerWrapper #headerMain #utilityNav .flag.ke {
          background-position: 0 -195px; }
        #headerWrapper #headerMain #utilityNav .flag.mw {
          background-position: 0 -210px; }
        #headerWrapper #headerMain #utilityNav .flag.my {
          background-position: 0 -225px; }
        #headerWrapper #headerMain #utilityNav .flag.mx {
          background-position: 0 -240px; }
        #headerWrapper #headerMain #utilityNav .flag.na {
          background-position: 0 -255px; }
        #headerWrapper #headerMain #utilityNav .flag.ni {
          background-position: 0 -270px; }
        #headerWrapper #headerMain #utilityNav .flag.ph {
          background-position: 0 -285px; }
        #headerWrapper #headerMain #utilityNav .flag.rw {
          background-position: 0 -300px; }
        #headerWrapper #headerMain #utilityNav .flag.sa {
          background-position: 0 -315px; }
        #headerWrapper #headerMain #utilityNav .flag.tz {
          background-position: 0 -330px; }
        #headerWrapper #headerMain #utilityNav .flag.th {
          background-position: 0 -345px; }
        #headerWrapper #headerMain #utilityNav .flag.tt {
          background-position: 0 -360px; }
        #headerWrapper #headerMain #utilityNav .flag.ug {
          background-position: 0 -375px; }
        #headerWrapper #headerMain #utilityNav .flag.vn {
          background-position: 0 -240px; }
        #headerWrapper #headerMain #utilityNav .flag.zm {
          background-position: 0 -375px; }
        #headerWrapper #headerMain #utilityNav .flag.zw {
          background-position: 0 -240px; }
        #headerWrapper #headerMain #utilityNav .flag.co {
          background-position: 0 -435px; }
      #headerWrapper #headerMain #utilityNav #languageNav {
        max-height: 500px;
        overflow-y: scroll; }
        #headerWrapper #headerMain #utilityNav #languageNav a {
          font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
          font-size: 14px;
          padding: 11px 0 11px 20px;
          margin-bottom: 0; }
          #headerWrapper #headerMain #utilityNav #languageNav a .flag {
            float: left;
            margin: 1px 10px 0 0; }
            #headerWrapper #headerMain #utilityNav #languageNav a .flag img {
              vertical-align: text-top; }
          #headerWrapper #headerMain #utilityNav #languageNav a .countryLanguage {
            color: #707070;
            margin-left: 26px; }
    #headerWrapper #headerMain #searchContact #searchContainer {
      display: none; }
    #headerWrapper #headerMain #mobileFade {
      /*display: none;*/
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      width: 1px;
      opacity: 0;
      background: rgba(0, 166, 202, 0.5);
      z-index: 900;
      -webkit-transition: display 1s, opacity 1s;
      transition: display 1s, opacity 1s; }
    #headerWrapper #headerMain.affix {
      -webkit-font-smoothing: antialiased; }
  #headerWrapper.blue {
    background-color: #00A6CA; }
    #headerWrapper.blue #headerMain {
      background-color: #00A6CA; }
      #headerWrapper.blue #headerMain #headerLogo:not([itemscope]) {
        background-image: url(../img/logoHeaderWhite.svg); }

.mobileMenuOpen {
  overflow: hidden; }
  .mobileMenuOpen #headerWrapper #headerMain #mobiNavActivate span {
    background-color: #ffffff; }
    .mobileMenuOpen #headerWrapper #headerMain #mobiNavActivate span:nth-child(1) {
      top: 6px;
      width: 0%;
      left: 50%; }
    .mobileMenuOpen #headerWrapper #headerMain #mobiNavActivate span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .mobileMenuOpen #headerWrapper #headerMain #mobiNavActivate span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .mobileMenuOpen #headerWrapper #headerMain #mobiNavActivate span:nth-child(4) {
      top: 6px;
      width: 0%;
      left: 50%; }
  .mobileMenuOpen #headerWrapper #headerMain #mobileMainNav {
    left: 0;
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.3); }
    .mobileMenuOpen #headerWrapper #headerMain #mobileMainNav #targetNav {
      left: 0; }
  .mobileMenuOpen #headerWrapper #headerMain #mobileFade {
    display: block;
    width: 100%;
    right: 0;
    opacity: 1; }

.no-svg #headerWrapper #headerMain #headerLogo:not([itemscope]) {
  background-image: url(../img/logoHeaderXs.png); }
.no-svg #headerWrapper.blue #headerMain #headerLogo:not([itemscope]) {
  background-image: url(../img/logoHeaderWhiteXs.png); }

/* Logo size for HK */
.transunion-hk #headerWrapper #headerMain #headerLogo, .transunion-hk_zh #headerWrapper #headerMain #headerLogo {
  width: 84px;
  height: 40px;
  margin: 5px 0 0 0;
  background-size: 84px 40px; }
  .transunion-hk #headerWrapper #headerMain #headerLogo img, .transunion-hk_zh #headerWrapper #headerMain #headerLogo img {
    width: 84px;
    height: 40px; }

#headerMain.affix {
  position: fixed;
  top: 0; }

/* Nav Bar Styles */
/* Side Accordian */
.sideAccordian {
  font-size: 16px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07); }
  .sideAccordian.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    background-color: #ffffff; }
    .sideAccordian.panel-group .panel + .panel {
      margin-top: 1px; }
  .sideAccordian.panel-group .panel-default {
    border: none; }
    .sideAccordian.panel-group .panel-default > .panel-heading {
      border: none;
      background-color: rgba(0, 0, 0, 0.065); }
  .sideAccordian.panel-group .panel-title {
    font-weight: 600;
    text-decoration: none; }
  .sideAccordian.panel-group .list-group {
    margin-bottom: 15px;
    margin-left: 15px; }
  .sideAccordian.panel-group .list-group-item {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0; }
    .sideAccordian.panel-group .list-group-item a {
      color: #000000;
      text-decoration: none; }
    .sideAccordian.panel-group .list-group-item:first-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .sideAccordian.panel-group .list-group-item:last-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border: none; }

/* Tab Navs */
.nav-tabs {
  border-bottom-color: #707070;
  background-color: #ffffff; }
  .nav-tabs > li {
    margin-bottom: 0; }
    .nav-tabs > li > a {
      height: 43px;
      padding: 10px 15px 0 15px;
      border-radius: 0;
      border: none;
      background-color: rgba(0, 0, 0, 0.065);
      font-size: 16px;
      color: #000000;
      text-decoration: none; }
      .nav-tabs > li > a:hover {
        border: none;
        background-color: rgba(0, 0, 0, 0.131); }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      height: 44px;
      padding-top: 6px;
      color: #00A6CA;
      background-color: #ffffff;
      border: none;
      border-top: 4px solid #00A6CA;
      margin-bottom: -1px; }

/* CSS Document */
/* Body text */
body {
  height: 100%;
  font-family: Intro,"Trebuchet MS",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.375em;
  color: #000000; }
  body input, body textarea, body .uneditable-input, body button, body select, body textarea, body label {
    font-family: Intro,"Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 16px; }

.gm-style {
  font-family: Intro,"Trebuchet MS",Helvetica,Arial,sans-serif; }

.ie body {
  font-family: IntroOldIE,"Trebuchet MS",Helvetica,Arial,sans-serif; }
  .ie body input, .ie body textarea, .ie body .uneditable-input, .ie body button, .ie body select, .ie body textarea, .ie body label {
    font-family: IntroOldIE,"Trebuchet MS",Helvetica,Arial,sans-serif; }

::selection {
  background: #FCD800; }

::-moz-selection {
  background: #FCD800; }

/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #000000;
  font-weight: 600; }
  h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline, .h1.underline, .h2.underline, .h3.underline, .h4.underline, .h5.underline, .h6.underline {
    border-bottom: 1px solid rgba(0, 0, 0, 0.131); }

h3 {
  color: #006685; }

h1, .primaryHeadline {
  font-size: 22px;
  line-height: 1.25em;
  font-weight: 300; }

h2, .secondaryHeadline {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400; }

h3, .introOne {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600; }

h4, .introTwo {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600; }

h5, .labelHead {
  /* Labels */
  font-size: 16px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600; }

h6, .eyebrow {
  /* Eyebrows */
  font-size: 10px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600; }

.description {
  font-size: 14px;
  line-height: 18px; }

/* Bullets */
ul, ol {
  margin: 0;
  padding: 0; }
  ul li, ol li {
    padding: 0;
    margin: 0 0 5px 1.3em;
    font-size: 1em;
    line-height: 1.3em; }
  ul ul li, ul ol li, ol ul li, ol ol li {
    margin: 0 0 5px 50px; }

ul li {
  margin-left: 0;
  list-style-type: none; }

ul.bullets {
  padding: 0 0 0 20px; }
  ul.bullets li {
    margin-left: 20px; }
    ul.bullets li:before {
      content: "\2192";
      float: left;
      width: 20px;
      margin-left: -20px; }
  ul.bullets ul li:before {
    content: "\00B7";
    float: left;
    width: 20px;
    margin-left: -20px; }

/* Links */
a {
  color: #006685;
  outline: none;
  text-decoration: underline; }
  a:hover i {
    text-decoration: none; }
  a:focus {
    outline: none; }

/* Alert Styles */
.alert {
  padding: 15px 35px;
  margin-bottom: 20px;
  border: 3px solid transparent;
  border-radius: 0;
  font-size: 13px;
  /* Headings for larger alerts */
  /* Provide class for links that match alerts */
  /* Improve alignment and spacing of inner content */ }
  .alert h4 {
    margin-top: 0;
    font-size: 14px;
    /* Specified for the h4 to prevent conflicts of changing $headings-color */
    color: inherit;
    font-weight: 400; }
  .alert .alert-link {
    font-weight: bold; }
  .alert ul {
    padding-left: 1.25em; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0;
    color: #000000; }
  .alert > p + p {
    margin-top: 5px; }
  .alert .alertIcon {
    float: left;
    margin-left: -25px;
    margin-top: -3px;
    font-size: 130%; }

/* Dismissable alerts */
/* Expand the right padding and account for the close button's positioning. */
.alert-dismissable {
  padding-right: 45px;
  /* Adjust close link position */ }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

/* Alternate styles */
/* Generate contextual modifier classes for colorizing the alert. */
.alert-success {
  background-color: #ffffff;
  border-color: #008A00;
  color: #008A00; }
  .alert-success hr {
    border-top-color: #007100; }
  .alert-success .alert-link {
    color: #005700; }

.alert-info {
  background-color: #ffffff;
  border-color: #00A6CA;
  color: #00A6CA; }
  .alert-info hr {
    border-top-color: #0091b1; }
  .alert-info .alert-link {
    color: #007c97; }

.alert-warning {
  background-color: #ffffff;
  border-color: #F16E00;
  color: #F16E00; }
  .alert-warning hr {
    border-top-color: #d86200; }
  .alert-warning .alert-link {
    color: #be5700; }

.alert-danger {
  background-color: #ffffff;
  border-color: #D74025;
  color: #D74025; }
  .alert-danger hr {
    border-top-color: #c13a21; }
  .alert-danger .alert-link {
    color: #ab331e; }

/* Panel Styles */
.panel {
  margin-bottom: 20px;
  background-color: #eeeeee;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .panel h3 {
    margin-top: 5px; }

/* Panel contents */
.panel-body {
  padding: 15px; }

/* Optional footer (stays gray in every modifier class) */
.panel-footer {
  background-color: #e9e9e9;
  border-top: 1px solid #e1e1e1; }

/* Contextual variations */
.panel-default {
  border-color: rgba(0, 0, 0, 0.131); }
  .panel-default > .panel-heading {
    color: #000000;
    background-color: rgba(0, 0, 0, 0.131);
    border-color: rgba(0, 0, 0, 0.131); }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: rgba(0, 0, 0, 0.131); }
    .panel-default > .panel-heading .badge {
      color: rgba(0, 0, 0, 0.131);
      background-color: #000000; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgba(0, 0, 0, 0.131); }

.panel-primary {
  border-color: #00A6CA; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #00A6CA;
    border-color: #00A6CA; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #00A6CA; }
    .panel-primary > .panel-heading .badge {
      color: #00A6CA;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #00A6CA; }

.panel-success {
  border-color: #008A00; }
  .panel-success > .panel-heading {
    color: #008A00;
    background-color: #ffffff;
    border-color: #008A00; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #008A00; }
    .panel-success > .panel-heading .badge {
      color: #ffffff;
      background-color: #008A00; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #008A00; }

.panel-info {
  border-color: #00A6CA; }
  .panel-info > .panel-heading {
    color: #00A6CA;
    background-color: #ffffff;
    border-color: #00A6CA; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #00A6CA; }
    .panel-info > .panel-heading .badge {
      color: #ffffff;
      background-color: #00A6CA; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #00A6CA; }

.panel-warning {
  border-color: #F16E00; }
  .panel-warning > .panel-heading {
    color: #F16E00;
    background-color: #ffffff;
    border-color: #F16E00; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #F16E00; }
    .panel-warning > .panel-heading .badge {
      color: #ffffff;
      background-color: #F16E00; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #F16E00; }

.panel-danger {
  border-color: #D74025; }
  .panel-danger > .panel-heading {
    color: #D74025;
    background-color: #ffffff;
    border-color: #D74025; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #D74025; }
    .panel-danger > .panel-heading .badge {
      color: #ffffff;
      background-color: #D74025; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #D74025; }

/* Form Styles */
/* Labels & Legends */
label, .label {
  display: block;
  margin: 0;
  color: #000000;
  font-weight: normal; }

.asterisk {
  color: #F16E00; }

legend {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.131);
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase; }
  legend a:hover {
    text-decoration: none; }

/* Fancy Labels in Fields */
.inFieldLabels {
  padding-top: 24px; }
  .inFieldLabels .form-group {
    position: relative;
    padding-top: 20px; }
    .inFieldLabels .form-group label, .inFieldLabels .form-group .label {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      -webkit-transition: font-size .5s, color .5s, left .1s, top .1s;
      /* Safari */
      transition: font-size .5s, color .5s, left .1s, top .1s;
      -webkit-transition-timing-function: linear;
      /* Safari and Chrome */
      transition-timing-function: linear; }
      .inFieldLabels .form-group label.inForm, .inFieldLabels .form-group .label.inForm {
        top: 27px;
        left: 10px;
        display: block;
        font-size: 18px;
        color: #707070; }
      .inFieldLabels .form-group label.error, .inFieldLabels .form-group .label.error {
        position: relative;
        height: auto; }
    .inFieldLabels .form-group .form-control {
      height: 36px;
      font-size: 18px; }

/* Forms Controls */
.form-control {
  color: #000000;
  height: 36px;
  padding: 6px 8px;
  border-radius: 0; }

textarea {
  resize: none; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select,
.form-control {
  border: 1px solid rgba(0, 0, 0, 0.131);
  background-color: #ffffff;
  background-position: top left;
  background-repeat: no-repeat;
  box-shadow: none; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus,
.form-control:focus {
  border-color: #00A6CA;
  border-width: 2px;
  box-shadow: none;
  outline: none; }

select, button, .outline {
  border: 1px solid #707070; }

.ie select {
  font-family: 'Arial Narrow', Arial; }

.checkbox {
  margin-top: 0;
  margin-bottom: 0; }

.input-group-addon {
  background-color: rgba(0, 0, 0, 0.131);
  border-color: #707070;
  color: #000000;
  border-radius: 0; }

/* Placeholders */
::-webkit-input-placeholder {
  color: #707070; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #707070; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #707070; }

:-ms-input-placeholder {
  color: #707070; }

/* Read Only and Disabled Styles */
input[readonly], select[readonly], textarea[readonly], .form-control[readonly] {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.131);
  font-weight: 700;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

input[disabled="disabled"], select[disabled="disabled"], .form-control[disabled], fieldset[disabled] .form-control {
  border: 1px solid #eeeeee;
  font-weight: 700;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none; }

.checkbox[disabled="disabled"] {
  opacity: .4; }

/* Placeholder hint text color overrides */
#mainContent .form-control::-webkit-input-placeholder {
  /* Chrome and Safari */
  color: rgba(0, 0, 0, 0.131); }

#mainContent .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.131); }

#mainContent .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.131); }

#mainContent .form-control:-ms-input-placeholder {
  /* IE */
  color: rgba(0, 0, 0, 0.131); }

.placeholder-visible, .form-control.placeholder-visible {
  /* WebShims Placeholder */
  color: rgba(0, 0, 0, 0.131) !important; }

/* Content that is a Form Control when the screen is editable */
strong.content {
  float: left;
  width: 100%;
  line-height: 1em;
  margin-bottom: 12px; }

.form-control-static {
  font-weight: 700; }

/* Error Styles for jQuery Validation */
label.error {
  position: relative;
  display: block;
  width: 100%;
  padding: 4px 5px;
  margin-top: -1px;
  background-color: #fbeae7;
  color: #D74025;
  font-weight: normal;
  border: 1px solid #D74025; }
  label.error:after, label.error:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  label.error:after {
    right: 10px;
    border-bottom-color: #fbeae7;
    border-width: 6px; }
  label.error:before {
    right: 9px;
    border-bottom-color: #D74025;
    border-width: 7px; }
  label.error.errorTopLeft:after {
    right: auto;
    left: 10px; }
  label.error.errorTopLeft:before {
    right: auto;
    left: 9px; }
  label.error.errorLeftTop:after {
    right: auto;
    left: -12px;
    top: 3px;
    border-bottom-color: transparent;
    border-right-color: #fbeae7; }
  label.error.errorLeftTop:before {
    right: auto;
    left: -14px;
    top: 2px;
    border-bottom-color: transparent;
    border-right-color: #D74025; }

input[type="text"].error {
  border: 1px solid #D74025; }

select.error {
  border: 1px solid #D74025; }

/* Legacy Error Label */
.fieldError input,
.fieldError select {
  border-color: #D74025; }

.required label {
  font-weight: bold; }

/* Style for Form Element Changes */
input.changed, select.changed, textarea.changed {
  border: 1px solid #00A6CA; }

/* Button Styles */
/* Mixin for generating new styles */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none; }

/* Common styles */
a.btn {
  text-decoration: none; }

.btn {
  padding-top: 5px;
  padding-right: 24px;
  padding-bottom: 11px;
  padding-left: 24px;
  height: 36px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1em;
  text-shadow: none;
  border-radius: 0;
  border-width: 4px;
  border-style: solid;
  background-image: none;
  -webkit-transition: padding-top .5s, padding-bottom .5s, height .5s;
  transition: padding-top .5s, padding-bottom .5s, height .5s;
  /* Remove the gradient for the pressed/active state */ }
  .btn:active, .btn.active {
    background-image: none; }
  .btn.slim {
    padding-top: 0;
    padding-bottom: 9px;
    height: 29px; }
  .btn .fa {
    margin-bottom: -6px; }
  .btn[disabled] {
    opacity: 0.4; }
  .btn.tui-orange-tall-btn {
    height: auto;
    padding-top: 12px;
    padding-bottom: 18px;
    padding-right: 44px; }
    .btn.tui-orange-tall-btn span {
      float: left;
      text-align: left;
      line-height: 130%; }
    .btn.tui-orange-tall-btn i.fa, .btn.tui-orange-tall-btn span.fa {
      float: right;
      margin-top: 10px;
      margin-right: -22px;
      font-size: 18px; }
    .btn.tui-orange-tall-btn span.fa {
      line-height: normal; }

.shadow {
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.08); }
  .shadow:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    left: 2px;
    top: 2px; }

/* Apply the mixin to the buttons */
.btn-default, .btn-default[disabled] {
  background-color: #ffffff;
  border-color: #000000;
  color: #000000; }
  .btn-default:hover, .btn-default:focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus {
    background-color: #e3e3e3;
    border-color: black;
    color: #000000; }

.btn-primary, .btn-primary[disabled] {
  background-color: #FCD800;
  border-color: #FCD800;
  color: #000000; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus {
    background-color: #c4a800;
    border-color: #c4a800;
    color: #000000; }

.btn-secondary, .btn-secondary[disabled] {
  background-color: #00A6CA;
  border-color: #00A6CA;
  color: #ffffff; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus {
    background-color: #007892;
    border-color: #007892;
    color: #ffffff; }

.btn-success, .btn-success[disabled] {
  background-color: #008A00;
  border-color: #008A00;
  color: #ffffff; }
  .btn-success:hover, .btn-success:focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus {
    background-color: #005200;
    border-color: #005200;
    color: #ffffff; }

.btn-info, .btn-info[disabled] {
  background-color: #00A6CA;
  border-color: #00A6CA;
  color: #ffffff; }
  .btn-info:hover, .btn-info:focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus {
    background-color: #007892;
    border-color: #007892;
    color: #ffffff; }

.btn-warning, .btn-warning[disabled] {
  background-color: #F16E00;
  border-color: #F16E00;
  color: #ffffff; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus {
    background-color: #b95400;
    border-color: #b95400;
    color: #ffffff; }

.btn-danger, .btn-danger[disabled] {
  background-color: #D74025;
  border-color: #D74025;
  color: #ffffff; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus {
    background-color: #a7321d;
    border-color: #a7321d;
    color: #ffffff; }

/* Button Colors */
.tui-orange-btn, .tui-orange-btn[disabled] {
  background-color: #F16E00;
  border-color: #F16E00;
  color: #ffffff; }
  .tui-orange-btn:hover, .tui-orange-btn:focus, .tui-orange-btn[disabled]:hover, .tui-orange-btn[disabled]:focus {
    background-color: #b95400;
    border-color: #b95400;
    color: #ffffff; }

.btn-white, .btn-white[disabled] {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000; }
  .btn-white:hover, .btn-white:focus, .btn-white[disabled]:hover, .btn-white[disabled]:focus {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    color: #000000; }

.btn-gray, .btn-gray[disabled] {
  background-color: #dddddd;
  border-color: #dddddd;
  color: #000000; }
  .btn-gray:hover, .btn-gray:focus, .btn-gray[disabled]:hover, .btn-gray[disabled]:focus {
    background-color: #c1c1c1;
    border-color: #c1c1c1;
    color: #000000; }

.btn-orange, .btn-orange[disabled] {
  background-color: #F16E00;
  border-color: #F16E00;
  color: #000000; }
  .btn-orange:hover, .btn-orange:focus, .btn-orange[disabled]:hover, .btn-orange[disabled]:focus {
    background-color: #b95400;
    border-color: #b95400;
    color: #000000; }

.btn-yellow, .btn-yellow[disabled] {
  background-color: #FCD800;
  border-color: #FCD800;
  color: #000000; }
  .btn-yellow:hover, .btn-yellow:focus, .btn-yellow[disabled]:hover, .btn-yellow[disabled]:focus {
    background-color: #c4a800;
    border-color: #c4a800;
    color: #000000; }

.btn-blue, .btn-blue[disabled] {
  background-color: #00A6CA;
  border-color: #00A6CA;
  color: #000000; }
  .btn-blue:hover, .btn-blue:focus, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus {
    background-color: #007892;
    border-color: #007892;
    color: #000000; }

.btn-default:hover {
  border-color: #707070; }

.btn-default:active {
  box-shadow: inset 0px 4px 3px -2px rgba(0, 0, 0, 0.131); }

.btn-outline {
  background-color: #ffffff; }
  .btn-outline :hover {
    background-color: inherit; }

.btn-pill {
  border-radius: 500px; }

/* LESS Document */
.wrapper .sideNavContainer .articleSideNav.affix, .wrapper .sideNavContainer .articleSideNav.affix-top {
  top: 108px; }
.wrapper .sideNavContainer .listSideNav.affix, .wrapper .sideNavContainer .listSideNav.affix-top {
  top: 51px; }
.wrapper .sideNavContainer .mainSideNav {
  background-color: #ffffff;
  display: none;
  width: 100%;
  border-bottom: 1px solid #dddddd; }
  .wrapper .sideNavContainer .mainSideNav.affix {
    position: fixed; }
  .wrapper .sideNavContainer .mainSideNav.affix-top {
    position: static; }
  .wrapper .sideNavContainer .mainSideNav li {
    min-height: 60px;
    padding: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-top: 1px solid #dddddd; }
    .wrapper .sideNavContainer .mainSideNav li a {
      display: block;
      padding: 19px 0;
      color: #000000;
      text-decoration: none; }
      .wrapper .sideNavContainer .mainSideNav li a:hover {
        color: #006685; }
    .wrapper .sideNavContainer .mainSideNav li:first-of-type {
      border-top: none; }
    .wrapper .sideNavContainer .mainSideNav li > ul {
      display: none; }
    .wrapper .sideNavContainer .mainSideNav li.active {
      border-top: none; }
      .wrapper .sideNavContainer .mainSideNav li.active + li {
        border-top: none; }
      .wrapper .sideNavContainer .mainSideNav li.active > a {
        border-left: 4px solid #00A6CA;
        background-color: rgba(0, 0, 0, 0.04);
        padding-left: 37px;
        margin-left: -16px;
        margin-right: -16px; }
      .wrapper .sideNavContainer .mainSideNav li.active > ul {
        display: block;
        margin-left: -16px;
        margin-right: -16px;
        background-color: rgba(0, 0, 0, 0.04); }
        .wrapper .sideNavContainer .mainSideNav li.active > ul li {
          border-top: none;
          margin: 0; }
          .wrapper .sideNavContainer .mainSideNav li.active > ul li a {
            color: #707070;
            padding-left: 41px; }
            .wrapper .sideNavContainer .mainSideNav li.active > ul li a:hover {
              color: #000000; }
    .wrapper .sideNavContainer .mainSideNav li:before {
      content: ""; }
.wrapper .sideNavContainer.open .mainSideNav {
  display: block; }

/* Tables and Paging Styles */
/* Paging */
.paging {
  float: right;
  line-height: 50px;
  margin-right: 15px; }
  .paging a {
    color: #00A6CA; }
    .paging a i {
      color: #00A6CA; }
  .paging .firstDisabled, .paging .previousDisabled, .paging .nextDisabled, .paging .lastDisabled {
    color: rgba(0, 0, 0, 0.131); }
    .paging .firstDisabled i, .paging .previousDisabled i, .paging .nextDisabled i, .paging .lastDisabled i {
      color: rgba(0, 0, 0, 0.131); }
  .paging .page, .paging .activePage {
    color: #000000; }
  .paging .activePage {
    font-weight: bold; }
  .paging .first, .paging .previous, .paging .firstDisabled, .paging .previousDisabled {
    margin-right: 10px; }
  .paging .next, .paging .last, .paging .nextDisabled, .paging .lastDisabled {
    margin-left: 10px; }
  .paging .pipe {
    margin: 0 10px; }

/* Tables */
#mainContent .tableHead {
  margin-bottom: 0; }

#resultsListTable {
  margin-bottom: 1px; }

.listTablesTop {
  margin-bottom: 10px; }
  .listTablesTop .resultsFound {
    line-height: 50px;
    float: left; }
  .listTablesTop .tableActions {
    float: right; }
    .listTablesTop .tableActions .quickFilter {
      float: left;
      padding: 10px 15px 0;
      height: 40px;
      border: 1px dotted rgba(0, 0, 0, 0.131);
      border-width: 0 1px; }
    .listTablesTop .tableActions .btn {
      margin: 10px 0 0 15px; }

.table thead {
  background-color: #ffffff;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 0;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.131); }
  .table thead th {
    height: 34px;
    padding: 0px 0px 0px 5px;
    font-weight: 700;
    color: #000000;
    line-height: 1em;
    vertical-align: middle;
    background-color: #ffffff;
    border-bottom-width: 2px; }
    .table thead th i {
      color: #000000; }
    .table thead th .fa-sort {
      margin-left: 3px;
      float: right; }
    .table thead th .fa-sort-asc, .table thead th .fa-sort-desc {
      display: none;
      float: right; }
    .table thead th .sortUp .fa-sort-desc, .table thead th .sortDown .fa-sort-asc {
      display: inline-block;
      color: #000000;
      margin-right: -9px; }
    .table thead th a {
      float: left;
      width: 100%;
      margin: 0;
      color: #000000; }
.table .selected {
  background-color: #FCD800; }
.table .tableMessage {
  color: rgba(0, 0, 0, 0.131); }

.table-bordered {
  border: 1px solid rgba(0, 0, 0, 0.131); }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid rgba(0, 0, 0, 0.131);
    border-bottom-color: rgba(0, 0, 0, 0.131); }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #eeeeee; }

.table-striped tbody > tr > td.highlight {
  background-color: #FCD800; }

.smallTable {
  border: 1px solid rgba(0, 0, 0, 0.131); }
  .smallTable thead th, .smallTable thead th label {
    color: #000000;
    font-size: 11px;
    text-transform: uppercase;
    height: 20px;
    font-weight: normal;
    padding: 0 0 0 4px; }
  .smallTable thead th {
    border-left: 1px solid rgba(0, 0, 0, 0.131);
    border-bottom: none; }
    .smallTable thead th:first-child {
      border-left: none; }
  .smallTable thead .selectHead {
    width: 64px; }
    .smallTable thead .selectHead label {
      padding-left: 20px; }
  .smallTable tbody td:first-child {
    border-left: none; }

.table-bordered {
  border-bottom: none; }
  .table-bordered td {
    border-left: 1px solid rgba(0, 0, 0, 0.131);
    border-bottom: 1px solid rgba(0, 0, 0, 0.131);
    border-top: none; }

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 0; }

/* Modal Styles */
/* Actual modal */
.modal-content {
  box-shadow: none;
  border-radius: 0; }
  .modal-content .modal-title h4 {
    border-bottom: none; }
  .modal-content .modal-header {
    padding-bottom: 0; }
  .modal-content .modal-body {
    min-height: 200px; }
  .modal-content .firstBtn {
    margin: 2px 0 0 0; }
  .modal-content .table-bordered thead {
    border-top: 1px solid rgba(0, 0, 0, 0.131);
    border-right: 1px solid rgba(0, 0, 0, 0.131); }
    .modal-content .table-bordered thead tr th {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: normal;
      height: 20px;
      line-height: 0;
      border-left: 1px solid rgba(0, 0, 0, 0.131);
      border-bottom: none;
      border-top: 1px solid rgba(0, 0, 0, 0.131); }
  .modal-content #searchFields {
    margin-left: 30px;
    margin-bottom: 20px;
    border-left: 1px dotted rgba(0, 0, 0, 0.131);
    padding-left: 30px; }
    .modal-content #searchFields input {
      font-weight: bold;
      border: 1px solid rgba(0, 0, 0, 0.131);
      text-transform: uppercase; }
    .modal-content #searchFields .checkboxTitle {
      float: left; }
    .modal-content #searchFields .inputInline {
      float: left;
      margin-right: 40px; }
    .modal-content #searchFields .nextToCBT {
      margin-left: 10px; }
      .modal-content #searchFields .nextToCBT .input-small {
        width: 113px; }

/* CSS Document */
.carousel-indicators {
  font-size: 10px !important;
  line-height: 10px !important;
  bottom: 0; }
  .carousel-indicators li {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, 0.131); }
  .carousel-indicators .active {
    width: 36px;
    height: 36px;
    background-color: #00A6CA; }

/* Footer Styles */
/* Wrap styles keep footer at bottom of screen */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 0; }

#footerStretch {
  margin-top: 25px;
  border-top: 2px solid #ededed;
  background: #ffffff url(../img/stampMobileFooter.png) right bottom no-repeat; }
  #footerStretch #footerMain {
    height: 85px;
    vertical-align: middle;
    color: #000000;
    font-size: 11px; }
    #footerStretch #footerMain .logo {
      display: none; }
    #footerStretch #footerMain .copyright {
      float: left;
      width: 100%;
      margin: 21px 0 0 0; }
    #footerStretch #footerMain .links a {
      float: left;
      margin-right: 15px;
      margin-top: 10px;
      padding-right: 15px;
      color: #000000;
      border-right: 1px solid #00A6CA; }
    #footerStretch #footerMain .links a:last-child {
      margin-right: 0;
      padding-right: 0;
      border-right: none; }

.processing {
  background: transparent url(../img/bg/popup_icon_processing.gif) top left no-repeat;
  margin: 5px; }
  .processing h4 {
    margin-left: 15px; }

.visuallyHidden {
  height: 1px;
  width: 1px;
  clip: rect(0px 1px 1px 0px);
  padding: 0;
  margin: 0;
  color: #ffffff;
  overflow: hidden;
  position: absolute !important; }

/* CMS Components for TransUnion.com */
.wrapper {
  position: relative;
  z-index: 1; }

/* Hero Image Styles */
.heroWrapper {
  z-index: 4; }

.hero {
  width: 100%; }
  .hero .heroContentTop {
    width: 100%;
    min-height: 97px;
    padding: 18px 0 10px 0;
    background-color: #ffffff; }
    .hero .heroContentTop .primaryHeadline {
      margin-top: 1px;
      font-size: 30px;
      line-height: 34px; }
  .hero .mobileHeroImage {
    height: 230px;
    margin: 0 -16px;
    background-size: cover;
    background-position: right center; }
  .hero .heroContentBottom {
    width: 100%;
    padding: 17px 0;
    background-color: #ffffff; }
    .hero .heroContentBottom p {
      margin-bottom: 16px; }

.heroWrapper.carousel .carousel-indicators {
  bottom: auto;
  top: 280px; }
  .heroWrapper.carousel .carousel-indicators li {
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
    .heroWrapper.carousel .carousel-indicators li.active {
      height: 24px;
      width: 24px;
      background: #00A6CA;
      box-shadow: 0 0 15px 1px rgba(255, 255, 255, 0.5); }
.heroWrapper.carousel .carousel-control {
  display: none; }
.heroWrapper.carousel .hero {
  min-height: 540px;
  margin-bottom: 15px; }
  .heroWrapper.carousel .hero .mobileHeroImage {
    height: 320px;
    margin-bottom: 20px; }
  .heroWrapper.carousel .hero .heroContent .primaryHeadline {
    font-size: 24px;
    font-weight: 400; }
  .heroWrapper.carousel .hero .heroContent .btn {
    margin-top: 20px; }

/* Personal Hero Component Styles */
.heroPersonal {
  width: 100%;
  min-height: 0; }
  .heroPersonal .heroContent {
    text-align: center; }
    .heroPersonal .heroContent .heroContentTop {
      width: 100%;
      min-height: inherit;
      padding: 18px 0 10px 0;
      background-color: #ffffff; }
      .heroPersonal .heroContent .heroContentTop .primaryHeadline {
        margin-top: 1px;
        font-size: 22px;
        line-height: 1.1em; }
    .heroPersonal .heroContent .mobileHeroImage {
      height: 140px;
      margin: 0 -16px;
      background-size: cover;
      background-position: 50% 50%; }
    .heroPersonal .heroContent .heroContentBottom {
      width: 100%;
      padding: 17px 0;
      background-color: #ffffff; }
      .heroPersonal .heroContent .heroContentBottom p {
        float: left;
        margin-top: 0;
        margin-bottom: 16px; }
      .heroPersonal .heroContent .heroContentBottom p.largeText {
        font-size: 19px;
        line-height: 14px;
        font-weight: 600;
        margin-top: 0;
        width: 100%;
        text-align: center; }
      .heroPersonal .heroContent .heroContentBottom p.smallText {
        font-size: 16px;
        margin-top: 0;
        width: 100%;
        text-align: center; }
      .heroPersonal .heroContent .heroContentBottom p.loginMsg {
        font-size: 15px;
        padding-top: 10px;
        margin-bottom: 0;
        width: 100%;
        text-align: center; }
        .heroPersonal .heroContent .heroContentBottom p.loginMsg a {
          text-decoration: none; }
      .heroPersonal .heroContent .heroContentBottom a.homePageBannerCTA {
        /*position: absolute;
        left: 10px;*/
        padding-top: 25px;
        height: 80px;
        width: calc(100% - 20px); }
        .heroPersonal .heroContent .heroContentBottom a.homePageBannerCTA span {
          font-size: 22px; }

.heroPersonalSubPage {
  width: 100%;
  min-height: 0; }
  .heroPersonalSubPage .heroContent {
    text-align: center; }
    .heroPersonalSubPage .heroContent .heroContentTop {
      width: 100%;
      min-height: inherit;
      padding: 18px 0 10px 0;
      background-color: #ffffff; }
      .heroPersonalSubPage .heroContent .heroContentTop .primaryHeadline {
        margin-top: 1px;
        font-size: 22px;
        line-height: 1.1em; }
    .heroPersonalSubPage .heroContent .mobileHeroImage {
      height: 140px;
      margin: 0 -16px;
      background-size: cover;
      background-position: 50% 50%; }
    .heroPersonalSubPage .heroContent .heroContentBottom {
      width: 100%;
      padding: 17px 0;
      margin-top: 0;
      background-color: #ffffff; }
      .heroPersonalSubPage .heroContent .heroContentBottom p {
        float: left;
        margin-top: 0;
        margin-bottom: 16px;
        width: 100%;
        text-align: center; }
      .heroPersonalSubPage .heroContent .heroContentBottom p.largeText {
        font-size: 19px;
        line-height: 14px;
        font-weight: 600;
        margin-top: 0;
        width: 100%;
        text-align: center; }
      .heroPersonalSubPage .heroContent .heroContentBottom p.loginMsg {
        font-size: 15px;
        padding-top: 10px;
        margin-bottom: 0;
        width: 100%;
        text-align: center; }
        .heroPersonalSubPage .heroContent .heroContentBottom p.loginMsg a {
          text-decoration: none; }
      .heroPersonalSubPage .heroContent .heroContentBottom a.tui-orange-tall-btn {
        padding-top: 8px;
        height: auto;
        margin-top: 0;
        width: calc(100% - 20px); }
        .heroPersonalSubPage .heroContent .heroContentBottom a.tui-orange-tall-btn span {
          font-size: 18px;
          white-space: normal; }
        .heroPersonalSubPage .heroContent .heroContentBottom a.tui-orange-tall-btn .fa {
          font-size: 28px;
          margin-right: -32px; }

/* Mobile 480px */
.immersive-banner {
  text-align: center;
  /* 1. No object-fit support: */
  /* 2.  If supporting object-fit, overriding (1): */ }
  .immersive-banner iframe, .immersive-banner video {
    display: block; }
  .immersive-banner ::-ms-clear {
    display: none; }
  .immersive-banner .transparent {
    background: transparent;
    padding: 0; }
  .immersive-banner .immersive-headline .eyebrow {
    margin-top: 10px;
    font-size: 16px; }
  .immersive-banner .immersive-background {
    width: 100%;
    height: 260px;
    /*background: url(../../resources/img/heroes/industriesHeroMobile.jpg) no-repeat center;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    text-align: center;
    background-position: center center; }
    .immersive-banner .immersive-background .bc-iframe, .immersive-banner .immersive-background .bc-iframe body, .immersive-banner .immersive-background .bc-player-Vke6ZuPU0l_default {
      height: 260px !important; }
    .immersive-banner .immersive-background .video-js {
      height: 260px !important; }
    .immersive-banner .immersive-background .video-js .vjs-tech {
      height: 260px !important; }
    .immersive-banner .immersive-background iframe {
      height: 260px !important; }
  .immersive-banner .immersive-close {
    display: none;
    font-size: 40px;
    bottom: 0;
    z-index: 1;
    top: 20px;
    margin: 0 0 -280px 0;
    text-align: right;
    color: #ffffff;
    right: 20px; }
    .immersive-banner .immersive-close span.fa.tufa-declined {
      cursor: pointer; }
  .immersive-banner span.fa.tufa-play-media {
    width: 80px;
    height: 80px;
    font-size: 80px;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
  .immersive-banner .immersive-search {
    background-color: transparent;
    opacity: 1;
    margin: auto;
    z-index: 2; }
  .immersive-banner .immersive-search-copy h2 {
    color: #000000; }
  .immersive-banner .immersive-headline {
    bottom: 0;
    z-index: 2;
    margin: auto; }
  .immersive-banner .immersive-play {
    bottom: 0;
    z-index: 2;
    top: 90px;
    margin: 0 0 -280px 0;
    text-align: center; }
  .immersive-banner .immersive-searchbar {
    display: block;
    height: 36px;
    position: relative; }
    .immersive-banner .immersive-searchbar form {
      position: relative; }
    .immersive-banner .immersive-searchbar .fa.fa-search {
      position: relative;
      margin: 3px -35px 3px 5px;
      font-size: 25px; }
    .immersive-banner .immersive-searchbar .clearBtn {
      margin: 2px 0 2px -25px;
      border: 0px;
      font-size: 25px;
      background: transparent;
      right: 0%;
      top: 0;
      position: relative; }
    .immersive-banner .immersive-searchbar #jobSearchBox {
      width: 50%;
      height: 36px;
      -webkit-transition: width 0.3s ease-in-out;
      padding-left: 40px; }
    .immersive-banner .immersive-searchbar #jobSearchBox:focus {
      width: 100%;
      height: 36px;
      -webkit-transition: width 0.5s ease-in-out;
      padding-left: 40px; }
    .immersive-banner .immersive-searchbar .immersive-close {
      display: none; }
  .immersive-banner .immersive-button {
    padding: 20px;
    /*height: 170px;*/
    z-index: 2; }
  .immersive-banner #video-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    max-height: 630px; }
    .immersive-banner #video-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*max-height:630px;
      background: url(../../resources/img/heroes/industriesHero.jpg) no-repeat;*/
      background-size: cover; }
    .immersive-banner #video-container video::-webkit-media-controls {
      display: none; }
  @media (min-aspect-ratio: 16 / 9) {
    .immersive-banner #video-container video {
      height: auto; } }
  @media (max-aspect-ratio: 16 / 9) {
    .immersive-banner #video-container video {
      width: 100%; } }
  @supports (object-fit: cover) {
    .immersive-banner #video-container video {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; } }

/* Banner Video Personal */
#immersiveHeroComponent .immersive-banner .immersive-play span.fa {
  font-size: 60px; }
#immersiveHeroComponent .immersive-banner .immersive-close span.fa {
  text-shadow: 1px 1px #494949; }
#immersiveHeroComponent .immersive-banner .immersive-background.hidden-lg {
  padding-left: 0;
  height: auto; }
#immersiveHeroComponent .immersive-banner .immersive-background .bgImg {
  width: 100%;
  height: 100%; }
#immersiveHeroComponent .immersive-banner .immersive-video-content {
  z-index: 2; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content p.headline {
    font-size: 22px;
    color: #000;
    line-height: 1.2em;
    font-weight: 600;
    margin-top: 10px; }
#immersiveHeroComponent .immersive-banner .immersive-video-content-actions {
  z-index: 2;
  top: 20px; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.largeText {
    font-size: 18px;
    color: #000;
    line-height: 1.5em;
    font-weight: 600; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions a.homePageBannerCTA {
    height: 80px;
    padding-top: 25px;
    margin-top: 10px;
    width: calc(100% - 20px); }
    #immersiveHeroComponent .immersive-banner .immersive-video-content-actions a.homePageBannerCTA span {
      font-size: 16px; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.loginMsg {
    font-size: 18px;
    color: #000;
    margin-top: 10px; }
    #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.loginMsg a {
      color: #000; }

/* Anchor Nav Component Styles */
.contentNavWrapper {
  margin-top: 15px;
  z-index: 3; }

.contentNav {
  padding-top: 23px;
  height: 86px; }
  .contentNav .nav {
    float: left;
    margin-left: 100px;
    font-weight: 600;
    font-size: 19px; }
    .contentNav .nav li {
      float: left;
      height: 32px;
      margin: 0 50px 0 0; }
      .contentNav .nav li a {
        color: #000000;
        padding: 0;
        text-decoration: none; }
        .contentNav .nav li a:hover {
          border-bottom: 4px solid rgba(0, 0, 0, 0.131);
          background-color: #ffffff; }
        .contentNav .nav li a:focus {
          background-color: #ffffff; }
      .contentNav .nav li.active a {
        border-bottom: 4px solid #00A6CA; }
  .contentNav.affix {
    top: 64px;
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
    z-index: 2; }

.navHeading {
  position: relative !important;
  top: -51px;
  display: block;
  height: 1px;
  width: 1px; }

/* Content Detail Component Styles */
.articleWrapperNoPic .headerSharePageContainer .primaryHeader {
  margin-top: 20px; }
.articleWrapperNoPic .headerSharePageContainer .shareThisPageBusiness {
  position: relative; }
.articleWrapperNoPic .headerSharePageContainer .shareThisPagePersonal {
  position: relative; }

.articleWrapper {
  margin-bottom: 40px; }
  .articleWrapper .articlePhoto {
    margin-top: 20px;
    margin-bottom: 14px;
    width: 100%; }
  .articleWrapper .articleDate {
    color: #707070;
    margin-bottom: 8px;
    display: block;
    font-size: 14px; }
  .articleWrapper .articleDetail {
    margin-top: 9px; }
    .articleWrapper .articleDetail .articleHeader {
      display: block;
      font-size: 12px;
      margin-bottom: 12px; }
    .articleWrapper .articleDetail .introLight {
      font-weight: 300;
      line-height: 20px;
      display: block; }
    .articleWrapper .articleDetail .articleNavDesc {
      font-size: 13px;
      line-height: 17px;
      display: block;
      margin-top: 23px;
      margin-bottom: 22px; }
    .articleWrapper .articleDetail .listHeadings {
      font-size: 12px;
      display: block;
      border-top: 1px solid #00A6CA;
      padding-top: 30px;
      text-transform: uppercase;
      margin-bottom: 19px;
      margin-top: 20px; }
    .articleWrapper .articleDetail .articleNavBody {
      font-size: 12px;
      line-height: 16px; }
    .articleWrapper .articleDetail .articleNavSmall {
      font-size: 10px;
      line-height: 16px; }
    .articleWrapper .articleDetail .articleListHeading {
      font-size: 12px;
      line-height: 16px;
      font-weight: 400; }
    .articleWrapper .articleDetail .nextLink {
      font-size: 12px;
      display: block;
      margin-top: 17px; }
    .articleWrapper .articleDetail p, .articleWrapper .articleDetail ol, .articleWrapper .articleDetail ul {
      margin-bottom: 20px; }
    .articleWrapper .articleDetail ul li {
      margin-left: 30px; }
      .articleWrapper .articleDetail ul li:before {
        content: "\2022";
        float: left;
        width: 15px;
        margin-top: 1px;
        margin-left: -15px;
        font-size: 22px;
        color: #00A6CA; }
    .articleWrapper .articleDetail a.articleDescriptionLink {
      color: #707070;
      text-decoration: none;
      font-size: 16px; }
    .articleWrapper .articleDetail .articleBlueHeader {
      font-size: 18px;
      line-height: 22px;
      font-weight: 600;
      margin-top: 20px;
      margin-bottom: 10px;
      color: #006685; }
  .articleWrapper .nextArticle {
    font-size: 9px;
    text-transform: uppercase;
    color: #494949;
    text-decoration: none;
    margin-top: 56px;
    display: block;
    border-bottom: 1px solid #dddddd; }
    .articleWrapper .nextArticle .fa {
      color: #00A6CA; }
  .articleWrapper ul li {
    margin-left: 30px;
    list-style: none !important; }
    .articleWrapper ul li:before {
      content: "\2022";
      float: left;
      width: 15px;
      margin-top: 1px;
      margin-left: -15px;
      font-size: 22px;
      color: #00A6CA; }

.headerSharePageContainer {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  min-height: 52px; }
  .headerSharePageContainer .primaryHeader {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0px;
    display: block;
    margin-top: 90px; }
  .headerSharePageContainer .shareThisPageBusiness, .headerSharePageContainer .shareThisPagePersonal {
    position: absolute;
    top: 0; }
  .headerSharePageContainer .shareThisPage {
    margin-bottom: 9px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 12px; }
    .headerSharePageContainer .shareThisPage .shareHeader {
      margin-bottom: 3px;
      display: block; }
    .headerSharePageContainer .shareThisPage .addthis_toolbox a span {
      border-radius: 20px; }
    .headerSharePageContainer .shareThisPage .addthis_toolbox.pull-right {
      float: none !important; }

.titleWrapper {
  padding-top: 51px;
  margin-top: -51px;
  z-index: 3; }
  .titleWrapper .titleContent #pageTitle {
    min-height: 47px;
    padding: 15px 10px 10px 0;
    margin: 0;
    font-size: 22px;
    line-height: 1em; }
    .titleWrapper .titleContent #pageTitle a {
      color: #000000;
      text-decoration: none; }
    .titleWrapper .titleContent #pageTitle .fa-angle-down {
      top: 10px;
      right: 16px;
      color: #707070;
      float: right; }
  .titleWrapper .titleContent.affix {
    box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.1);
    top: 51px;
    left: 0;
    width: 100%;
    background: #fff; }

#tinymce ol, #tinymce ul {
  margin-bottom: 20px; }
#tinymce ul li {
  margin-left: 16px; }
  #tinymce ul li:before {
    content: "\2022";
    float: left;
    width: 15px;
    margin-top: 1px;
    margin-left: -15px;
    font-size: 22px;
    color: #00A6CA; }

/* Article Component Styles for Personal */
.articlePhotoPersonal {
  margin-top: 15px;
  margin-bottom: 20px;
  width: 100%; }

.articleTitle {
  font-size: 24px;
  line-height: 26px;
  margin-top: 30px; }

.articleBodyPersonal {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: lighter; }

.articleListPersonal {
  margin-top: 20px;
  font-weight: lighter; }
  .articleListPersonal li {
    list-style-type: disc;
    margin-left: 20px; }

.footNote {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 40px; }

/* Article Component Styles for Personal */
.articleWrapperPersonal2 .articleBreadCrumbs {
  margin-top: 15px;
  margin-bottom: 20px;
  width: 100%;
  font-weight: 600;
  color: #707070;
  font-size: 12px; }
.articleWrapperPersonal2 .articlePhotoPersonal2 {
  margin-top: -15px;
  margin-bottom: 20px;
  -moz-background-size: cover;
  background-size: cover;
  background-position: 50% 0%;
  height: 280px; }
.articleWrapperPersonal2 .articleTopCTA {
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  padding: 15px 0; }
  .articleWrapperPersonal2 .articleTopCTA span {
    display: inline-block;
    color: #707070; }
  .articleWrapperPersonal2 .articleTopCTA a {
    margin-top: 10px; }
.articleWrapperPersonal2 .articleTitleMain {
  font-size: 30px;
  line-height: 1.1em;
  margin-top: 40px;
  margin-bottom: 24px;
  font-weight: 300; }
.articleWrapperPersonal2 .articleTitle {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 30px; }
.articleWrapperPersonal2 .articleBodyPersonal2 {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 400; }
.articleWrapperPersonal2 .articleListPersonal {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 400;
  margin-left: 35px; }
  .articleWrapperPersonal2 .articleListPersonal li {
    list-style-type: disc;
    margin-left: 20px; }
.articleWrapperPersonal2 .articleBottomCTA {
  border-top: 1px solid #a9a9a9;
  padding: 15px 0;
  text-align: center;
  margin-top: 50px; }
  .articleWrapperPersonal2 .articleBottomCTA div {
    font-weight: 600; }
  .articleWrapperPersonal2 .articleBottomCTA span {
    display: block;
    color: #707070;
    font-size: 14px; }
  .articleWrapperPersonal2 .articleBottomCTA a {
    margin-top: 10px; }
.articleWrapperPersonal2 .disclaimerContent {
  margin-bottom: 15px;
  padding-top: 10px;
  border-top: 1px solid #a9a9a9;
  font-size: 14px;
  color: #707070; }
  .articleWrapperPersonal2 .disclaimerContent .disclaimerTitle {
    font-weight: 600; }

/* Content Detail Component Styles */
.contentWrapper {
  margin-bottom: 40px;
  margin-top: 15px; }

.contentDetail {
  margin-bottom: 30px;
  /*span {
  	display: inline-block;
  }*/ }
  .contentDetail .contentPhoto {
    width: 100%;
    margin-bottom: 22px; }
  .contentDetail p {
    margin: 0; }
  .contentDetail ol, .contentDetail ul {
    margin-bottom: 20px; }
  .contentDetail ul li {
    margin-left: 15px; }
    .contentDetail ul li:before {
      content: "\2022";
      float: left;
      width: 15px;
      margin-top: 1px;
      margin-left: -15px;
      font-size: 22px;
      color: #00A6CA; }

.contentPrimaryHeadline {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300; }

.contentSecondaryHeadline {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 24px; }

.contentIntroOne {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 20px;
  color: #006685; }

.contentIntroOneBlueline, .contentIntroOneBlueLine {
  display: inline-block;
  border-bottom: 1px solid #00A6CA;
  border-top: 1px solid #00A6CA;
  padding: 34px 60px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  color: #000000; }

.contentIntroTwo {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400; }

.contentLabelHead {
  display: inline-block;
  font-size: 16px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 18px;
  margin-top: 22px; }

.contentBody {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 22px; }

.sharePage {
  padding-bottom: 40px;
  margin-top: 36px;
  font-family: IntroCaps;
  font-weight: 600; }
  .sharePage a {
    color: #000000;
    text-decoration: none; }
    .sharePage a .fa {
      color: #00A6CA; }

#popupPhotoModal .modal-dialog {
  width: 100%; }
  #popupPhotoModal .modal-dialog img {
    width: 100%; }

/* Content Feature Component Styles */
.contentBox {
  border: 2px solid #00A6CA;
  border-width: 2px 0;
  padding: 23px 0;
  margin-bottom: 40px; }
  .contentBox .labelHead {
    margin-top: -5px;
    margin-bottom: 15px; }
  .contentBox.gray {
    border: none;
    background-color: #707070;
    color: #ffffff;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px; }

.contentFeature {
  min-height: 330px;
  text-align: center; }
  .contentFeature .primaryHeadline {
    margin: 0 auto;
    padding: 18px;
    text-align: center;
    font-size: 22px;
    line-height: 28px; }
    .contentFeature .primaryHeadline .fa {
      display: inline-block;
      font-size: 60px;
      margin-right: 12px;
      color: #00A6CA; }
      .contentFeature .primaryHeadline .fa img {
        width: 60px;
        height: 60px; }
    .contentFeature .primaryHeadline span {
      display: inline-block;
      text-align: left; }
  .contentFeature p {
    margin-top: 5px;
    padding-top: 23px;
    border-top: 1px solid rgba(0, 0, 0, 0.131); }
  .contentFeature.gray .primaryHeadline .fa {
    color: #FCD800; }

.contentList ul {
  padding: 0; }
  .contentList ul li {
    margin-left: 15px;
    margin-bottom: 22px; }
    .contentList ul li:before {
      content: "\2022";
      float: left;
      width: 15px;
      margin-top: 2px;
      margin-left: -15px;
      font-size: 22px;
      color: #00A6CA; }
    .contentList ul li .contentListHead {
      font-weight: 700;
      margin-bottom: 4px; }
    .contentList ul li:last-child {
      margin-bottom: 0; }
  .contentList ul.checkMarks li {
    margin-left: 37px; }
    .contentList ul.checkMarks li:before {
      content: "\f05d";
      font-family: FontAwesome;
      width: 37px;
      margin-left: -37px; }
.contentList ol {
  padding: 0;
  counter-reset: item;
  list-style-type: none; }
  .contentList ol li {
    margin-left: 28px;
    margin-bottom: 22px; }
    .contentList ol li:before {
      content: counter(item) ".";
      counter-increment: item;
      float: left;
      width: 28px;
      margin-left: -28px;
      color: #00A6CA; }
    .contentList ol li .contentListHead {
      font-weight: 700;
      margin-bottom: 4px; }
    .contentList ol li:last-child {
      margin-bottom: 0; }
.contentList.gray li:before {
  color: #FCD800; }

/* Content Detail Component Styles */
.contentHero .smallProductsTitle {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 37px;
  text-transform: uppercase; }
.contentHero .primaryHeadline {
  font-size: 30px;
  line-height: 34px; }
.contentHero .smallProductsBody {
  margin-bottom: 19px; }
.contentHero .btn {
  margin-bottom: 33px; }

/* Resources Component Styles */
.resources .resourcesTitle {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 9px;
  text-transform: uppercase; }
.resources .resource {
  display: block;
  float: left;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #000000; }
  .resources .resource .resourceIcon {
    display: table-cell;
    border: 3px solid #00a6ca;
    float: left;
    height: 80px;
    margin-right: 16px;
    text-align: center;
    width: 80px; }
    .resources .resource .resourceIcon .fa {
      color: #00a6ca;
      font-size: 44px;
      margin: 13px auto; }
  .resources .resource .resourceText {
    display: table-cell; }
    .resources .resource .resourceText .bodyTitle {
      margin-bottom: 5px;
      font-size: 14px;
      line-height: 1em; }
      .resources .resource .resourceText .bodyTitle strong {
        font-weight: 600; }
  .resources .resource .stackedResources {
    display: block;
    height: 80px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #000000; }
    .resources .resource .stackedResources .resourceText {
      margin-top: -3px; }
      .resources .resource .stackedResources .resourceText .bodyTitle {
        font-size: 16px; }
      .resources .resource .stackedResources .resourceText .description {
        font-size: 13px;
        line-height: 15px; }
  .resources .resource.featureResource .contentPhoto {
    width: 100%; }
  .resources .resource.featureResource .introOne {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px; }
  .resources .resource.featureResource .description {
    margin-bottom: 20px; }
    .resources .resource.featureResource .description p {
      font-size: 14px;
      line-height: 18px; }
      .resources .resource.featureResource .description p.resourceBody {
        font-size: 16px;
        line-height: 22px; }

/* Resources Component Styles */
.resourcesPersonal .resourcesPersonalTitle {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-top: 75px;
  text-transform: uppercase; }
.resourcesPersonal .resource {
  width: 100%;
  padding: 0 10px;
  float: left;
  display: block;
  text-decoration: none;
  color: #000000;
  margin-bottom: 15px; }
  .resourcesPersonal .resource .resourceIcon {
    border: 3px solid #00a6ca;
    float: left;
    height: 80px;
    margin-right: 16px;
    text-align: center;
    width: 80px; }
    .resourcesPersonal .resource .resourceIcon .fa {
      color: #00a6ca;
      font-size: 44px;
      margin: 13px auto; }

/* Content Detail Component Styles */
.featureCarouselWrapper {
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 30px;
  padding-bottom: 23px; }
  .featureCarouselWrapper .carousel .carousel-indicators {
    margin-left: -50%;
    width: 100%; }
    .featureCarouselWrapper .carousel .carousel-indicators li {
      font-size: 0.5em;
      text-indent: -9999px; }
  .featureCarouselWrapper .carousel .carouselHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 21px; }
  .featureCarouselWrapper .carousel .carousel-inner {
    text-align: center; }
    .featureCarouselWrapper .carousel .carousel-inner .item {
      font-weight: 300;
      width: 100%; }
      .featureCarouselWrapper .carousel .carousel-inner .item .fa {
        display: inline-block;
        margin-right: 0px;
        font-size: 105px;
        line-height: 1.27em;
        color: #00A6CA; }
      .featureCarouselWrapper .carousel .carousel-inner .item .carouselContent .carouselHeadline {
        display: block;
        margin-top: 4px;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        /*white-space: nowrap;*/ }
      .featureCarouselWrapper .carousel .carousel-inner .item .carouselContent p {
        margin: 11px 0 45px 0;
        font-size: 14px;
        line-height: 20px;
        border-top: none; }
      .featureCarouselWrapper .carousel .carousel-inner .item .carouselContent ul li {
        margin-left: 30px;
        list-style: none !important; }
        .featureCarouselWrapper .carousel .carousel-inner .item .carouselContent ul li:before {
          content: "\2022";
          float: left;
          width: 15px;
          margin-top: 1px;
          margin-left: -15px;
          font-size: 22px;
          color: #00A6CA; }

.featuresBoxesWrapper {
  padding-top: 30px;
  padding-bottom: 33px; }
  .featuresBoxesWrapper .boxesIndicators {
    bottom: -10px; }
  .featuresBoxesWrapper .boxesTwo, .featuresBoxesWrapper .boxesThree, .featuresBoxesWrapper .boxesFour {
    text-align: center; }
    .featuresBoxesWrapper .boxesTwo .item .carouselBoxesHeadline, .featuresBoxesWrapper .boxesThree .item .carouselBoxesHeadline, .featuresBoxesWrapper .boxesFour .item .carouselBoxesHeadline {
      font-size: 20px;
      line-height: 26px; }
    .featuresBoxesWrapper .boxesTwo .item p, .featuresBoxesWrapper .boxesThree .item p, .featuresBoxesWrapper .boxesFour .item p {
      font-size: 14px;
      line-height: 20px;
      margin-top: 6px;
      height: 86px; }
    .featuresBoxesWrapper .boxesTwo .item .carouselButtons, .featuresBoxesWrapper .boxesThree .item .carouselButtons, .featuresBoxesWrapper .boxesFour .item .carouselButtons {
      margin-bottom: 25px; }
      .featuresBoxesWrapper .boxesTwo .item .carouselButtons .btn, .featuresBoxesWrapper .boxesThree .item .carouselButtons .btn, .featuresBoxesWrapper .boxesFour .item .carouselButtons .btn {
        margin: 0 5px 10px 5px; }

/* Content Detail Component Styles */
.featureCarouselPersonalWrapper {
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 30px;
  padding-bottom: 23px; }
  .featureCarouselPersonalWrapper.noBgColor {
    background-color: #ffffff; }
  .featureCarouselPersonalWrapper .carouselPersonal .carousel-indicators {
    line-height: 36px; }
  .featureCarouselPersonalWrapper .carouselPersonal .carouselHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 21px; }
  .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner {
    text-align: center;
    min-height: 300px;
    padding-bottom: 36px; }
    .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item {
      width: 100%; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .fa {
        display: inline-block;
        margin-right: 0px;
        font-size: 105px;
        color: #00A6CA; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent .carouselHeadline {
        display: block;
        margin-top: 4px;
        font-size: 27px;
        line-height: 26px;
        text-align: center; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent p {
        margin: 11px 0 25px 0;
        font-size: 16px;
        line-height: 20px;
        border-top: none; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent p a {
          text-decoration: none;
          color: #00A6CA; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent p.finePrint {
          font-size: 13px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent ul li {
        margin-left: 30px;
        list-style: none !important; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent ul li:before {
          content: "\2022";
          float: left;
          width: 15px;
          margin-top: 1px;
          margin-left: -15px;
          font-size: 22px;
          color: #00A6CA; }

/* Tab Carousel Component Styles */
.tabCarouselSection .tabContentFeature {
  background-color: inherit;
  border: none;
  margin: 0;
  min-height: 300px;
  padding: 20px;
  text-align: center; }
  .tabCarouselSection .tabContentFeature img {
    height: auto;
    max-width: 100%; }
  .tabCarouselSection .tabContentFeature .carousel-inner {
    min-height: 400px;
    margin: 0 auto;
    width: 90%; }
  .tabCarouselSection .tabContentFeature .primaryHeadline {
    color: inherit;
    font-size: 22px;
    margin: 0 auto;
    text-align: center; }
  .tabCarouselSection .tabContentFeature .landingText {
    margin-top: 20px; }
    .tabCarouselSection .tabContentFeature .landingText p {
      color: inherit;
      font-size: 16px;
      display: inline-block;
      text-align: center;
      vertical-align: middle; }
  .tabCarouselSection .tabContentFeature .carouselBox {
    background-color: inherit;
    margin: 40px auto;
    text-align: center; }
    .tabCarouselSection .tabContentFeature .carouselBox .tabCarouselIcon {
      font-size: 100px; }
    .tabCarouselSection .tabContentFeature .carouselBox p.boxHeadline {
      font-size: 21px;
      font-weight: 600; }
  .tabCarouselSection .tabContentFeature .dropdown-toggle {
    display: none; }
  .tabCarouselSection .tabContentFeature .carousel-indicators {
    margin-left: -50%;
    width: 100%; }
    .tabCarouselSection .tabContentFeature .carousel-indicators li {
      font-size: 0.5em;
      text-indent: -9999px; }
  .tabCarouselSection .tabContentFeature .carousel-control {
    display: none; }
  .tabCarouselSection .tabContentFeature.tab .dropdown-toggle {
    border: 1px solid #00A8C5;
    background-color: #fff;
    color: #000;
    display: block;
    margin: 10px auto;
    position: relative;
    text-align: left;
    width: 80%; }
    .tabCarouselSection .tabContentFeature.tab .dropdown-toggle:after {
      content: "";
      position: absolute;
      height: 30px;
      width: 20px;
      right: 10px;
      top: 0;
      background-image: url("../img/list/mobileDropdownArrow.png"); }
  .tabCarouselSection .tabContentFeature.tab .carousel-indicators {
    bottom: inherit;
    /*left: 40%;*/
    margin: 0px auto;
    left: 0%;
    margin-top: -10px;
    position: relative;
    width: 80%; }
    .tabCarouselSection .tabContentFeature.tab .carousel-indicators li {
      background-color: #fff;
      border: 1px solid #00A8C5;
      border-radius: 0px;
      display: none;
      height: 40px;
      margin: 0 auto;
      text-indent: 0;
      font-size: 12px;
      width: 100%; }
      .tabCarouselSection .tabContentFeature.tab .carousel-indicators li span {
        display: inline-block;
        line-height: 40px; }
  .tabCarouselSection .tabContentFeature.tab.open .carousel-indicators {
    /*margin-left: -30%;*/
    /*margin-left: 0%;*/
    			/*padding-left: 20px;
        		padding-right: 20px;*/
    width: 80%; }
    .tabCarouselSection .tabContentFeature.tab.open .carousel-indicators li {
      color: #000;
      display: block; }
.tabCarouselSection.gray {
  background-color: #707070;
  color: #fff; }
  .tabCarouselSection.gray .contentBox.tabContentFeature.tab button, .tabCarouselSection.gray .contentBox.tabContentFeature.tab .carousel-indicators li {
    color: #000; }
.tabCarouselSection .container {
  padding: 0; }

/* Related Articles Component Styles */
.relatedArticlesContainer .relatedArticleTitle {
  margin-top: 40px;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  float: left;
  width: 100%; }
.relatedArticlesContainer a.relatedArticle, .relatedArticlesContainer a.thirdPartyAdvertisement {
  display: block;
  float: left;
  width: 100%;
  text-decoration: none;
  color: #000000;
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.131);
  text-align: center; }
  .relatedArticlesContainer a.relatedArticle img, .relatedArticlesContainer a.thirdPartyAdvertisement img {
    margin-bottom: 10px; }
  .relatedArticlesContainer a.relatedArticle .description, .relatedArticlesContainer a.thirdPartyAdvertisement .description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px; }
  .relatedArticlesContainer a.relatedArticle span.articleDescriptionLink, .relatedArticlesContainer a.thirdPartyAdvertisement span.articleDescriptionLink {
    color: #707070;
    text-decoration: none;
    margin-top: 20px;
    font-size: 12px;
    text-decoration: none; }

/* TU Ad Component Styles for Personal */
#consumer-ad {
  height: 330px; }

a.tuAd {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 600;
  color: #000000;
  text-decoration: none; }
  a.tuAd p {
    line-height: 1.2em; }
  a.tuAd .whiteBox {
    padding: 30px 0 25px 20px;
    background-color: #ffffff;
    border: 4px solid #00A6CA;
    height: 117px; }
    a.tuAd .whiteBox .redUnderline {
      border-bottom: 2px solid #F16E00; }
  a.tuAd .blueBox {
    background-color: #00A6CA;
    display: block;
    color: #000000;
    padding: 26px 0 30px 20px; }
    a.tuAd .blueBox .btn.tui-orange-tall-btn {
      font-size: 14px; }

/* Third Party Ad Component Styles for Personal */
.thirdPartyAd .thirdPartyAdPhoto {
  margin-top: 40px;
  width: 281px; }

/* Lending Tree Widgets */
.ltWidgetContainerWrapper {
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%; }

.ltWidgetFullWidth {
  border: none;
  width: 100%;
  margin-top: 20px;
  /* iOS Fix by LT */
  width: 1px;
  min-width: 100%; }
  .ltWidgetFullWidth.ns-bd-tu-mt-c {
    height: 680px; }

.ltWidgetLeftColumn {
  border: 1px solid #a9a9a9;
  height: 250px;
  width: 100%; }
  .ltWidgetLeftColumn.ns-bd-tu-mt-c {
    height: 680px; }

.ltWidgetRightColumn {
  border: 1px solid #a9a9a9;
  height: 395px;
  width: 100%;
  overflow: hidden;
  /* Credit Card Rate Table */
  /* Credit Card Single Card */ }
  .ltWidgetRightColumn.ns-bd-tu-cct-a {
    height: 300px; }
  .ltWidgetRightColumn.ns-bd-tu-cca-bt {
    height: 715px;
    width: 302px; }
  .ltWidgetRightColumn.ns-bd-tu-mt-c {
    height: 692px; }
  .ltWidgetRightColumn.ns-bd-tu-ma-a {
    height: 300px; }
  .ltWidgetRightColumn.ns-bd-tu-plt-c {
    height: 692px; }
  .ltWidgetRightColumn.ns-bd-tu-pla-a {
    height: 253px;
    width: 302px; }
  .ltWidgetRightColumn.ns-bd-tu-cca-tr {
    height: 705px;
    width: 302px; }
  .ltWidgetRightColumn.ns-bd-tu-cca-cb {
    height: 685px;
    width: 302px; }
  .ltWidgetRightColumn.ns-bd-tu-cca-re {
    height: 795px;
    width: 302px; }

/* LT ads */
.ltAd {
  text-align: center; }

/* Blue banner CTA Component Styles for Personal */
.callToAction {
  background-color: #00A6CA;
  color: #000000;
  text-align: center;
  min-height: 236px; }
  .callToAction div.mainHeadline {
    font-weight: 600;
    padding: 45px 15px 30px 15px;
    font-size: 19px;
    line-height: 24px; }
  .callToAction .btn {
    font-size: 14px;
    height: auto;
    min-height: 36px; }
  .callToAction.tallCallToAction {
    height: auto;
    position: relative; }
    .callToAction.tallCallToAction .subHeadline {
      font-size: 18px;
      line-height: 22px;
      padding: 0 30px;
      font-weight: 600; }
    .callToAction.tallCallToAction a.tui-orange-tall-btn {
      margin-top: 30px; }
    .callToAction.tallCallToAction .termsConditions {
      font-size: 16px;
      margin-top: 30px; }
    .callToAction.tallCallToAction .legalNotice {
      font-size: 14px;
      line-height: 18px;
      padding: 0 20px 50px 20px; }
  .callToAction.callToActionWithImage {
    background-position: 50%;
    background-size: cover;
    color: #ffffff;
    height: auto;
    position: relative;
    padding: 5px 15px 30px 15px; }
    .callToAction.callToActionWithImage .subHeadline {
      font-size: 16px;
      line-height: 22px;
      padding: 0 30px;
      font-weight: 600; }
    .callToAction.callToActionWithImage a.btn {
      margin: 20px 15px 0 0; }

#callToActionComponent:before {
  display: table;
  content: " "; }

#callToActionComponent:after {
  display: table;
  content: " ";
  clear: both; }

/* Ad Disclosure Component Styles for Personal */
.disclosureWrapper {
  text-align: center;
  font-size: 14px;
  line-height: 1.1em;
  padding: 25px 15px; }
  .disclosureWrapper .disclosureTitle {
    font-weight: 600; }
  .disclosureWrapper.homePageOfferDetails {
    padding: 25px 15px;
    border-bottom: 1px solid #00A6CA;
    font-size: 12px; }

/* LESS Document */
.memberBenefitsWrapper {
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 20px; }
  .memberBenefitsWrapper .memberBenefits {
    text-align: center; }
    .memberBenefitsWrapper .memberBenefits .item {
      width: 100%;
      background-color: #ffffff;
      border: 1px solid #eeeeee;
      padding: 28px 20px;
      margin-left: 0;
      margin-right: 15px;
      margin-bottom: 10px; }
      .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader .fa {
        font-size: 105px;
        color: #00A6CA;
        margin-right: 0px; }
      .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader .benefitsHeadline {
        font-size: 28px;
        line-height: 32px;
        padding-top: 20px;
        padding-bottom: 20px;
        display: block; }
      .memberBenefitsWrapper .memberBenefits .item .benefitsContent p {
        margin: 11px 0 25px 0;
        font-size: 16px;
        line-height: 20px; }
        .memberBenefitsWrapper .memberBenefits .item .benefitsContent p a {
          text-decoration: none;
          color: #00A6CA; }

/* Mixed Media Wall Styles */
.mixedMediaWall {
  background-color: #ffffff;
  padding-top: 25px;
  padding-bottom: 40px;
  text-align: center; }
  .mixedMediaWall .mixedMediaWallContainer {
    margin-top: 15px; }
    .mixedMediaWall .mixedMediaWallContainer a.btn-gray {
      margin: 30px 0 15px 0;
      font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding-top: 10px; }
  .mixedMediaWall .labelHead {
    margin-bottom: 23px;
    font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: normal; }
  .mixedMediaWall .subCopy {
    font-size: 15px;
    margin-bottom: 30px; }
  .mixedMediaWall .tiles {
    position: relative;
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    height: 288px;
    background-size: cover;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    clear: both; }
    .mixedMediaWall .tiles .introTwo {
      margin-bottom: 13px; }
    .mixedMediaWall .tiles .infoSolutions {
      line-height: 19.5px; }
    .mixedMediaWall .tiles .tile-links {
      color: #00A6CA;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: normal; }
      .mixedMediaWall .tiles .tile-links:after {
        content: ">";
        color: #00A6CA; }
    .mixedMediaWall .tiles .caretBox {
      position: absolute;
      bottom: 12px;
      color: #008dac;
      font-size: 10px; }
    .mixedMediaWall .tiles.yellow {
      background-color: #FCD800; }
    .mixedMediaWall .tiles.blue {
      background-color: #00A6CA; }
    .mixedMediaWall .tiles.gray {
      background-color: #eeeeee; }
    .mixedMediaWall .tiles.tileWithImageBg {
      padding: 0; }
      .mixedMediaWall .tiles.tileWithImageBg .icon-overlay {
        color: #ffffff;
        font-size: 30px;
        position: absolute;
        bottom: 25px;
        right: 25px; }
      .mixedMediaWall .tiles.tileWithImageBg .icon-play {
        color: #ffffff;
        font-size: 70px;
        position: relative; }
        .mixedMediaWall .tiles.tileWithImageBg .icon-play a {
          color: #ffffff; }
    .mixedMediaWall .tiles .introTwo {
      font-size: 20px;
      line-height: 30px;
      width: 100%; }
    .mixedMediaWall .tiles:hover {
      -webkit-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
      box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
      text-decoration: none; }

.mixedMediaVideoModal iframe {
  border: none; }
.mixedMediaVideoModal .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
.mixedMediaVideoModal .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Products & Solutions Styles */
.productsSolutions {
  background-color: #00a6ca;
  padding-top: 25px;
  padding-bottom: 40px; }
  .productsSolutions .labelHead {
    margin-bottom: 23px; }
  .productsSolutions .productsSolutionsDropdownWrapper {
    margin-bottom: 16px; }
    .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown {
      width: 288px; }
      .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterDropdown {
        display: block;
        width: 288px;
        margin-bottom: 5px;
        background: #fff url("../img/selectArrow-White.png") no-repeat scroll right top;
        text-decoration: none;
        color: #000;
        border: 0;
        height: auto;
        padding: 10px 30px 10px 10px; }
        .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterDropdown:focus {
          color: #fff;
          background: #17809f url("../img/selectArrow-Blue.png") no-repeat scroll right top; }
      .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList {
        position: absolute;
        width: 288px;
        z-index: 2; }
        .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList li {
          background-color: #fff;
          padding: 10px;
          margin-bottom: 0;
          cursor: pointer; }
          .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList li a {
            text-decoration: none;
            color: #000;
            cursor: default; }
        .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList li:hover {
          color: #000;
          background-color: #f5f5f5; }
      .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .solutionResults {
        margin-top: 11px; }
  .productsSolutions .solutions {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 17px 13px 53px 13px;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none; }
    .productsSolutions .solutions .introTwo {
      margin-bottom: 13px; }
    .productsSolutions .solutions .infoSolutions {
      line-height: 19.5px; }
    .productsSolutions .solutions .caretBox {
      position: absolute;
      bottom: 12px;
      color: #008dac;
      font-size: 10px; }
    .productsSolutions .solutions:hover {
      -webkit-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
      box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
      text-decoration: none; }

/* Insights & Events Styles */
.insightsWrapper {
  margin-bottom: 35px; }
  .insightsWrapper .container {
    position: relative; }
  .insightsWrapper .viewAllBtn {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -52px;
    z-index: 2; }
  .insightsWrapper .insightTopContent {
    height: 70px;
    padding: 30px 0 0 0; }
    .insightsWrapper .insightTopContent.insightsPageTop {
      height: auto;
      padding: 26px 0 20px 0;
      border-bottom: 4px solid #00A6CA; }
      .insightsWrapper .insightTopContent.insightsPageTop .primaryHeadline {
        margin-bottom: 20px;
        font-size: 25px;
        font-weight: 300; }
      .insightsWrapper .insightTopContent.insightsPageTop p {
        font-size: 20px;
        font-weight: 300;
        line-height: normal; }
  .insightsWrapper .insightsEventsFilters {
    position: relative;
    margin-bottom: 44px; }
    .insightsWrapper .insightsEventsFilters .filterLabel {
      width: 100%;
      margin: 30px 0 2px 0;
      font-size: 14px;
      font-weight: 600; }
    .insightsWrapper .insightsEventsFilters .dropdown {
      position: static;
      width: calc(33% - 12px);
      float: left;
      margin-right: 12px; }
      .insightsWrapper .insightsEventsFilters .dropdown .dropdown-toggle {
        display: block;
        height: 36px;
        padding: 9px 19px 0 6px;
        border: 1px solid #00A6CA;
        text-decoration: none;
        color: #000000;
        white-space: pre;
        background-image: url(../img/selectArrow-Black-insightsMobile.png);
        background-position: top right;
        background-repeat: no-repeat;
        cursor: pointer; }
        .insightsWrapper .insightsEventsFilters .dropdown .dropdown-toggle span {
          display: inline-block;
          width: 100%;
          overflow: hidden; }
      .insightsWrapper .insightsEventsFilters .dropdown.open .dropdown-toggle {
        color: #fff;
        background-color: #17809f;
        border-color: #17809f;
        background-image: url(../img/selectArrow-White-insightsMobile.png); }
      .insightsWrapper .insightsEventsFilters .dropdown .dropdown-menu {
        left: 0;
        right: 0;
        /*z-index: 2;*/
        text-align: left;
        border: none;
        border-radius: 0; }
        .insightsWrapper .insightsEventsFilters .dropdown .dropdown-menu li {
          padding: 10px;
          margin-bottom: 0px;
          cursor: pointer; }
          .insightsWrapper .insightsEventsFilters .dropdown .dropdown-menu li:hover {
            background: rgba(0, 0, 0, 0.065); }
        .insightsWrapper .insightsEventsFilters .dropdown .dropdown-menu li.subHeading {
          font-weight: 700;
          border-bottom: 1px solid #eeeeee; }
      .insightsWrapper .insightsEventsFilters .dropdown:last-child {
        margin-right: 0; }
  .insightsWrapper .insightsList {
    padding-bottom: 96px;
    border-bottom: 1px solid #00A6CA; }
    .insightsWrapper .insightsList .insight {
      position: relative;
      display: block;
      width: 288px;
      margin: 0 auto 20px auto;
      clear: both;
      text-decoration: none;
      color: #000000; }
      .insightsWrapper .insightsList .insight img {
        width: 288px;
        height: 288px;
        border: 2px solid #00A6CA; }
      .insightsWrapper .insightsList .insight .dateIcon {
        height: 288px;
        width: 288px;
        text-align: center;
        border: 2px solid #00A6CA;
        font-weight: 300;
        background-color: #ffffff; }
        .insightsWrapper .insightsList .insight .dateIcon .month {
          font-size: 46px;
          margin-top: 61px;
          margin-bottom: 10px;
          font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
          line-height: 1em; }
        .insightsWrapper .insightsList .insight .dateIcon .date {
          font-size: 128px;
          line-height: 1em; }
      .insightsWrapper .insightsList .insight .insightText {
        padding: 13px 20px 18px 20px;
        background-color: rgba(0, 0, 0, 0.065); }
        .insightsWrapper .insightsList .insight .insightText .eyebrow {
          margin-bottom: 14px;
          font-size: 18px;
          font-weight: 700; }
        .insightsWrapper .insightsList .insight .insightText .insightLink {
          font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
          font-size: 14px;
          font-weight: 600; }
          .insightsWrapper .insightsList .insight .insightText .insightLink .fa {
            margin-left: 8px;
            color: #00A6CA; }
      .insightsWrapper .insightsList .insight hr {
        display: none; }
      .insightsWrapper .insightsList .insight.feature .insightContainer {
        background-color: #FCD800; }
  .insightsWrapper .loadMore {
    text-align: center;
    padding: 40px 0 0 0; }
  .insightsWrapper .insightSubscribeWrapper .subscribeIntro {
    margin-top: 20px; }
    .insightsWrapper .insightSubscribeWrapper .subscribeIntro .fa {
      float: left;
      margin-right: 15px;
      color: #00A6CA;
      font-size: 30px; }
    .insightsWrapper .insightSubscribeWrapper .subscribeIntro .introOne {
      font-size: 16px;
      line-height: 21px; }
  .insightsWrapper .insightSubscribeWrapper .subscribeForm {
    margin-top: 17px;
    text-align: center; }
    .insightsWrapper .insightSubscribeWrapper .subscribeForm input {
      height: 36px;
      margin: 0;
      float: left; }
    .insightsWrapper .insightSubscribeWrapper .subscribeForm label.error {
      float: left; }
    .insightsWrapper .insightSubscribeWrapper .subscribeForm .btn {
      margin-top: 16px; }

/* Email Component - Phone View */
/* Horizontal Email Component */
.emailWrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  /*.emailBody {
  	font-size: 12px;
  	font-weight: bold;
  	line-height: 15px;
  }*/ }
  .emailWrapper .emailBox {
    width: 100%;
    border: 1px solid #FCD800;
    padding: 10px;
    text-align: center;
    margin: 20px auto 0;
    overflow: hidden;
    display: inline-block; }
  .emailWrapper .row-head {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: center; }
  .emailWrapper .row-title {
    font-weight: 600;
    font-size: 18px;
    margin-top: 37px; }
  .emailWrapper .emailTitle {
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 10px; }
  .emailWrapper .emailForm {
    padding-top: 20px;
    display: block;
    height: 96px; }
  .emailWrapper .faBox {
    margin-right: 10px;
    font-size: 30px;
    color: #00A6CA; }
  .emailWrapper .btn {
    width: 100%;
    margin-top: 20px; }
  .emailWrapper .faBtn {
    font-size: 18px; }
  .emailWrapper .centered {
    display: block;
    margin-right: auto;
    margin-left: auto; }
  .emailWrapper .formBlocker .fa, .emailWrapper .formMessage .fa {
    margin-right: 10px;
    font-size: 35px;
    color: #00A6CA; }
  .emailWrapper.emailWrapperTI {
    border: 4px solid #a9a9a9;
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .emailWrapper.emailWrapperTI .emailBox {
      border: none;
      font-size: 16px;
      margin-top: 0; }
    .emailWrapper.emailWrapperTI .emailForm {
      height: auto; }
    .emailWrapper.emailWrapperTI .row-title {
      text-align: center;
      margin-top: 0; }
    .emailWrapper.emailWrapperTI .emailTitle {
      font-size: 14px; }
    .emailWrapper.emailWrapperTI .faBox {
      color: #006685;
      display: block; }
    .emailWrapper.emailWrapperTI .btn {
      border-radius: 500px;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600; }
    .emailWrapper.emailWrapperTI #firstNameBox, .emailWrapper.emailWrapperTI #emailBox {
      margin-bottom: 15px; }
    .emailWrapper.emailWrapperTI .unsubscribeText {
      margin-top: 30px;
      font-size: 12px;
      font-weight: 600; }

/* Right Rail Email Component */
.emailRightColumnWrapper {
  background-color: #fff;
  border: 4px solid #00A6CA;
  padding: 15px 30px 5px 30px;
  font-size: 16px;
  margin-bottom: 20px; }
  .emailRightColumnWrapper .railBox {
    padding-left: 10px;
    padding-right: 10px; }
    .emailRightColumnWrapper .railBox p {
      text-align: center;
      font-weight: 600; }
      .emailRightColumnWrapper .railBox p.unsubscribeText {
        font-size: 12px;
        margin-top: 10px; }
  .emailRightColumnWrapper .emailTitle {
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 10px; }
    .emailRightColumnWrapper .emailTitle div {
      display: inline-block;
      width: 38px;
      height: 38px; }
    .emailRightColumnWrapper .emailTitle span {
      text-align: left; }
  .emailRightColumnWrapper .emailBody {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px; }
  .emailRightColumnWrapper .tui-yellow-bnr, .emailRightColumnWrapper .tui-yellow-bnr[disabled] {
    background-color: #FCD800;
    width: 100%;
    height: 156px;
    margin: 20px 25px 20px 25px;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: left;
    color: #000; }
  .emailRightColumnWrapper .bnr {
    font-size: 14px;
    height: 150px;
    padding: 100 50 100 50; }
  .emailRightColumnWrapper .railBnr {
    font-size: 14px;
    margin: 0 auto;
    padding-top: 15px;
    margin-bottom: 20px;
    padding-left: 15px; }
  .emailRightColumnWrapper .btn {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    color: #000000;
    font-weight: 600; }
  .emailRightColumnWrapper .btn.tui-orange-tall-btn span {
    float: none;
    line-height: 130%;
    text-align: left;
    padding: 0px; }
  .emailRightColumnWrapper .fa {
    font-size: 30px;
    color: #00A6CA; }
  .emailRightColumnWrapper.emailOptInTI {
    background-color: #f5f5f5;
    border: 4px solid #006685;
    padding: 15px 40px 5px 40px; }
    .emailRightColumnWrapper.emailOptInTI .tui-yellow-bnr, .emailRightColumnWrapper.emailOptInTI .tui-yellow-bnr[disabled] {
      background-color: #ffffff;
      border: 2px solid #FCD800; }
    .emailRightColumnWrapper.emailOptInTI .fa {
      color: #006685; }
    .emailRightColumnWrapper.emailOptInTI .btn {
      border-radius: 500px;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      height: 45px;
      padding-right: 24px; }
    .emailRightColumnWrapper.emailOptInTI #firstNameBox, .emailRightColumnWrapper.emailOptInTI #emailBox {
      margin-bottom: 15px; }
    .emailRightColumnWrapper.emailOptInTI .emailTitle {
      font-size: 14px; }
      .emailRightColumnWrapper.emailOptInTI .emailTitle div {
        display: inline-block;
        width: 35px;
        height: 35px; }

/* LESS Document */
.wrapper .pageHeadline {
  margin: 28px 0 17px 0;
  font-size: 22px; }
.wrapper .matchingResults {
  font-size: 14px; }
  .wrapper .matchingResults .keyword {
    font-weight: 600;
    font-style: italic; }
  .wrapper .matchingResults .resultsNum {
    font-weight: 600; }
.wrapper .sideNavContainer a.refine {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.131);
  border-bottom: 1px solid rgba(0, 0, 0, 0.131);
  display: block;
  color: #707070;
  text-decoration: none;
  font-size: 14px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600; }
  .wrapper .sideNavContainer a.refine i, .wrapper .sideNavContainer a.refine span.fa {
    font-size: 18px;
    padding-top: 3px;
    float: right; }
.wrapper .searchNavList .searchResult {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.131); }
  .wrapper .searchNavList .searchResult img {
    margin-top: 20px;
    width: 63px;
    height: 63px; }
  .wrapper .searchNavList .searchResult div.searchHeadline {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 20px; }
    .wrapper .searchNavList .searchResult div.searchHeadline a {
      color: #000;
      text-decoration: none; }
    .wrapper .searchNavList .searchResult div.searchHeadline a:hover {
      text-decoration: underline; }
  .wrapper .searchNavList .searchResult a.searchDescriptionLink {
    display: block;
    color: #707070;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px; }
  .wrapper .searchNavList .searchResult div.searchDescription {
    font-size: 14px;
    line-height: 20px; }
.wrapper .searchNavList .loadMore {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }

#listModule .titleContent {
  margin-left: -10px;
  margin-right: -10px; }
  #listModule .titleContent #pageTitle .fa-angle-down {
    right: 6px; }
  #listModule .titleContent.affix {
    margin-left: 0;
    margin-right: 0; }
    #listModule .titleContent.affix #pageTitle .fa-angle-down {
      right: 16px; }

/* CSS Document */
.contactWrapper {
  display: block;
  width: 100%;
  min-height: 340px;
  background-size: cover;
  background-position: 100% 0%; }

#contactUsModal .modal-content {
  background-color: #fdda00;
  padding-bottom: 15px;
  padding-top: 13px;
  min-height: 380px;
  box-shadow: none;
  border-radius: 0; }
  #contactUsModal .modal-content .close {
    font-size: 46px;
    font-weight: 500;
    margin-top: -30px;
    opacity: 1; }
  #contactUsModal .modal-content .consumerPicker {
    text-align: center; }
    #contactUsModal .modal-content .consumerPicker .modalConsumerText {
      font-size: 12px;
      line-height: 14px;
      margin-left: 10px;
      margin-right: 10px; }
      #contactUsModal .modal-content .consumerPicker .modalConsumerText .modalUnderline {
        border-bottom: 1px solid #ffffff;
        box-shadow: inset 0 -4px 0 #ffffff;
        -webkit-box-shadow: inset 0px -4px 0 #ffffff;
        -moz-box-shadow: inset 0px -4px 0 #ffffff; }
    #contactUsModal .modal-content .consumerPicker .modalButtonText {
      font-size: 12px;
      line-height: 14px;
      margin-left: 10px;
      margin-right: 10px; }
      #contactUsModal .modal-content .consumerPicker .modalButtonText .modalUnderline {
        border-bottom: 2px solid #ffffff;
        box-shadow: inset 0 -3px 0 #ffffff;
        -webkit-box-shadow: inset 0px -3px 0 #ffffff;
        -moz-box-shadow: inset 0px -3px 0 #ffffff; }
    #contactUsModal .modal-content .consumerPicker .btn {
      color: #000000;
      height: 80px;
      width: 138px;
      font-size: 38px;
      border: 4px solid #00a6ca;
      margin-bottom: 12px;
      margin-top: 0px;
      background-color: #00A6CA; }
  #contactUsModal .modal-content .contactForm .form-control {
    margin-bottom: 30px; }
  #contactUsModal .modal-content .contactForm input[type="text"].valid, #contactUsModal .modal-content .contactForm textarea.valid {
    background-color: #ffffff; }
  #contactUsModal .modal-content .contactForm input[type=text].error, #contactUsModal .modal-content .contactForm textarea.error {
    border: 2px solid #d74025;
    background-color: #ffffff; }
  #contactUsModal .modal-content .contactForm label.error, #contactUsModal .modal-content .contactForm span.error {
    position: absolute;
    top: 55px;
    font-size: 12px;
    background-color: transparent;
    margin-left: 10px;
    border: none;
    height: 30px; }
  #contactUsModal .modal-content .contactForm span.error {
    padding: 4px 4px 4px 0;
    margin-left: 0;
    color: #d74025; }
  #contactUsModal .modal-content .contactForm #comments-tu-error.error {
    top: 187px; }
  #contactUsModal .modal-content .contactForm label.error:before, #contactUsModal .modal-content .contactForm span.error:before {
    border-bottom: none;
    bottom: 87%;
    content: "\f05c";
    font-family: FontAwesome;
    left: -17px;
    top: -6px; }
  #contactUsModal .modal-content .contactForm span.error:before {
    margin-right: 4px; }
  #contactUsModal .modal-content .contactForm label.error:after, #contactUsModal .modal-content .contactForm span.error:after {
    display: none; }
  #contactUsModal .modal-content .contactForm .modalBody {
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 25px; }
  #contactUsModal .modal-content .contactForm .requiredContact {
    float: right;
    font-size: 10px; }
  #contactUsModal .modal-content .contactForm .clearfix {
    padding-top: 30px; }
  #contactUsModal .modal-content .contactForm .existingCustomer {
    padding-bottom: 8px;
    padding-left: 15px;
    border-bottom: 1px solid #ffffff; }
    #contactUsModal .modal-content .contactForm .existingCustomer p {
      font-size: 12px;
      line-height: 12px; }
  #contactUsModal .modal-content .contactForm .checkbox {
    font-size: 14px;
    padding-left: 15px;
    padding-top: 24px; }
    #contactUsModal .modal-content .contactForm .checkbox label {
      line-height: 16px;
      text-decoration: underline; }
  #contactUsModal .modal-content .contactForm .btn {
    color: #000000;
    font-size: 10px;
    margin-top: 20px;
    width: 100%; }
  #contactUsModal .modal-content .contactForm .commentsLength, #contactUsModal .modal-content .contactForm .commentsHeight {
    height: auto; }
#contactUsModal .formBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  min-height: 350px;
  background-color: #FCD800;
  opacity: .9;
  text-align: center; }
  #contactUsModal .formBlocker .fa {
    font-size: 144px;
    margin-bottom: 40px; }
  #contactUsModal .formBlocker .messageContent {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1em; }
  #contactUsModal .formBlocker.personalMessage .fa {
    font-size: 144px; }
  #contactUsModal .formBlocker.personalMessage .messageContent {
    font-size: 24px; }
#contactUsModal .formMessage {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  min-height: 350px;
  opacity: .9;
  text-align: center; }
  #contactUsModal .formMessage .fa {
    font-size: 144px;
    margin-bottom: 40px; }
  #contactUsModal .formMessage .messageContent {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1em; }
  #contactUsModal .formMessage.personalMessage .fa {
    font-size: 144px; }
  #contactUsModal .formMessage.personalMessage .messageContent {
    font-size: 24px; }

.modal-backdrop.in {
  opacity: .6; }

.contactWrapper .labelHead {
  margin-top: 20px; }
.contactWrapper .contactForm .requiredContact {
  /*float: right;*/
  display: inline-block;
  width: 100%;
  text-align: right;
  font-size: 10px; }
.contactWrapper .contactForm .inFieldLabels .form-group {
  position: relative;
  padding-top: 20px; }
  .contactWrapper .contactForm .inFieldLabels .form-group label, .contactWrapper .contactForm .inFieldLabels .form-group .label {
    color: #ffffff; }
    .contactWrapper .contactForm .inFieldLabels .form-group label.inForm, .contactWrapper .contactForm .inFieldLabels .form-group .label.inForm {
      color: #707070; }
  .contactWrapper .contactForm .inFieldLabels .form-group .form-control {
    margin-bottom: 30px; }
  .contactWrapper .contactForm .inFieldLabels .form-group input[type="text"].valid, .contactWrapper .contactForm .inFieldLabels .form-group textarea.valid {
    background-color: #ffffff; }
  .contactWrapper .contactForm .inFieldLabels .form-group input[type=text].error, .contactWrapper .contactForm .inFieldLabels .form-group textarea.error {
    border: 2px solid #d74025;
    background-color: #ffffff; }
  .contactWrapper .contactForm .inFieldLabels .form-group label.error, .contactWrapper .contactForm .inFieldLabels .form-group span.error {
    position: absolute;
    top: 55px;
    font-size: 12px;
    background-color: transparent;
    margin-left: 30px;
    border: none;
    height: 30px;
    color: #fff; }
  .contactWrapper .contactForm .inFieldLabels .form-group span.error {
    padding: 4px;
    margin-left: 16px; }
  .contactWrapper .contactForm .inFieldLabels .form-group #comments-tu-error.error {
    top: 187px; }
  .contactWrapper .contactForm .inFieldLabels .form-group label.error:before, .contactWrapper .contactForm .inFieldLabels .form-group span.error:before {
    border-bottom: none;
    bottom: 87%;
    content: "\f05c";
    font-family: FontAwesome;
    left: -17px;
    /*display: none;*/ }
  .contactWrapper .contactForm .inFieldLabels .form-group span.error:before {
    margin-right: 4px; }
  .contactWrapper .contactForm .inFieldLabels .form-group label.error:after, .contactWrapper .contactForm .inFieldLabels .form-group span.error:after {
    display: none; }
  .contactWrapper .contactForm .inFieldLabels .form-group .modalBody {
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 25px; }
  .contactWrapper .contactForm .inFieldLabels .form-group .clearfix {
    padding-top: 24px; }
  .contactWrapper .contactForm .inFieldLabels .form-group .commentsLength, .contactWrapper .contactForm .inFieldLabels .form-group .commentsHeight {
    height: auto; }
.contactWrapper .contactForm .inFieldLabels .existingCustomer {
  padding-bottom: 8px;
  padding-left: 15px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff; }
  .contactWrapper .contactForm .inFieldLabels .existingCustomer p {
    color: #fffffff;
    font-size: 12px;
    line-height: 12px; }
  .contactWrapper .contactForm .inFieldLabels .existingCustomer label {
    color: #ffffff; }
.contactWrapper .contactForm .inFieldLabels .checkbox {
  font-size: 14px;
  /*padding-left: 15px;*/
  padding-top: 24px; }
  .contactWrapper .contactForm .inFieldLabels .checkbox label {
    line-height: 16px;
    text-decoration: underline;
    color: #ffffff; }
.contactWrapper .contactForm .inFieldLabels .requestButton {
  margin-bottom: 30px; }
  .contactWrapper .contactForm .inFieldLabels .requestButton .btn {
    color: #000000;
    font-size: 10px;
    margin-top: 20px;
    width: 100%; }
.contactWrapper .formBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  min-height: 350px;
  background-color: #00A6CA;
  opacity: .9;
  text-align: center; }
  .contactWrapper .formBlocker .fa {
    font-size: 144px;
    margin-bottom: 40px; }
  .contactWrapper .formBlocker .messageContent {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1em; }
    .contactWrapper .formBlocker .messageContent a {
      color: #000000; }
.contactWrapper .formMessage {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  min-height: 350px;
  opacity: .9;
  text-align: center; }
  .contactWrapper .formMessage .fa {
    font-size: 144px;
    margin-bottom: 40px; }
  .contactWrapper .formMessage .messageContent {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1em; }
    .contactWrapper .formMessage .messageContent a {
      color: #000000; }

/* Global Footer Styles */
#globalFooter {
  height: auto;
  padding-top: 40px;
  border-top: 4px solid #FCD800;
  clear: both; }
  #globalFooter #footerLeft .footerColumnn {
    border-right: none; }
    #globalFooter #footerLeft .footerColumnn a {
      color: #000000;
      text-decoration: none; }
    #globalFooter #footerLeft .footerColumnn .headerFooter {
      border-bottom: 1px solid #dddddd;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 14px;
      padding-bottom: 11px;
      cursor: pointer; }
      #globalFooter #footerLeft .footerColumnn .headerFooter.active {
        border-bottom: 4px solid #00a6ca; }
    #globalFooter #footerLeft .footerColumnn ul {
      display: none;
      margin-left: 24px; }
      #globalFooter #footerLeft .footerColumnn ul li {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 26px; }
  #globalFooter #footerRight {
    margin-left: 0px;
    margin-top: -2px;
    text-align: center; }
    #globalFooter #footerRight .haveQuestions {
      font-size: 26px;
      margin-bottom: 20px; }
  #globalFooter .footerLinks {
    display: inline-flex;
    margin-top: 26px; }
    #globalFooter .footerLinks a {
      font-size: 12px;
      margin: 0 18px 0 0;
      text-decoration: none;
      color: #939393;
      line-height: 14px; }
  #globalFooter #socialLinks {
    margin-top: 12px; }
    #globalFooter #socialLinks li {
      display: inline-block;
      margin-left: 7px; }
    #globalFooter #socialLinks .fa {
      font-size: 36px;
      margin-top: 7px; }
    #globalFooter #socialLinks .tufa-facebook {
      color: #4463a3; }
    #globalFooter #socialLinks .tufa-twitter {
      color: #03b4ef; }
    #globalFooter #socialLinks .tufa-youtube {
      color: #c20200; }
    #globalFooter #socialLinks .tufa-linkedin {
      color: #0285be; }
    #globalFooter #socialLinks .tufa-google {
      color: #e15440; }
    #globalFooter #socialLinks .fa-circle {
      color: #02b5d9; }
    #globalFooter #socialLinks #blog {
      vertical-align: top; }
      #globalFooter #socialLinks #blog .fa-stack-1x {
        font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #ffffff;
        padding-top: 2px;
        padding-left: 1px; }
  #globalFooter .copyright {
    font-size: 12px;
    margin-bottom: 36px;
    margin-top: 7px;
    margin-left: 12px;
    text-decoration: none;
    color: #939393; }

/* LESS Document */
/* LESS Document */
.errorWrapper .serverErrorTitle {
  color: #D74025;
  margin-top: 20%; }
.errorWrapper .maintenanceTitle {
  color: #006685;
  margin-top: 20%; }
.errorWrapper p {
  font-size: 18px; }

/* Specialty Nav Component Styles */
#specialtyNavComponent {
  padding-top: 51px;
  margin-top: -51px;
  z-index: 3; }
  #specialtyNavComponent .height-container {
    margin-left: -16px;
    margin-right: -16px; }
  #specialtyNavComponent .specialtyNav {
    background-color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 20px;
    top: -20px; }
    #specialtyNavComponent .specialtyNav:before {
      position: absolute;
      display: block;
      border-bottom: 1px solid #dddddd;
      bottom: 0;
      left: 16px;
      right: 16px; }
    #specialtyNavComponent .specialtyNav.affix {
      z-index: 2000; }
    #specialtyNavComponent .specialtyNav .pageTitle {
      padding: 15px 16px 10px 16px;
      margin: 0;
      position: relative;
      background-image: url("../img/logoGray.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position-x: 30px;
      cursor: pointer; }
      #specialtyNavComponent .specialtyNav .pageTitle span {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px; }
      #specialtyNavComponent .specialtyNav .pageTitle a {
        color: #000000;
        text-decoration: none; }
      #specialtyNavComponent .specialtyNav .pageTitle .fa-angle-down {
        float: right;
        color: #000000;
        font-size: 22px;
        margin-top: -8px; }
  #specialtyNavComponent.open .secondary-nav {
    display: block; }
  #specialtyNavComponent .specialtyNav-menu {
    float: left;
    width: 100%; }
    #specialtyNavComponent .specialtyNav-menu.affix {
      position: relative; }
  #specialtyNavComponent .secondary-nav {
    display: none; }
  #specialtyNavComponent .listSideNavContainer .careersNavButtons {
    margin-top: 10px;
    padding-bottom: 10px; }
    #specialtyNavComponent .listSideNavContainer .careersNavButtons .btn {
      width: 100%;
      height: 40px;
      font-size: 11px;
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 11px; }
    #specialtyNavComponent .listSideNavContainer .careersNavButtons .btn-gray {
      background-color: #ededed;
      border-color: #ededed;
      color: #000000; }
  #specialtyNavComponent ul.careers-side-nav {
    margin-left: -16px;
    margin-right: -16px; }
    #specialtyNavComponent ul.careers-side-nav > li.active > a {
      border-left: 4px solid #00A6CA;
      background-color: #ffffff;
      padding-left: 13px; }
    #specialtyNavComponent ul.careers-side-nav > li.active ul {
      display: block; }
      #specialtyNavComponent ul.careers-side-nav > li.active ul li {
        height: auto; }
    #specialtyNavComponent ul.careers-side-nav > li:first-of-type a:after {
      content: " ";
      border-top: 1px solid #dddddd;
      position: absolute;
      top: 0;
      left: 5%;
      width: 90%; }
    #specialtyNavComponent ul.careers-side-nav > li:first-of-type a:after {
      content: none; }
    #specialtyNavComponent ul.careers-side-nav > li a {
      position: relative;
      display: block;
      padding: 12px 16px 12px 16px;
      color: #000000;
      text-decoration: none; }
      #specialtyNavComponent ul.careers-side-nav > li a:before {
        content: " ";
        border-bottom: 1px solid #dddddd;
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 90%; }
      #specialtyNavComponent ul.careers-side-nav > li a:hover {
        color: #006685; }
    #specialtyNavComponent ul.careers-side-nav > li > ul {
      margin-top: 5px;
      display: none; }
      #specialtyNavComponent ul.careers-side-nav > li > ul li {
        margin: 0 0 0 41px; }
        #specialtyNavComponent ul.careers-side-nav > li > ul li a {
          padding: 12px 0;
          border-top: none; }
          #specialtyNavComponent ul.careers-side-nav > li > ul li a:before {
            content: none; }

/* LESS Document */
.blueBoxWrapper {
  border: 2px solid #00a6ca;
  background-color: rgba(0, 0, 0, 0.04);
  min-height: 0; }
  .blueBoxWrapper .primaryHeadline span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    vertical-align: top;
    padding-top: 15px; }
  .blueBoxWrapper p {
    font-weight: 600; }
  .blueBoxWrapper a {
    color: #00a6ca;
    text-decoration: none; }

/* LESS Document */
#fullFrameListComponent {
  padding: 40px;
  border: none;
  background-color: rgba(0, 0, 0, 0.04); }
  #fullFrameListComponent h2 {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px; }
  #fullFrameListComponent ul {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 20px;
    clear: both; }
    #fullFrameListComponent ul li {
      width: 100%;
      display: block;
      font-size: 16px;
      line-height: 16px;
      font-weight: 600;
      margin: 0 0 15px 0;
      padding-left: 37px; }
  #fullFrameListComponent p {
    text-align: center; }

/* LESS Document */
.homepageBlueRailWrapper {
  width: 100%;
  background-color: #00a6ca; }
  .homepageBlueRailWrapper p {
    font-size: 15px;
    line-height: 49px;
    text-align: center;
    padding: 10px;
    margin: 0; }
    .homepageBlueRailWrapper p span.yellowUnderline {
      border-bottom: 2px solid #ffd600;
      line-height: 14px;
      display: inline-block; }
    .homepageBlueRailWrapper p a.btn {
      margin-left: 20px;
      height: 49px;
      line-height: 23px;
      font-size: 17px; }
    .homepageBlueRailWrapper p a.tui-white-btn, .homepageBlueRailWrapper p a.tui-white-btn[disabled] {
      background-color: #fff;
      border-color: #fff;
      color: #000; }
    .homepageBlueRailWrapper p a.tui-white-btn:focus, .homepageBlueRailWrapper p a.tui-white-btn:hover, .homepageBlueRailWrapper p a.tui-white-btn[disabled]:focus, .homepageBlueRailWrapper p a.tui-white-btn[disabled]:hover {
      background-color: #ddd;
      border-color: #ddd;
      color: #000; }

/* LESS Document */
.rightRailFormWrapper {
  background-color: #00a6ca;
  margin: 0 -16px 40px;
  padding: 16px; }
  .rightRailFormWrapper h2 {
    margin: 15px 0 20px;
    font-size: 27px;
    line-height: 34px;
    text-align: center; }
    .rightRailFormWrapper h2 .yellow-highlight {
      background-color: #ffd600;
      display: inline-block; }
  .rightRailFormWrapper p {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 18px;
    text-align: center; }
  .rightRailFormWrapper form .required {
    color: #d74025; }
  .rightRailFormWrapper form .field-wrapper {
    position: relative;
    margin-bottom: 25px; }
    .rightRailFormWrapper form .field-wrapper label {
      font-size: 16px;
      line-height: 35px;
      position: absolute;
      top: 0; }
    .rightRailFormWrapper form .field-wrapper .input-wrapper {
      width: 100%;
      padding-left: 100px; }
    .rightRailFormWrapper form .field-wrapper input, .rightRailFormWrapper form .field-wrapper select {
      height: 35px;
      border: none;
      font-size: 16px;
      line-height: 35px;
      padding: 0 5px;
      width: 100%; }
      .rightRailFormWrapper form .field-wrapper input.LV_invalid_field, .rightRailFormWrapper form .field-wrapper select.LV_invalid_field {
        border: 3px solid #d74025; }
    .rightRailFormWrapper form .field-wrapper .LV_invalid {
      font-size: 14px;
      line-height: 14px;
      display: block;
      color: #d74025;
      margin: 3px 0 0 30px; }
    .rightRailFormWrapper form .field-wrapper .LV_invalid::before {
      border-bottom: 0;
      bottom: 87%;
      content: "\f05c";
      font-family: FontAwesome;
      left: -17px; }
    .rightRailFormWrapper form .field-wrapper .LV_valid {
      display: none; }
  .rightRailFormWrapper form .submit-button {
    background-color: #ffd600;
    color: #000000;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    padding: 10px 25px;
    width: 100%;
    display: block;
    border: none;
    -webkit-appearance: none; }
  .rightRailFormWrapper form p {
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    margin: 15px 0;
    text-align: center; }

/* LESS Document */
#rightRailListComponent {
  border: 3px solid #00a6ca;
  padding: 40px 20px;
  background: #FFFFFF; }
  #rightRailListComponent h2 {
    text-align: center;
    font-size: 19px;
    line-height: 19px;
    margin: 0 0 20px;
    font-weight: 600; }
  #rightRailListComponent h3 {
    color: #006685;
    text-align: center;
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 20px; }
  #rightRailListComponent ul {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    clear: both; }
    #rightRailListComponent ul li {
      width: 50%;
      float: left;
      display: inline-block;
      font-size: 19px;
      line-height: 22px;
      font-weight: 600;
      margin: 0 0 15px 0;
      padding-left: 37px; }
    #rightRailListComponent ul li:last-of-type {
      margin: 0; }

/* LESS Document */
/* TransUnion Variables      */
/* ------------------------- */
/* Pulls all Bootstrap Variables into Other SCSS Files */
/* 2014 Brand Colors         */
/* ------------------------- */
/* Bootstrap Variables for Brand Colors */
/* Bootstrap Defined Colors */
/* Scaffolding */
/* Settings for some of the most global styles */
/* Background color for `<body>`. */
/* Global text color on `<body>`. */
/* Global textual link color. */
/* Link hover color set via `darken()` function. */
/* Common border color for most containers, tables, underlines, etc. */
/* Components */
/* Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). */
/* Typography */
/* Font, line-height, and color for body text, headings, and more. */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* Tables */
/* Customizes the `.table` component with basic values, each used across all table variations. */
/* Padding for `<th>`s and `<td>`s. */
/* Padding for cells in `.table-condensed`. */
/* Default background color used for all tables. */
/* Background color used for `.table-striped`. */
/* Background color used for `.table-hover`. */
/* Border color for table and cell borders. */
/* Buttons */
/* For each of Bootstrap's buttons, define text, background and border color. */
/* Button NAmes with Colors in stead of Descriptive Use */
/* Forms */
/* `<input>` background color */
/* `<input disabled>` background color */
/* Text color for `<input>`s */
/* `<input>` border color */
/* `<input>` border radius */
/* Border color for inputs on focus */
/* `<input readonly>` border color */
/* `<input disabled>` border color */
/* Placeholder text color */
/* Default `.form-control` height */
/* Large `.form-control` height */
/* Small `.form-control` height */
/* Background color for textual input addons */
/* Border color for textual input addons */
/* Dropdowns */
/* Dropdown menu container and contents. */
/* Background for the dropdown menu. */
/* Dropdown menu `border-color`. */
/* Dropdown menu `border-color` - for IE8 -. */
/* Divider color for between dropdown items. */
/* Dropdown link text color. */
/* Hover color for dropdown links. */
/* Hover background for dropdown links. */
/* Active dropdown menu item text color. */
/* Active dropdown menu item background color. */
/* Disabled dropdown menu item background color. */
/* Text color for headers within dropdown menus. */
/* Form states and alerts */
/* Define colors for form feedback states and, by default, alerts. */
/* Alerts  */
/* Define alert colors, border radius, and padding. */
/* Panels
/* Define panel colors, border radius, and padding. */
/* Border color for elements within panels */
/* Other Variables */
/* --------------- */
/* Layout */
/* imports Bootstrap's variables.scss */
.leftRailFormWrapper {
  margin: 0 -16px 40px;
  padding: 16px; }
  .leftRailFormWrapper h2 {
    margin: 15px 0 20px;
    font-size: 27px;
    line-height: 34px;
    border-bottom: 3px solid #0ca0c7;
    padding-bottom: 10px; }
    .leftRailFormWrapper h2 .yellow-highlight {
      background-color: #ffd600;
      display: inline-block; }
  .leftRailFormWrapper p {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 18px; }
  .leftRailFormWrapper form .field-wrapper {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 20px; }
    .leftRailFormWrapper form .field-wrapper .input-wrapper {
      width: 100%; }
    .leftRailFormWrapper form .field-wrapper label {
      font-size: 16px;
      line-height: 20px; }
    .leftRailFormWrapper form .field-wrapper input, .leftRailFormWrapper form .field-wrapper select {
      height: 35px;
      border: 1px solid #dddddd;
      font-size: 16px;
      line-height: 35px;
      padding: 0 5px;
      width: 100%; }
      .leftRailFormWrapper form .field-wrapper input.LV_invalid_field, .leftRailFormWrapper form .field-wrapper select.LV_invalid_field {
        border: 3px solid #d74025; }
    .leftRailFormWrapper form .field-wrapper .LV_invalid {
      font-size: 14px;
      line-height: 14px;
      display: block;
      color: #d74025;
      margin: 3px 0 0 30px;
      position: absolute; }
    .leftRailFormWrapper form .field-wrapper .LV_invalid::before {
      border-bottom: 0;
      bottom: 87%;
      content: "\f05c";
      font-family: FontAwesome;
      left: -17px; }
    .leftRailFormWrapper form .field-wrapper .LV_valid {
      display: none; }
  .leftRailFormWrapper form .submit-button {
    background-color: #ffd600;
    color: #000000;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    padding: 10px 25px;
    width: 100%;
    display: block;
    border: none;
    -webkit-appearance: none;
    clear: both; }
  .leftRailFormWrapper form p {
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    margin: 15px 0; }

/* LESS Document */
.testimonialWrapper {
  margin: 0 0 60px;
  text-align: center; }

/* LESS Document */
#videoFeatureWindowComponent {
  width: 100%;
  background: transparent url("../img/videoFeatureWindowBackground.jpg") no-repeat center top;
  background-size: cover;
  padding: 80px 0;
  text-align: center; }
  #videoFeatureWindowComponent h2 {
    color: #FFFFFF;
    font-size: 31px;
    line-height: 31px;
    margin-bottom: 10px; }
  #videoFeatureWindowComponent p {
    color: #FFFFFF;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 20px; }
  #videoFeatureWindowComponent img {
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  #videoFeatureWindowComponent #container1 {
    position: relative;
    padding-bottom: 67.5%;
    height: 0;
    margin: 10px 0;
    overflow: hidden; }
    #videoFeatureWindowComponent #container1 object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* LESS Document */
#videoFeatureWindowTextRightComponent {
  width: 100%;
  background: transparent url("../img/videoFeatureWindowTextRightBackground.jpg") no-repeat center top;
  background-size: cover;
  padding: 80px 0;
  text-align: center; }
  #videoFeatureWindowTextRightComponent h2 {
    color: #FFFFFF;
    font-size: 31px;
    line-height: 31px;
    margin-bottom: 10px; }
  #videoFeatureWindowTextRightComponent p {
    color: #FFFFFF;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 20px; }
  #videoFeatureWindowTextRightComponent img {
    max-width: 100%;
    height: auto; }
  #videoFeatureWindowTextRightComponent .no-video .videoFeatureWindowLeft {
    display: none; }
  #videoFeatureWindowTextRightComponent .no-video .videoFeatureWindowRight {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: none;
    /* IE 9 */
    transform: none;
    /* IE 10, Fx 16+, Op 12.1+ */ }
  #videoFeatureWindowTextRightComponent #container1 {
    position: relative;
    padding-bottom: 67.5%;
    height: 0;
    margin: 10px 0;
    overflow: hidden; }
    #videoFeatureWindowTextRightComponent #container1 object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* Products Summary with Related Articles Styles - XS  */
.prodSummaryWrapper .productSummary {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  background-color: #ffffff;
  border-color: #a9a9a9;
  border-width: 4px 0;
  border-style: solid; }
  .prodSummaryWrapper .productSummary .prodSummaryContent {
    margin-bottom: 30px; }
    .prodSummaryWrapper .productSummary .prodSummaryContent h2 {
      margin-top: 28px;
      margin-bottom: 20px;
      font-weight: 600; }
  .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles {
    padding-top: 30px;
    border-top: 4px solid #eeeeee; }
    .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle {
      float: left;
      width: 100%;
      margin-bottom: 10px;
      text-decoration: none;
      color: #000000; }
      .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle .prodSummaryRelatedArticlePic {
        float: left;
        width: 60px;
        height: 60px; }
      .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle .prodSummaryRelatedArticleDesc {
        float: left;
        width: 100%;
        padding-left: 70px;
        margin-left: -60px; }
        .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle .prodSummaryRelatedArticleDesc h5 {
          margin-top: 0;
          font-size: 14px;
          font-weight: 700; }
      .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle:hover h5 {
        text-decoration: underline; }

/* Products Summary with Related Articles Styles - XS  */
.productFeatureWrapper .container .feature {
  float: left; }
  .productFeatureWrapper .container .feature .picMobile {
    height: 330px;
    margin: 0 -10px;
    background-size: cover;
    background-position: 50% 0; }
.productFeatureWrapper .container .featureDescription {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
  padding: 0 35px 35px 35px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 4px solid #a9a9a9;
  border-width: 0 4px 4px 4px; }
  .productFeatureWrapper .container .featureDescription h5 {
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    color: #707070; }
  .productFeatureWrapper .container .featureDescription .para {
    -js-display: flex;
    display: flex;
    flex-direction: row;
    order: 1;
    margin-top: 10px;
    color: #707070;
    font-size: 14px; }
    .productFeatureWrapper .container .featureDescription .para .fa {
      flex: 0 0 35px;
      width: 35px;
      font-size: 40px;
      margin-right: 10px; }

/* Category Banner - XS */
.categoryBannerWrapper {
  height: 150px;
  background-position: center center;
  background-size: cover;
  width: 100%;
  z-index: 1; }
  .categoryBannerWrapper .photoHeaderHolder {
    position: relative;
    height: 100%; }
    .categoryBannerWrapper .photoHeaderHolder .primaryHeader {
      position: absolute;
      bottom: 10px;
      margin: 0;
      color: #ffffff;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); }

.categoryBannerCopy {
  width: 100%;
  padding: 16px;
  margin-bottom: 30px;
  background-color: #ffffff; }
  .categoryBannerCopy p {
    font-size: 14px;
    line-height: normal; }

.categoryBannerRelatedArticles {
  display: block;
  width: 100%;
  order: 99; }
  .categoryBannerRelatedArticles a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-family: 'IntroCaps';
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    background-size: cover; }
    .categoryBannerRelatedArticles a:hover {
      text-decoration: underline; }
    .categoryBannerRelatedArticles a.articleLink {
      height: 100px; }
      .categoryBannerRelatedArticles a.articleLink span {
        position: absolute; }
      .categoryBannerRelatedArticles a.articleLink:before {
        position: absolute;
        content: " ";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006685+0,006685+75,006685+100&0+0,0.15+75,0.25+100 */
        background: -moz-linear-gradient(top, rgba(0, 102, 133, 0) 0%, rgba(0, 102, 133, 0.2) 75%, rgba(0, 0, 0, 0.3) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 102, 133, 0) 0%, rgba(0, 102, 133, 0.2) 75%, rgba(0, 0, 0, 0.3) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 102, 133, 0) 0%, rgba(0, 102, 133, 0.2) 75%, rgba(0, 0, 0, 0.3) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00006685', endColorstr='#40006685',GradientType=0 );
        /* IE6-9 */
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  .categoryBannerRelatedArticles .moreButton {
    height: 40px;
    background-size: 100%;
    background-color: #FCD800;
    text-shadow: 0 0 0 #FCD800; }
    .categoryBannerRelatedArticles .moreButton p {
      color: #000000; }

.modalArticleList li {
  float: left;
  width: 100%; }
  .modalArticleList li img {
    float: left;
    width: 100px;
    height: 100px; }
  .modalArticleList li h6 {
    float: left;
    width: 100%;
    padding-left: 110px;
    margin: 0 0 10px -100px;
    color: #006685;
    text-decoration: underline;
    font-size: 14px; }
  .modalArticleList li p {
    float: left;
    width: 100%;
    padding-left: 110px;
    margin-left: -100px;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: normal; }

/* LESS Document - Banner w/ Right Callouts Component - XS */
.heroBannerCalloutsWrapper {
  margin-top: -50px; }
  .heroBannerCalloutsWrapper .heroBannerCalloutsPhoto {
    display: none; }
  .heroBannerCalloutsWrapper .heroBannerCalloutsPhotoMobile {
    position: relative;
    height: 340px;
    background-size: cover;
    background-position: center; }
  .heroBannerCalloutsWrapper .calloutBoxes {
    margin-top: -190px; }
    .heroBannerCalloutsWrapper .calloutBoxes .orangeBox {
      height: 210px;
      width: 176px;
      padding: 20px;
      background: rgba(0, 0, 0, 0.4) -moz-linear-gradient(top, rgba(241, 110, 0, 0.7) 0%, rgba(241, 110, 0, 0.95) 75%, #F16E00 100%);
      /* FF3.6-15 */
      background: rgba(0, 0, 0, 0.4) -webkit-linear-gradient(top, rgba(241, 110, 0, 0.7) 0%, rgba(241, 110, 0, 0.95) 75%, #F16E00 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: rgba(0, 0, 0, 0.4) linear-gradient(to bottom, rgba(241, 110, 0, 0.7) 0%, rgba(241, 110, 0, 0.95) 75%, #F16E00 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc7f34', endColorstr='#f16e00',GradientType=0 );
      /* IE6-9 */
      color: #ffffff;
      overflow: hidden; }
    .heroBannerCalloutsWrapper .calloutBoxes .whiteBox {
      margin-top: 30px;
      margin-bottom: 40px;
      padding-left: 20px;
      padding-right: 20px; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxTitle {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 24px; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        color: #494949; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li {
          float: left;
          margin-bottom: 10px;
          font-size: 15px; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li .fa {
            float: left;
            width: 27px;
            font-size: 24px;
            text-align: center; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li p {
            float: left;
            width: 100%;
            padding-left: 27px;
            margin: 5px 0 0 -27px; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons {
        float: left;
        width: 100%; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons .btn {
          width: 47%;
          margin-right: 6px; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons .btn:last-child {
            margin-right: 0; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons .btn-gray {
          background-color: rgba(255, 255, 255, 0.5); }

/* LESS Document - Featured Articles Center Component - XS */
.featuredArticlesCenterWrapper .featuredArticlesCenterIntroPara {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: initial;
  font-weight: 300;
  color: #707070; }
.featuredArticlesCenterWrapper .row {
  display: flex;
  flex-wrap: wrap; }
.featuredArticlesCenterWrapper .featuredArticle {
  margin-bottom: 60px; }
  .featuredArticlesCenterWrapper .featuredArticle a {
    text-decoration: none; }
  .featuredArticlesCenterWrapper .featuredArticle h2 {
    line-height: 1em; }
    .featuredArticlesCenterWrapper .featuredArticle h2 a {
      color: #000000;
      font-size: 18px; }
  .featuredArticlesCenterWrapper .featuredArticle p {
    margin: 10px 0 15px 0;
    font-size: 14px;
    line-height: initial; }
  .featuredArticlesCenterWrapper .featuredArticle .separator {
    color: #006685;
    margin: 0 5px; }
  .featuredArticlesCenterWrapper .featuredArticle .columnImageBox {
    display: block;
    width: 580px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover; }
  .featuredArticlesCenterWrapper .featuredArticle .btn:hover {
    color: #fff; }

#utilityFooter {
  height: 175px;
  padding-top: 30px;
  border-top: 4px solid #FCD800;
  clear: both; }
  #utilityFooter .col-lg-5 a {
    float: left; }
    #utilityFooter .col-lg-5 a img {
      width: 45px;
      height: 45px; }
  #utilityFooter .copyright {
    float: left;
    margin: 20px 0 0 5px;
    font-size: 10px;
    line-height: 1em;
    text-decoration: none;
    color: #000000;
    text-align: left; }
  #utilityFooter .utilityFooterLinks {
    margin-top: 15px;
    text-align: center; }
    #utilityFooter .utilityFooterLinks a {
      font-size: 10px;
      margin: 0 5px 0 0;
      text-decoration: none;
      color: #000000; }
    #utilityFooter .utilityFooterLinks .utilityBorder {
      border-right: 1px solid #000000;
      padding-right: 6px; }
      #utilityFooter .utilityFooterLinks .utilityBorder:last-child {
        border-right: none; }
  #utilityFooter .secLang {
    color: #707070; }
    #utilityFooter .secLang a {
      color: #707070; }
    #utilityFooter .secLang .utilityBorder {
      border-right: 1px solid #707070; }

#hero2Buttons .heroContent .btn.tui-orange-tall-btn {
  margin-bottom: 18px;
  margin-right: 10px;
  padding: 0px 5px 5px;
  width: 245px;
  font-size: 15px; }
#hero2Buttons .heroContent .btn.tui-orange-tall-btn .fa {
  font-size: 22px;
  vertical-align: middle;
  float: right;
  padding-top: 5px;
  margin-right: 0; }

/* Native Ad Component Styles */
.nativeAdContainer a.nativeAd {
  display: block;
  float: left;
  width: 100%;
  text-decoration: none;
  color: #000000;
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.131);
  margin-bottom: 20px; }
  .nativeAdContainer a.nativeAd img {
    margin-bottom: 10px; }
  .nativeAdContainer a.nativeAd .description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px; }

.products-finTech {
  background-color: #eeeeee;
  padding-bottom: 40px; }
  .products-finTech .grayline {
    margin: 40px 0;
    border-top: 1px solid #a9a9a9; }
  .products-finTech .section-title {
    margin: 0 15%;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    padding-bottom: 10px; }
  .products-finTech .section-subTitle {
    margin: 0 4%;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300; }
  .products-finTech .buttonWrap {
    text-align: center;
    clear: both;
    padding-top: 20px; }
    .products-finTech .buttonWrap .yellow {
      background-color: #fff;
      border-color: #fcd800;
      color: #000; }
  .products-finTech .solutionsContainer {
    margin-top: 20px;
    		/* &.animation {
    			.featured {
    				animation: FadeIn .25s linear;
    				-webkit-animation: FadeIn .25s linear;
    				animation-fill-mode: both;
    				-webkit-animation-fill-mode: both;
    			}
    			.fadeAnimate($className; $items; $startNum; $index: 1) when ($index :< $items) {
    				.fadeAnimate($className; $items; $startNum; ($index + 1));
    				.${className}:nth-child((${startNum} + ${index})) {
    					animation-delay: ($index * .15s);
    					-webkit-animation-delay: ($index * .15s);
    				}  
    			}
    			.fadeAnimate(featured; 4; 0; 1);
    			.fadeAnimate(all-products; 20; 4; 4);
    
    		}
    		/*$keyframes FadeIn {
    			  0% { opacity:0;}
    			  100% {opacity:1;}
    		}
    		$-webkit-keyframes FadeIn { 
    			  0% { opacity:0;}
    			  100% {opacity:1;}
    		}*/ }
    .products-finTech .solutionsContainer .solutions-finTech {
      position: relative;
      display: block;
      margin-bottom: 10px;
      padding: 20px 13px 5px 13px;
      background-color: #ffffff;
      color: #000000;
      text-decoration: none;
      border-top: 2px solid #00a6ca; }
      .products-finTech .solutionsContainer .solutions-finTech .product-heading {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        font-style: italic; }
      .products-finTech .solutionsContainer .solutions-finTech .product-text {
        font-size: 14px;
        line-height: 18pxt;
        font-weight: 300;
        color: #707070; }
      .products-finTech .solutionsContainer .solutions-finTech .product-divider {
        height: 1px;
        border-bottom: 1px solid #00a6ca;
        width: 40px;
        margin: 5px 0 15px 0; }
      .products-finTech .solutionsContainer .solutions-finTech .learnMore {
        font-size: 10px;
        line-height: 22px;
        font-weight: 400;
        font-family: IntroCaps;
        text-decoration: none;
        color: #006685;
        letter-spacing: .1em; }
    .products-finTech .solutionsContainer .more-products .solutions-finTech {
      border-top: 2px solid #a9a9a9; }

/* Content Detail Component Styles */
.insightsCarouselWrapper {
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 20px;
  padding-bottom: 55px;
  height: 450px; }
  .insightsCarouselWrapper .carousel .carouselHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 21px; }
  .insightsCarouselWrapper .carousel .carousel-inner {
    text-align: center; }
    .insightsCarouselWrapper .carousel .carousel-inner .item {
      font-weight: 300;
      width: 100%; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .categoryTitle {
        background-color: #ffffff;
        color: #00A6CA;
        padding: 5px;
        font-size: 10px;
        font-weight: 600;
        font-family: IntroCaps;
        border: 1px solid #ffffff;
        letter-spacing: .1em; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .carouselHeadline {
        display: block;
        margin-top: 15px;
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
        color: transparent; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        border-top: none; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 20px 30px 25px 15px;
        text-align: left; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg h3, .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg p {
        color: #ffffff; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg a {
        color: #00A6CA;
        text-decoration: none;
        font-size: 10px;
        line-height: 18px;
        font-weight: 400;
        font-family: IntroCaps;
        letter-spacing: .1em; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles {
        padding: 18px 30px 55px 15px; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles .categoryArticle {
          text-align: left;
          margin-bottom: 18px; }
          .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles .categoryArticle p {
            margin-bottom: 0px; }
          .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles .categoryArticle a {
            color: #00A6CA;
            text-decoration: none;
            font-size: 10px;
            line-height: 18px;
            font-weight: 400;
            font-family: IntroCaps;
            letter-spacing: .1em; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory {
        height: 120px;
        text-align: center;
        text-decoration: none;
        color: #000000;
        display: block; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.yellowBg {
          background-color: #FCD800;
          padding: 0 25px 20px 25px; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.grayBg {
          background-color: #dddddd;
          margin-top: 5px;
          padding: 0 25px 20px 25px; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.blueBg {
          background-color: #00A6CA;
          margin-top: 5px;
          padding: 0 25px 20px 25px; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory p {
          font-size: 20px;
          line-height: 24px;
          margin: 11px 0 25px 0; }
  .insightsCarouselWrapper .carousel .carousel-indicators {
    margin-left: -50%;
    width: 100%;
    top: 390px; }
    .insightsCarouselWrapper .carousel .carousel-indicators li {
      text-indent: -9999px;
      width: 16px;
      height: 16px;
      margin: 0 5px 0 0;
      border: 2px solid #a9a9a9;
      background-color: #ffffff; }
      .insightsCarouselWrapper .carousel .carousel-indicators li.active {
        border: none;
        background-color: #00A6CA;
        border: 2px solid #00A6CA; }

.heroWrapper.heroTabbed .hero {
  min-height: 430px; }
  .heroWrapper.heroTabbed .hero .mobileHeroImage {
    height: 417px;
    margin-bottom: 20px;
    background-size: cover; }
  .heroWrapper.heroTabbed .hero.hideImage {
    min-height: 200px; }
  .heroWrapper.heroTabbed .hero .heroContent {
    text-align: center;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6); }
    .heroWrapper.heroTabbed .hero .heroContent .heroContentTop {
      margin-top: -410px;
      text-align: center;
      color: #ffffff;
      background-color: transparent;
      padding-top: 5px; }
    .heroWrapper.heroTabbed .hero .heroContent .primaryHeadline {
      font-size: 24px;
      font-weight: 400;
      color: #ffffff; }
    .heroWrapper.heroTabbed .hero .heroContent .mobileHeroImageWrap {
      margin-top: 0; }
    .heroWrapper.heroTabbed .hero .heroContent .btn {
      font-size: 14px; }
    .heroWrapper.heroTabbed .hero .heroContent .btn-primary {
      margin-top: -10px; }
    .heroWrapper.heroTabbed .hero .heroContent .btn-secondary {
      margin: 10px 0;
      color: #000000; }

/* LESS Document */
#tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(1) .tabNav {
  top: 45%; }
#tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(2) .tabNav {
  top: 55%; }
#tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(3) .tabNav {
  top: 65%; }
#tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(4) .tabNav {
  top: 75%; }
#tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(1) .tabNav {
  top: 55%; }
#tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(2) .tabNav {
  top: 65%; }
#tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(3) .tabNav {
  top: 75%; }
#tabbedHeroComponent .subComponent {
  text-align: center; }
  #tabbedHeroComponent .subComponent .tabNav {
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 4000;
    left: 0; }
    #tabbedHeroComponent .subComponent .tabNav.closedState {
      color: #ffffff;
      position: absolute;
      width: 100%;
      background: url(../../resources/img/rule.png) no-repeat center bottom;
      height: 30px; }
  #tabbedHeroComponent .subComponent .tabNavImg {
    position: absolute; }
  #tabbedHeroComponent .subComponent .grayBorderWrapper {
    margin-bottom: 20px; }
    #tabbedHeroComponent .subComponent .grayBorderWrapper .grayBorder {
      border-bottom: 1px solid #a9a9a9;
      width: 80%;
      position: absolute;
      z-index: 2000;
      left: 10%; }
    #tabbedHeroComponent .subComponent .grayBorderWrapper .grayArrow {
      width: 20px;
      height: 20px;
      border: 10px solid transparent;
      border-top: 10px solid #a9a9a9;
      position: absolute;
      z-index: 2500;
      left: 48%; }
    #tabbedHeroComponent .subComponent .grayBorderWrapper .grayArrowOverlay {
      width: 20px;
      height: 20px;
      border: 10px solid transparent;
      border-top: 10px solid #ffffff;
      position: absolute;
      z-index: 3000;
      left: 48%;
      margin-top: -2px; }
    #tabbedHeroComponent .subComponent .grayBorderWrapper.closedState {
      display: none; }
  #tabbedHeroComponent .subComponent .subComponentContent {
    position: relative;
    text-align: center;
    background-color: #eeeeee;
    height: 336px;
    margin-top: 15px;
    margin-bottom: 40px; }
    #tabbedHeroComponent .subComponent .subComponentContent .yellowBorder {
      border: 4px solid #FCD800;
      width: 80%;
      height: 318px;
      position: absolute;
      z-index: 2000;
      left: 10%;
      top: -2px; }
    #tabbedHeroComponent .subComponent .subComponentContent .yellowArrow {
      width: 20px;
      height: 20px;
      border: 10px solid transparent;
      border-top: 10px solid #FCD800;
      position: absolute;
      z-index: 2500;
      left: 48%; }
    #tabbedHeroComponent .subComponent .subComponentContent .yellowArrowOverlay {
      width: 20px;
      height: 20px;
      border: 10px solid transparent;
      border-top: 10px solid #ffffff;
      position: absolute;
      z-index: 3000;
      left: 48%;
      top: -4px; }
    #tabbedHeroComponent .subComponent .subComponentContent .mediaBanner {
      background-size: cover;
      /*filter: blur(2px);
      -webkit-filter: blur(2px);*/ }
    #tabbedHeroComponent .subComponent .subComponentContent .mediaBannerGradient {
      background-size: cover; }
    #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-background {
      height: 180px; }
      #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-background .video-js {
        min-height: 180px;
        height: auto !important; }
    #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-play {
      top: 50px; }
    #tabbedHeroComponent .subComponent .subComponentContent .textOnMedia {
      color: #ffffff;
      font-size: 14px;
      top: 120px;
      left: 20%;
      position: absolute;
      z-index: 3000;
      width: 60%;
      text-shadow: 0.5px 0.5px #000000; }
    #tabbedHeroComponent .subComponent .subComponentContent .whiteInfoBox {
      width: 70%;
      height: 120px;
      padding: 20px;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.005em;
      background-color: #ffffff;
      position: absolute;
      top: 170px;
      left: 15%;
      z-index: 3000; }

#tabbedHeroComponent .subComponent .subComponentContent .chapters {
  padding: 0; }
#tabbedHeroComponent .subComponent .subComponentContent .vjs-tech {
  width: 100% !important;
  height: 100% !important; }
#tabbedHeroComponent .subComponent .subComponentContent .vjs-big-play-button {
  display: none !important; }
#tabbedHeroComponent .subComponent .subComponentContent ul#marker-list {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  /*margin-top: -5%;*/
  display: inline-flex;
  text-align: center;
  background-color: #ffffff; }
  #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li {
    position: relative;
    margin-bottom: -1px;
    background-color: #fff;
    display: inline-flex;
    margin: 1%;
    width: auto;
    max-width: 30%;
    text-align: left;
    cursor: pointer; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li a {
      display: inline-block;
      padding: 10px 0px 10px 5px;
      color: #000000;
      text-decoration: none;
      font-size: .55em;
      line-height: 1.29em;
      font-family: IntroCaps;
      text-rendering: optimizeLegibility; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li a:hover {
      color: #000000;
      text-decoration: none;
      background-color: #FCD800; }
  #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px; }
  #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list .active {
    border-top: 2px solid #00A6CA; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list .active a {
      font-weight: 700; }
#tabbedHeroComponent .subComponent .subComponentContent .immersive-play {
  z-index: 4000;
  top: 20%;
  cursor: pointer;
  bottom: 0;
  top: 20%;
  margin: 0 0 -280px 0;
  text-align: center; }
  #tabbedHeroComponent .subComponent .subComponentContent .immersive-play .fa.tufa-play-media {
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
#tabbedHeroComponent .subComponent .subComponentContent .caption-blue-black {
  color: #000000;
  background-color: #00A6CA;
  font-weight: bold;
  font-family: IntroCaps; }
#tabbedHeroComponent .subComponent .subComponentContent .caption-yellow-black {
  color: #000000;
  background-color: #fcd800;
  font-weight: bold;
  font-family: IntroCaps; }
#tabbedHeroComponent .subComponent .subComponentContent .caption-blue-white {
  color: #ffffff;
  background-color: #00A6CA;
  font-weight: bold;
  font-family: IntroCaps; }
#tabbedHeroComponent .subComponent .subComponentContent .caption-black-white {
  color: #ffffff;
  background-color: #000000;
  font-weight: bold;
  font-family: IntroCaps; }
#tabbedHeroComponent .subComponent .subComponentContent .caption-white {
  color: #ffffff;
  font-weight: bold;
  font-family: IntroCaps; }
#tabbedHeroComponent .subComponent .subComponentContent .caption-black {
  color: #000000;
  font-weight: bold;
  font-family: IntroCaps; }
#tabbedHeroComponent .subComponent .subComponentContent .caption-blue {
  color: #00A6CA;
  font-weight: bold;
  font-family: IntroCaps; }

/* LESS Document */
#homepageBlueRail-finTech {
  border-bottom: 2px solid #00A6CA;
  border-top: 2px solid #00A6CA;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center; }
  #homepageBlueRail-finTech.container {
    width: 90%; }
  #homepageBlueRail-finTech p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    padding: 20px 50px;
    margin: 0; }
    #homepageBlueRail-finTech p span.yellowUnderline {
      border-bottom: 2px solid #ffd600;
      line-height: 14px;
      display: inline-block; }
  #homepageBlueRail-finTech a.btn {
    margin-left: 20px;
    height: 35px;
    font-size: 14px;
    letter-spacing: -.005;
    margin-bottom: 25px; }
  #homepageBlueRail-finTech a.tui-white-btn, #homepageBlueRail-finTech a.tui-white-btn[disabled] {
    background-color: #fff;
    border-color: #fff;
    color: #000; }
  #homepageBlueRail-finTech a.tui-white-btn:focus, #homepageBlueRail-finTech a.tui-white-btn:hover, #homepageBlueRail-finTech a.tui-white-btn[disabled]:focus, #homepageBlueRail-finTech a.tui-white-btn[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    color: #000; }

 /* Feature Animated Component - Mobile Styles
*  #featureCarouselComponent
*/
.featureAnimatedCarousel {
  text-align: center;
  padding: 0 0 80px 0;
  /* Carousel Heading */
  /* Charts */
  /* end .chartContainer */
  	/* &.animate {
  
  		.chartContainer {
  			.chartInfo { opacity: 1; transition: opacity 1s;  }
  		}
  	} */ }
  .featureAnimatedCarousel .carouselHeading h2 {
    font-size: 26px;
    font-weight: 300; }
  .featureAnimatedCarousel .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center; }
    .featureAnimatedCarousel .slick-dots li {
      position: relative;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .featureAnimatedCarousel .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 16px;
        height: 16px;
        padding: 5px;
        border-radius: 18px;
        cursor: pointer;
        background-color: transparent;
        border: 2px rgba(169, 169, 169, 0.8) solid; }
        .featureAnimatedCarousel .slick-dots li button:focus {
          outline: none; }
      .featureAnimatedCarousel .slick-dots li.slick-active button {
        background-color: #00a6ca;
        border-color: #00a6ca; }
  .featureAnimatedCarousel .chartContainer {
    font-weight: 600;
    margin: 0 5px;
    width: 100%; }
    .featureAnimatedCarousel .chartContainer:focus {
      outline: none; }
    .featureAnimatedCarousel .chartContainer .svg-container {
      display: inline-block;
      position: relative;
      width: 100%;
      padding-bottom: 100%;
      /* aspect ratio */
      vertical-align: top;
      overflow: hidden; }
    .featureAnimatedCarousel .chartContainer .svg-content-responsive {
      display: inline-block;
      position: absolute;
      left: 0; }
    .featureAnimatedCarousel .chartContainer .chartInfo {
      font-family: IntroCaps,Intro,"Trebuchet MS",Helvetica,Arial,sans-serif;
      font-weight: 600;
      font-size: 18px;
      text-transform: uppercase;
      margin: 0 auto;
      width: 90%;
      opacity: 0; }
    .featureAnimatedCarousel .chartContainer .endLabel {
      fill: #000;
      font-size: 13px;
      opacity: 0; }
    .featureAnimatedCarousel .chartContainer .chartContent .percentSign {
      text-decoration-style: solid;
      text-decoration: underline; }
    .featureAnimatedCarousel .chartContainer.orange {
      color: #f36e00;
      fill: #f36e00;
      border-color: #f36e00; }
      .featureAnimatedCarousel .chartContainer.orange .numberCircle {
        stop-color: #f36e00; }
    .featureAnimatedCarousel .chartContainer.blue {
      color: #00a6ca;
      fill: #00a6ca;
      border-color: #00a6ca; }
      .featureAnimatedCarousel .chartContainer.blue .numberCircle {
        stop-color: #00a6ca; }
    .featureAnimatedCarousel .chartContainer.green {
      color: #0f8b44;
      fill: #0f8b44;
      border-color: #0f8b44; }
      .featureAnimatedCarousel .chartContainer.green .numberCircle {
        stop-color: #0f8b44; }

/* end featureAnimatedCarousel */
#featureAnimatedComponent.animateComponent .featureAnimatedCarousel .chartContainer .chartInfo {
  opacity: 1;
  transition: opacity 1s; }

/* LESS Document */
#testimonials {
  background-color: #eeeeee;
  text-align: center; }
  #testimonials .header-text {
    margin-top: 40px; }
    #testimonials .header-text h1 {
      font-size: 20px;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: -.005em;
      padding: 0 25%; }
    #testimonials .header-text p {
      font-size: 14px;
      font-weight: 300;
      line-height: 18px;
      letter-spacing: -.005em;
      padding: 0 1%; }
  #testimonials .container {
    padding: 0; }
    #testimonials .container .tabsContainer .sectionsCarousel .subComponent {
      text-align: center;
      width: 150px;
      height: 50px;
      display: flex;
      align-items: center; }
      #testimonials .container .tabsContainer .sectionsCarousel .subComponent.selected {
        background-color: #FCD800; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent.selected .sectionNav.white {
          display: block; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent.selected .sectionNav.gray {
          display: none; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent.selected .text-section {
          color: #ffffff; }
      #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav {
        text-decoration: none;
        color: #707070; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav.white {
          display: none; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav.gray {
          display: block;
          cursor: pointer; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav .logo-section {
          width: 100%; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav .text-section {
          font-size: 12px;
          font-weight: 600;
          line-height: 1.2;
          letter-spacing: -0.005em;
          font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    #testimonials .container .subComponentContent {
      position: relative;
      text-align: center;
      background-color: #eeeeee;
      height: 190px; }
      #testimonials .container .subComponentContent .yellowBorder {
        border: 4px solid #FCD800;
        width: 94%;
        height: 160px;
        position: absolute;
        z-index: 2000;
        left: 3%;
        top: 8%; }
      #testimonials .container .subComponentContent .textOnMedia {
        color: #ffffff;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        letter-spacing: -.005em;
        top: 30px;
        left: 10%;
        position: absolute;
        z-index: 3000;
        width: 80%; }
        #testimonials .container .subComponentContent .textOnMedia .quotation-mark {
          font-size: 20px;
          display: block;
          margin-bottom: 10px; }
        #testimonials .container .subComponentContent .textOnMedia .author {
          font-size: 10px;
          line-height: 22px;
          font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
          display: block; }
        #testimonials .container .subComponentContent .textOnMedia.blue {
          color: #00A6CA; }
      #testimonials .container .subComponentContent.bgrImage .imgOverlay {
        background-color: rgba(0, 0, 0, 0.5);
        height: 100%; }
      #testimonials .container .subComponentContent.bgrImage .mediaBanner {
        background-size: cover; }
      #testimonials .container .subComponentContent.video #finTech-immersiveComponent {
        position: relative;
        z-index: 1; }
        #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner {
          text-align: center;
          /* 2@mixin  If supporting object-fit, overriding (1): */ }
          #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner iframe, #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner video {
            display: block; }
          #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner ::-ms-clear {
            display: none; }
          #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .transparent {
            background: transparent;
            padding: 0; }
          #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-headline .eyebrow {
            margin-top: 10px;
            font-size: 16px; }
          #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background {
            width: 100%;
            height: 190px;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            margin: 0 auto;
            text-align: center;
            background-position: center center; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .bc-iframe, #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .bc-iframe body, #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .bc-player-Vke6ZuPU0l_default {
              height: auto !important; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .video-js {
              height: 100% !important; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .video-js .vjs-tech {
              height: 100% !important; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .vjs-big-play-button {
              display: none !important; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background iframe {
              height: 100% !important; }
          #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .video-container {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
            z-index: -1;
            max-height: 630px; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .video-container video {
              position: absolute;
              top: 0;
              overflow: hidden;
              left: 0;
              width: 100%;
              background-size: cover; }
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .video-container video::-webkit-media-controls {
              display: none; }
          @media (min-aspect-ratio: 16 / 9) {
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner #video-container video {
              height: auto; } }
          @media (max-aspect-ratio: 16 / 9) {
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner #video-container video {
              width: 100%; } }
          @supports (object-fit: cover) {
            #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner #video-container video {
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              object-fit: cover; } }
      #testimonials .container .subComponentContent.bg-white {
        background-color: #ffffff; }
      #testimonials .container .subComponentContent.logos {
        background-color: #ffffff; }
        #testimonials .container .subComponentContent.logos .logo-container {
          height: 40%;
          align-items: center;
          top: 5%;
          margin-bottom: 10px; }
          #testimonials .container .subComponentContent.logos .logo-container.odd {
            padding-left: 3%; }
          #testimonials .container .subComponentContent.logos .logo-container.even {
            padding-right: 3%; }
          #testimonials .container .subComponentContent.logos .logo-container .logo-banner {
            width: 80%; }
      #testimonials .container .subComponentContent .immersive-play {
        z-index: 4000;
        top: 30%;
        cursor: pointer;
        bottom: 0;
        top: 30%;
        left: 0%;
        text-align: center;
        position: absolute;
        height: 30px; }
        #testimonials .container .subComponentContent .immersive-play .fa.tufa-play-media {
          width: 70px;
          height: 70px;
          font-size: 70px;
          color: #ffffff;
          cursor: pointer;
          text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

/* CSS Document */
.up_button {
  position: fixed;
  z-index: 999;
  right: 0px;
  bottom: 20px; }
  .up_button span .fa {
    color: #707070; }
  .up_button span .fa-arrow-up {
    color: #ffffff; }

/*.shareWidget {
	position: fixed;
    z-index: 999;
    left: 0px;
	width: 40px;
	padding: 5px;
	text-align: center;
    bottom: 20px;
	background-color: $tu-dark-gray-2;
	.fa {
		color: $white;
		font-size: 2em;
	}
	.tufa-facebook:before {
		content: "\e01d";
	}
	.tufa-twitter:before {
		content: "\e01c";
	}
	&.smallDevicesShare {
		border-radius: 500px;
		height: 40px;
	}
}
.btnWrapper {
	position: fixed;
    z-index: 999;
	width: 45px;
	height: 45px;
	border-radius: 500px;
	padding: 7px;
	text-align: center;
	background-color: $tu-dark-gray-2;
	.fa {
		color: $white;
		font-size: 2em;
	}
	.tufa-facebook:before {
		content: "\e01d";
	}
	.tufa-twitter:before {
		content: "\e01c";
	}
}
.btnWrapper:nth-child(1) {
    left: 0px;
	bottom: 120px;
}
.btnWrapper:nth-child(2) {
    left: 40px;
	bottom: 90px;
}
.btnWrapper:nth-child(3) {
    left: 70px;
	bottom: 50px;
}
.btnWrapper:nth-child(4) {
    left: 85px;
	bottom: 0px;
}*/
/* Global Footer Styles */
#datapass-headerWrapper #datapass-headerMain {
  height: 51px;
  width: 100%;
  padding: 0 16px;
  background-color: #fff;
  border-bottom: 4px solid #fcd800;
  z-index: 200; }
  #datapass-headerWrapper #datapass-headerMain #headerLogo {
    float: left;
    width: 100px;
    height: 27px;
    margin: 7px 0 0 0;
    background-image: url(../img/logoHeader.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100px 27px;
    -webkit-transition: margin .5s,height .5s,width .5s,background-size .5s;
    transition: margin .5s,height .5s,width .5s,background-size .5s; }
  #datapass-headerWrapper #datapass-headerMain #userNavWrap #userNav {
    float: right;
    position: relative;
    margin: 14px 0px 0 0px; }
    #datapass-headerWrapper #datapass-headerMain #userNavWrap #userNav a {
      color: #000000;
      text-decoration: none;
      font-size: 12px; }
      #datapass-headerWrapper #datapass-headerMain #userNavWrap #userNav a i {
        font-size: 22px;
        margin-right: 10px;
        margin-left: 14px;
        vertical-align: -15%; }

#globalFooter #dataPass-footer {
  margin-top: -40px; }
  #globalFooter #dataPass-footer .tu-stamp-container {
    background-image: url(../img/stampYellow.svg);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    height: 145px;
    max-width: 145px;
    margin: 0 0 0 auto; }
  #globalFooter #dataPass-footer .footerLinks-wrapper {
    margin-top: 40px;
    float: left; }
    #globalFooter #dataPass-footer .footerLinks-wrapper .dataPass-footerLinks {
      display: block;
      padding: 0 0 10px;
      margin: 0px 0 10px;
      color: #000000;
      text-decoration: none;
      border-bottom: 1px solid #dddddd;
      font-size: 14px;
      font-weight: 600; }
  #globalFooter #dataPass-footer .footerText {
    font-size: 12px;
    line-height: 1.3;
    color: #707070;
    text-align: center;
    margin: 30px 0px 20px;
    float: left; }

/* CSS Document */
.orderform {
  margin: 0 5px;
  /*input {
  	border: none;
  	border-bottom: 4px solid $tu-blue;
  	&.error {
  		color: $tu-red;
  		border-bottom: 4px solid $tu-red;
  		border-top: none;
  		border-right: none;
  		border-left: none;
  	}
  	&.valid {
  		border-bottom: 4px solid $tu-green;
  		&:before{
  			bottom: 30px;
  			border: none;
  			content: "\f05c";
  			font-family: FontAwesome;
  			right: 30px;
  			top: -35px;
  		}
  	}
  }*/ }
  .orderform .reqFields {
    color: #F16E00;
    font-size: 12px;
    margin-top: -15px; }
  .orderform .loadingFade {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    opacity: 0;
    background: rgba(0, 166, 202, 0.5);
    z-index: 900;
    -webkit-transition: display .1s, opacity .1s, width .1s;
    transition: display .1s, opacity .1s, width .1s; }
    .orderform .loadingFade.spin {
      display: block;
      opacity: 1;
      width: 100%;
      right: 0; }
      .orderform .loadingFade.spin .spinner-container {
        background-color: #ffffff;
        width: 100%;
        height: 50px;
        position: absolute;
        top: 50%; }
      .orderform .loadingFade.spin .spinner-text {
        position: absolute;
        top: 16px;
        left: 95px; }
      .orderform .loadingFade.spin .spinner {
        border-color: #F16E00;
        color: transparent;
        padding: 0;
        height: 30px;
        width: 30px;
        border: 6px solid #eeeeee;
        border-top: 6px solid #f16e00;
        border-radius: 50%;
        background-color: transparent;
        box-shadow: none;
        top: 10px;
        left: 50px;
        position: absolute;
        animation: spin 1s linear infinite; }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
  .orderform.orderform-cookie .modal-header .close {
    margin-top: -30px; }
  .orderform.orderform-cookie .modal-body {
    min-height: 100px; }
    .orderform.orderform-cookie .modal-body a {
      cursor: pointer; }
  .orderform .clear {
    clear: both; }
  .orderform .secondaryHeadline {
    font-weight: 400;
    font-size: 26px;
    line-height: 26px; }
  .orderform .cta {
    position: relative; }
    .orderform .cta .btn-primary:disabled {
      box-shadow: none; }
      .orderform .cta .btn-primary:disabled:hover {
        color: #ffffff; }
    .orderform .cta .btn-primary.nextstep {
      background-color: #F16E00;
      border-color: #F16E00; }
      .orderform .cta .btn-primary.nextstep.spin {
        color: transparent;
        padding: 0;
        height: 30px;
        width: 30px;
        border: 6px solid #eeeeee;
        border-top: 6px solid #F16E00;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: none;
        animation: spin 1s linear infinite; }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
    .orderform .cta .spinner-text {
      display: none;
      border-bottom: 2px solid #F16E00;
      width: 1px;
      opacity: 0;
      -webkit-transition: all 2s ease-out;
      -moz-transition: all 2s ease-out;
      -ms-transition: all 2s ease-out;
      -o-transition: all 2s ease-out;
      transition: all 2s ease-out; }
      .orderform .cta .spinner-text.spin {
        opacity: 1;
        display: inline-block;
        color: #000000;
        font-size: 16px;
        margin-left: 10px;
        position: absolute;
        bottom: 40px;
        right: 0;
        left: 30px;
        width: auto;
        float: none; }
  .orderform .hint {
    display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    padding: 10px 12px; }
  .orderform .accordion-field {
    padding: 11px 10px 12px 13px;
    background-color: #dddddd;
    color: #000000;
    border: none;
    text-align: left;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px; }
    .orderform .accordion-field .iconComplete {
      float: right;
      color: #008A00; }
  .orderform .accdCloseView-content {
    margin: 0px 0 6px 6px;
    font-size: 14px;
    display: inline-block; }
  .orderform .accdCloseView-link {
    float: right;
    margin: 0 30px;
    cursor: pointer; }
  .orderform .buttonIconRight {
    margin-left: 30px; }
  .orderform .buttonIconLeft {
    margin-right: 15px; }
  .orderform .accordion-field:focus {
    outline: none; }
  .orderform .inFieldLabels {
    padding-top: 0; }
    .orderform .inFieldLabels .form-group label {
      left: 6px; }
    .orderform .inFieldLabels .form-group label.inDPForm {
      top: 29px;
      left: 13px;
      display: block;
      font-weight: 400;
      font-size: 18px;
      line-height: 18px;
      color: #000000; }
    .orderform .inFieldLabels .form-group.radio-inline label {
      left: 25px; }
    .orderform .inFieldLabels .cc label.inDPForm {
      z-index: 2; }
    .orderform .inFieldLabels .checkbox {
      /*			margin-bottom: 10px;
      */
      padding-top: 0px;
      margin-left: 7px; }
      .orderform .inFieldLabels .checkbox .form-control {
        height: 16px;
        width: 16px;
        margin-left: -10px;
        margin-top: 0; }
        .orderform .inFieldLabels .checkbox .form-control:focus {
          border-width: 0; }
      .orderform .inFieldLabels .checkbox input[type=radio] {
        margin-top: 0px;
        border: none;
        background-color: transparent; }
    .orderform .inFieldLabels .radio {
      /*			margin-bottom: 10px;
      */
      padding-top: 0px;
      margin-left: 26px; }
      .orderform .inFieldLabels .radio .form-control {
        height: 16px;
        width: 16px;
        margin-left: -10px; }
        .orderform .inFieldLabels .radio .form-control:focus {
          border-width: 0; }
      .orderform .inFieldLabels .radio input[type=radio] {
        margin-top: 0px; }
    .orderform .inFieldLabels .radio-inline {
      padding-top: 0px;
      padding-left: 14px;
      z-index: 10; }
      .orderform .inFieldLabels .radio-inline .form-control {
        height: 16px;
        width: 16px;
        margin-left: -10px; }
      .orderform .inFieldLabels .radio-inline label {
        left: 25px;
        top: 5px; }
      .orderform .inFieldLabels .radio-inline.second {
        margin-left: 60px; }
  .orderform label.error {
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #D74025;
    margin-top: 5px; }
    .orderform label.error:before {
      display: none; }
    .orderform label.error:after {
      bottom: 30px;
      border: none;
      content: "\f05c";
      font-family: FontAwesome;
      right: 24px;
      top: -33px; }
  .orderform label.fullssn {
    font-weight: 600;
    margin-left: -7px;
    margin-bottom: 15px;
    margin-top: 20px; }
    .orderform label.fullssn:after {
      display: none; }
  .orderform label.idv {
    margin-left: 10px; }
    .orderform label.idv:after {
      display: none; }
  .orderform label.usernameExists {
    margin-left: -5px; }
    .orderform label.usernameExists:after {
      display: none; }
  .orderform label.expDate {
    height: 0px;
    top: -15px; }
    .orderform label.expDate:after {
      display: none; }
  .orderform label.dob {
    top: -14px; }
    .orderform label.dob:after {
      display: none; }
  .orderform label.month:after, .orderform label.day:after, .orderform label.year:after, .orderform label.expMonth:after, .orderform label.expYear:after {
    display: none; }
  .orderform .systemerror, .orderform .generalerror {
    margin-top: 30px; }
    .orderform .systemerror.ivband, .orderform .generalerror.ivband {
      margin-top: 40px; }
    .orderform .systemerror.session, .orderform .generalerror.session {
      margin-top: 0px; }
  .orderform .form-group .ccImageWrapper {
    position: absolute;
    right: 0; }
  .orderform .form-group #ccNumber-error {
    margin-top: 39px; }
  .orderform .form-group input {
    border: none;
    border-bottom: 4px solid #00A6CA;
    background-color: #f5f5f5; }
    .orderform .form-group input.error {
      color: #D74025;
      border-bottom: 4px solid #D74025;
      border-top: none;
      border-right: none;
      border-left: none;
      padding-right: 35px; }
    .orderform .form-group input.valid {
      border-bottom: 4px solid #008A00;
      padding-right: 35px; }
    .orderform .form-group input.border-red {
      border-bottom: 4px solid #D74025;
      color: #D74025; }
    .orderform .form-group input.border-blue {
      border-bottom: 4px solid #00A6CA; }
  .orderform .form-group input[readonly] {
    background-color: #ffffff;
    border-bottom: 4px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5; }
  .orderform .form-group .form-control {
    height: 34px; }
  .orderform .slash {
    margin-top: 30px;
    left: 12px; }
  .orderform .text-area {
    border: 4px solid #00A6CA;
    height: 80px; }
    .orderform .text-area.error {
      border: none; }
  .orderform .cc-helpMessage {
    height: 100px;
    opacity: 100;
    padding: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 15px 15px 5px;
    margin-top: 10px;
    width: 300px;
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: height .35s ease-in-out, opacity .35s ease-in-out;
    /* Safari 3.1 to 6.0 */
    transition: height .35s ease-in-out, opacity .35s ease-in-out; }
    .orderform .cc-helpMessage p {
      font-size: 14px;
      line-height: 16px;
      text-align: center; }
    .orderform .cc-helpMessage .hints-label {
      font-weight: 600;
      font-size: 18px;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    .orderform .cc-helpMessage.hidewithTransition {
      height: 1px;
      opacity: 0; }
  .orderform .helpMessage {
    background-color: #f5f5f5;
    display: none;
    padding: 10px 5px; }
    .orderform .helpMessage p {
      font-size: 14px;
      line-height: 16px;
      display: inline; }
      .orderform .helpMessage p .hints-label {
        font-weight: 600;
        font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    .orderform .helpMessage .text {
      font-weight: 300;
      font-size: 14px;
      line-height: 16px; }
    .orderform .helpMessage.red .pw-weak {
      display: inline-block;
      font-weight: 300; }
    .orderform .helpMessage.red .pw-good {
      display: none; }
    .orderform .helpMessage.red .pw-best {
      display: none; }
    .orderform .helpMessage.red .line {
      height: 4px;
      background-color: #D74025;
      width: 65px;
      margin: 10px 0; }
    .orderform .helpMessage.yellow .pw-weak {
      display: none; }
    .orderform .helpMessage.yellow .pw-good {
      display: inline-block;
      font-weight: 300; }
    .orderform .helpMessage.yellow .pw-best {
      display: none; }
    .orderform .helpMessage.yellow .line {
      height: 4px;
      background-color: #FCD800;
      width: 190px;
      margin: 10px 0; }
    .orderform .helpMessage.green .pw-weak {
      display: none; }
    .orderform .helpMessage.green .pw-good {
      display: none; }
    .orderform .helpMessage.green .pw-best {
      display: inline-block;
      font-weight: 300; }
    .orderform .helpMessage.green .line {
      height: 4px;
      background-color: #008A00;
      width: 260px;
      margin: 10px 0; }
  .orderform #cvcMessage {
    background-color: #f5f5f5;
    display: none;
    padding: 10px 5px;
    width: 130px;
    position: absolute;
    right: 0;
    top: 60px; }
    .orderform #cvcMessage #visaCVC {
      width: 120px; }
    .orderform #cvcMessage #amexCVC {
      width: 120px; }
  .orderform .form-group-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 6px 0px;
    margin: 0; }
  .orderform .form-group-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    padding: 20px 0px 12px;
    margin: 0; }
  .orderform label {
    top: 0px;
    left: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #494949; }
  .orderform label.password {
    /*		&.valid:before {
    			bottom: 30px;
    			border: none;
    			content: "\f05d";
    			font-family: FontAwesome;
    			right: 30px;
    			top: -35px;
    		}*/ }
    .orderform label.password.error {
      font-size: 15px;
      line-height: 17px;
      font-weight: 300;
      color: #D74025;
      margin-top: 5px; }
      .orderform label.password.error.error:before {
        /*				bottom: 30px;
        				border: none;
        				content: "\f05c";
        				font-family: FontAwesome;
        				right: 30px;
        				top: -35px;*/ }
  .orderform select {
    border: none;
    border-bottom: 4px solid #00A6CA;
    background-color: #f5f5f5; }
    .orderform select.error {
      border-bottom: 4px solid #D74025;
      color: #D74025; }
  .orderform .styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    background-image: url(../img/selectArrowDown-Black.png);
    background-repeat: no-repeat;
    background-position: right 6px center;
    cursor: pointer; }
    .orderform .styled-select select.valid {
      border-bottom: 4px solid #008A00;
      background-image: none; }
    .orderform .styled-select select.error {
      background-image: none; }
      .orderform .styled-select select.error:after {
        bottom: 30px;
        border: none;
        content: "\f05c";
        font-family: FontAwesome;
        right: 24px;
        top: -33px; }
    .orderform .styled-select select.border-red {
      border-bottom: 4px solid #D74025; }
  .orderform .styled-select select:disabled {
    background-color: #ffffff;
    border-bottom: 4px solid #f5f5f5;
    cursor: default; }
  .orderform .form-control {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    padding: 5px 6px 2px; }
  .orderform .form-control:focus {
    border-width: 4px; }
  .orderform .form-question {
    padding-top: 30px;
    font-weight: 400;
    font-size: 18px;
    margin-left: 15px; }
    .orderform .form-question.first {
      padding-top: 10px; }
  .orderform label.error {
    background-color: #ffffff;
    border: none;
    padding: 0;
    height: auto; }
  .orderform .checkbox {
    margin-top: 20px;
    padding-left: 18px; }
  .orderform .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 300;
    top: 10px;
    cursor: auto; }
  .orderform label.radio-inline {
    position: relative;
    display: inline-block; }
  .orderform label.radio {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle; }
  .orderform .tooltip .tooltip-arrow {
    border-color: #dddddd transparent transparent transparent; }
  .orderform .tooltip .tooltip-inner {
    background-color: #dddddd;
    color: #000000; }
  .orderform .nextstep {
    margin: 30px 0px 40px;
    color: #ffffff;
    font-size: 13px;
    line-height: 32px;
    padding: 6px 25px 40px 25px;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1); }
    .orderform .nextstep.yellow {
      background-color: #ffffff;
      border-color: #FCD800;
      color: #000000; }
  .orderform .form-list {
    font-weight: 300;
    font-size: 14px;
    padding-left: 20px;
    margin-left: 10px; }
    .orderform .form-list .bullet {
      list-style-type: disc;
      line-height: 16px;
      padding: 18px 0 0; }
  .orderform ul#paymentTabs {
    margin: 0 0 30px 0; }
    .orderform ul#paymentTabs li {
      width: 50%;
      text-align: center;
      margin-bottom: -1px;
      cursor: pointer; }
  .orderform .helplink {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 300; }
    .orderform .helplink a {
      cursor: pointer; }
  .orderform .highlightText {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px; }
  .orderform .highlight {
    background-color: #f5f5f5;
    padding: 20px 15px 8px;
    margin-bottom: 10px;
    margin-top: 35px; }
    .orderform .highlight.top {
      margin-top: 30px; }
    .orderform .highlight .form-group-label {
      padding: 0px 0 10px;
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    .orderform .highlight .subTitle {
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
      padding: 20px 0 0; }
    .orderform .highlight .imgSubTitle {
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
      padding: 0; }
    .orderform .highlight .compare {
      margin-bottom: 22px;
      cursor: pointer; }
      .orderform .highlight .compare a {
        font-size: 14px; }
    .orderform .highlight .compareIcon {
      margin-left: 6px;
      font-size: 16px; }
    .orderform .highlight .highlightBanner {
      width: 100%;
      margin: 20px 0 10px 0; }
    .orderform .highlight .product .primary {
      background-color: #00A6CA;
      padding: 14px 6px 6px;
      margin-top: 20px; }
      .orderform .highlight .product .primary .nextstep {
        width: 100%;
        margin: 0;
        color: #ffffff; }
    .orderform .highlight .product .secondary {
      background-color: #a9a9a9;
      padding: 6px;
      margin-top: 10px;
      margin-bottom: 30px; }
      .orderform .highlight .product .secondary .nextstep {
        width: 100%;
        margin: 0;
        background-color: #ffffff;
        border: 4px solid #FCD800;
        color: #000000; }
      .orderform .highlight .product .secondary .details {
        margin-top: 25px; }
    .orderform .highlight .product .form-group-label {
      text-align: center;
      color: #ffffff;
      font-size: 18px; }
    .orderform .highlight .product p.productText {
      text-align: center;
      color: #ffffff; }
    .orderform .highlight .product p.subTitle {
      color: #ffffff;
      text-align: center;
      font-weight: 700;
      font-size: 18px;
      PADDING: 0px;
      text-align: center; }
    .orderform .highlight .product .price {
      margin: 20px 0 0px 0; }
    .orderform .highlight .product .details {
      background-color: #ffffff;
      padding: 25px 10px 10px; }
      .orderform .highlight .product .details p.productText {
        color: #000000;
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 16px; }
        .orderform .highlight .product .details p.productText.lastItem {
          margin-bottom: 25px; }
  .orderform .continuityImage {
    width: 100%;
    padding: 10px 0; }
  .orderform #orderInfo {
    padding: 5px 0px 0 0px;
    border-top: 1px solid #dddddd;
    margin-top: 20px; }
    .orderform #orderInfo .subHeading {
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    .orderform #orderInfo h6.subHeading {
      padding: 30px 0 10px 0; }
    .orderform #orderInfo .orderInfoText {
      padding: 30px 0 0px; }
    .orderform #orderInfo .billingInfo {
      border-bottom: 1px solid #dddddd;
      margin-top: 20px; }
      .orderform #orderInfo .billingInfo .right {
        float: right; }
  .orderform .reveal-if-active {
    opacity: 0;
    max-height: 0;
    overflow: hidden; }
  .orderform input[type="radio"]:checked ~ .reveal-if-active,
  .orderform input[type="checkbox"]:checked ~ .reveal-if-active {
    opacity: 1;
    max-height: 100px;
    /* little bit of a magic number :( */
    overflow: visible; }
  .orderform .orderformSup {
    line-height: 24px; }
  .orderform #under-eighteen, .orderform #over-onetwentyfive {
    position: relative;
    bottom: 12px;
    left: -5px;
    color: #D74025;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.1em; }
  .orderform #ssn-invalid {
    position: relative;
    bottom: -7px;
    color: #D74025;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.1em; }
  .orderform .cc-image {
    width: 30px;
    float: right;
    top: 6px;
    z-index: 3;
    right: 10px;
    margin: 0 0 0 4px;
    position: relative; }
  .orderform .cvc {
    float: right; }
  .orderform #expired-card {
    position: relative;
    line-height: 1em;
    top: -14px;
    right: 6px;
    color: #D74025;
    font-size: 15px;
    font-weight: 300; }
  .orderform #marketingOptIn .marketingOptInCopy {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px; }
  .orderform .fa-check-circle-o {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    color: #008A00; }
  .orderform .lockforssn {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    color: #00A6CA;
    font-weight: 600;
    font-size: 20px; }
  .orderform .fa-times-circle-o {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    color: #D74025;
    font-size: 16px; }
  .orderform .cc .fa-times-circle-o {
    float: right;
    position: relative;
    margin-right: 8px;
    color: #d74025;
    top: 55px;
    z-index: 3;
    left: -2px; }
  .orderform .email .fa-times-circle-o {
    position: relative;
    top: 1px; }
  .orderform .secret-question .fa-times-circle-o, .orderform .answer .fa-times-circle-o {
    position: relative;
    top: 33px; }
  .orderform .password .fa-times-circle-o {
    position: relative;
    top: 34px; }
  .orderform .confirmPassword .fa-times-circle-o, .orderform .ssn .fa-times-circle-o {
    position: relative;
    top: 34px; }
  .orderform .fa-times-circle-o.expDate {
    top: 1px;
    position: relative; }
  .orderform .check.add {
    display: block !important; }
  .orderform .check.remove {
    display: none !important; }
  .orderform .times.add {
    display: block !important; }
  .orderform .times.remove {
    display: none !important; }
  .orderform input[type=number]::-webkit-inner-spin-button,
  .orderform input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .orderform .paymentTopRail P {
    font-size: 20px; }
    .orderform .paymentTopRail P sup {
      font-size: 12px; }
  .orderform .paymentTopRail ul {
    padding-left: 20px;
    padding-right: 10px;
    min-height: 110px; }
    .orderform .paymentTopRail ul li {
      font-size: 12px;
      margin-bottom: 10px; }

#dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper {
  float: right; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .secureMessage {
    height: 60px;
    background-color: #a9d161; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .secureMessage i {
      font-size: 34px;
      font-weight: 600;
      color: #008A00;
      margin: 13px 5px 10px 18px; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .secureMessage p {
      font-size: 15px;
      display: inline;
      font-weight: 600;
      vertical-align: super; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score {
    border: 4px solid #FCD800;
    padding: 12px 0px 0px 20px;
    margin-top: 25px;
    height: 100px; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score .titleText {
      font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 18px; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score .scoreLine p {
      font-size: 18px;
      display: inline; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score .scoreLine .number {
      display: inline;
      font-size: 48px;
      font-weight: 900;
      vertical-align: text-top;
      margin: 0px 25px;
      color: #a9d161; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .sampleScore {
    font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #a9a9a9;
    float: right; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget {
    border: 4px solid #dddddd;
    margin-top: 32px;
    padding: 25px 30px 15px; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget p {
      font-size: 17px;
      font-weight: 600; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget .pricingInfo {
      font-size: 16px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget .pricingInfo sup {
        font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
        font-size: 8px;
        color: #a9a9a9; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget ul li {
      font-size: 12px;
      margin-bottom: 10px;
      font-weight: 700; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .cancelmessage {
    margin: 35px 35px 15px 30px;
    font-size: 12px;
    line-height: normal; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise {
    margin: 55px 35px 15px 30px; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .fa {
      font-size: 26px;
      color: #008A00;
      font-weight: bold;
      float: left; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .safePurchasetitle {
      float: left;
      font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
      width: 150px;
      margin-left: 5px;
      margin-top: -2px;
      font-size: 16px;
      line-height: 14px;
      font-weight: bold; }
    #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .safePurchasetext {
      font-size: 12px;
      line-height: normal;
      float: right; }
  #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #nortonSecuredLogo {
    margin-left: 25px; }

#safePurchasePromise {
  margin-top: -10px;
  margin-bottom: 30px; }
  #safePurchasePromise .nortonSecuredLogo {
    top: 30px; }

#ctaContinuityBand {
  margin: 20px 0 0px; }
  #ctaContinuityBand .ctaHeadline {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px; }
    #ctaContinuityBand .ctaHeadline .ctaSup {
      top: -1.5em;
      font-size: 30%;
      position: relative;
      line-height: 0;
      vertical-align: baseline; }
  #ctaContinuityBand .underline {
    border-bottom: 2px solid #FCD800; }
  #ctaContinuityBand .innerContent-bulletList P {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300; }
    #ctaContinuityBand .innerContent-bulletList P sup {
      font-size: 12px; }
  #ctaContinuityBand .innerContent-bulletList ul li {
    font-size: 12px; }
  #ctaContinuityBand .innerContent-bulletList.overlay {
    background-color: #ffffff;
    opacity: 1; }
  #ctaContinuityBand #ctaContinuityBandLarge .ctaHeadline {
    text-align: center; }
  #ctaContinuityBand #ctaContinuityBandLarge .continuityImage {
    width: 100%; }

#lifeEventBand .bgrImage {
  background-image: none !important; }
#lifeEventBand .lifeEventHeadline {
  font-weight: 400;
  font-size: 26px;
  line-height: 26px;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 6px; }
#lifeEventBand .lifeEventBannerSM {
  width: 100%;
  margin-bottom: 20px; }
#lifeEventBand .lifeEventBanner {
  background-image: url(../img/heroes/annual_and_subscription_mobile.png);
  height: auto;
  width: 100%;
  background-size: cover;
  background-position: top right;
  margin-top: 0; }
#lifeEventBand .underline {
  border-bottom: 2px solid #FCD800; }
#lifeEventBand #overlayHighlight {
  background-color: #ffffff;
  opacity: .76; }
  #lifeEventBand #overlayHighlight .overlayHeading {
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px; }
  #lifeEventBand #overlayHighlight .overlayText {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px; }
#lifeEventBand .subHeading {
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  padding: 2px 18px 10px 13px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px; }
#lifeEventBand .innerContent {
  margin-top: 0;
  padding-top: 20px; }
#lifeEventBand .innerContent-bulletList P {
  font-size: 26px;
  line-height: 28px;
  font-weight: 300; }
  #lifeEventBand .innerContent-bulletList P sup {
    font-size: 12px; }
#lifeEventBand .innerContent-bulletList ul li {
  font-size: 12px; }
#lifeEventBand .innerContent-bulletList.overlay {
  background-color: #ffffff;
  opacity: 1; }

.tuo-banner {
  margin-top: -83px;
  background-color: #eeeeee; }
  .tuo-banner .large-heroBannerCalloutsPhoto {
    display: none; }
  .tuo-banner .large-heroBannerCalloutsPhotoMobile {
    position: relative;
    height: 600px;
    background-size: cover;
    background-position: 50% 0; }
  .tuo-banner .highlight {
    position: absolute;
    top: 200px;
    right: 20px;
    background-color: rgba(0, 102, 133, 0.9);
    padding: 20px;
    width: 80%; }
    .tuo-banner .highlight .highlight-overlay-text {
      color: #ffffff; }
      .tuo-banner .highlight .highlight-overlay-text .title {
        font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2em; }
      .tuo-banner .highlight .highlight-overlay-text .text {
        margin: 20px 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4em; }
      .tuo-banner .highlight .highlight-overlay-text .highlight-btn {
        border-radius: 0;
        font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.2em;
        font-weight: 600;
        padding-top: 5px;
        width: 100%; }

/* LESS Document */
.flexBoxLayout #headerSection, .flexBoxLayout > .tuo-header {
  flex: 0 0 83px; }

.tuo-header {
  height: 83px; }
  .tuo-header #mobiNavActivate {
    position: fixed;
    top: 35px;
    right: 20px;
    width: 20px;
    height: 14px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 1001;
    -webkit-transform: translate3d(0, 0, 0); }
    .tuo-header #mobiNavActivate span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #ffffff;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      .tuo-header #mobiNavActivate span:nth-child(1) {
        top: 0px; }
      .tuo-header #mobiNavActivate span:nth-child(2), .tuo-header #mobiNavActivate span:nth-child(3) {
        top: 6px; }
      .tuo-header #mobiNavActivate span:nth-child(4) {
        top: 12px; }
  .tuo-header .topBar {
    display: block;
    height: 83px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 4px solid #00A6CA;
    position: fixed;
    top: 0;
    -webkit-transition: background-color opacity 1s;
    transition: background-color opacity 1s;
    z-index: 101; }
    .tuo-header .topBar .tuLogo {
      float: left;
      width: 130px;
      height: 28px;
      margin: 20px 0 0 20px;
      /* margin: 16px 0 0 20px; */
      background-image: url(../img/logoHeaderWhite.svg);
      background-position: top left;
      background-size: contain;
      background-repeat: no-repeat; }
    .tuo-header .topBar .tiTopLinks {
      display: none; }
    .tuo-header .topBar .tuo-cta {
      display: none; }
  .tuo-header .tuo-cta {
    font-size: 16px;
    font-weight: 600; }
  .tuo-header .tiMainNavWrapper {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    overflow: hidden;
    background-color: rgba(0, 102, 133, 0.95);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    z-index: 100; }
    .tuo-header .tiMainNavWrapper .tiTopLinks {
      padding: 16px 0 0 11px; }
      .tuo-header .tiMainNavWrapper .tiTopLinks a {
        float: left;
        width: 36px;
        height: 36px;
        padding-top: 7px;
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        text-decoration: none; }
    .tuo-header .tiMainNavWrapper .tuLogo {
      float: left;
      width: 100%;
      height: 35px;
      margin: 28px 0 20px 0;
      background-image: url(../img/logoHeaderWhite.svg);
      background-position: top center;
      background-size: contain;
      background-repeat: no-repeat; }
  .tuo-header.white.atTop .topBar {
    height: 50px;
    width: 100%;
    background-color: rgba(0, 102, 133, 0.4); }

.oldie .tuo-header {
  height: 50px; }

.mobileMenuOpen {
  overflow: hidden; }
  .mobileMenuOpen .tuo-header #mobiNavActivate {
    width: 24px; }
    .mobileMenuOpen .tuo-header #mobiNavActivate span {
      height: 4px; }
      .mobileMenuOpen .tuo-header #mobiNavActivate span:nth-child(1) {
        top: 6px;
        width: 0%;
        left: 50%; }
      .mobileMenuOpen .tuo-header #mobiNavActivate span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .mobileMenuOpen .tuo-header #mobiNavActivate span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .mobileMenuOpen .tuo-header #mobiNavActivate span:nth-child(4) {
        top: 6px;
        width: 0%;
        left: 50%; }
  .mobileMenuOpen .tuo-header .topBar {
    opacity: 0; }
  .mobileMenuOpen .tuo-header .tiMainNavWrapper {
    opacity: 1;
    bottom: 0;
    overflow: auto; }
    .mobileMenuOpen .tuo-header .tiMainNavWrapper .tiMainNav {
      float: left;
      margin-bottom: 10px;
      margin-top: 20px; }
      .mobileMenuOpen .tuo-header .tiMainNavWrapper .tiMainNav li {
        float: left;
        width: 100%;
        height: 42px;
        margin: 0; }
        .mobileMenuOpen .tuo-header .tiMainNavWrapper .tiMainNav li a {
          display: block;
          width: 100%;
          height: 42px;
          padding: 13px 0 0 20px;
          font-size: 20px;
          font-weight: 300;
          color: #ffffff;
          text-decoration: none; }
          .mobileMenuOpen .tuo-header .tiMainNavWrapper .tiMainNav li a:active {
            padding-left: 17px;
            background-color: #045771;
            border-left: 3px solid #FCD800; }
        .mobileMenuOpen .tuo-header .tiMainNavWrapper .tiMainNav li.navDivider {
          height: 40px;
          padding-top: 15px; }
    .mobileMenuOpen .tuo-header .tiMainNavWrapper .tuo-cta {
      display: block;
      width: 90%;
      margin: 0 auto 20px auto;
      clear: both;
      background-color: #F16E00;
      color: #ffffff;
      border: 3px solid #ffffff;
      padding-top: 9px;
      border-radius: 0; }

.tuo-offers .offers .offer {
  margin: 10px 0;
  text-align: center; }
  .tuo-offers .offers .offer .offer-content {
    background-color: #ffffff;
    border: 4px solid #707070;
    padding: 20px; }
    .tuo-offers .offers .offer .offer-content .first-title {
      font-size: 22px;
      font-weight: 300;
      margin-bottom: 15px; }
    .tuo-offers .offers .offer .offer-content .second-title {
      margin-bottom: 20px;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
      color: #707070;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.2em; }
    .tuo-offers .offers .offer .offer-content .sub-title {
      margin-bottom: 25px;
      color: #00A6CA;
      font-size: 14px;
      line-height: 1.2em;
      font-weight: 400; }
    .tuo-offers .offers .offer .offer-content ul {
      text-align: left; }
      .tuo-offers .offers .offer .offer-content ul li {
        font-size: 14px;
        line-height: 1.2em; }
    .tuo-offers .offers .offer .offer-content .offer-btn {
      border-radius: 0;
      height: 34px;
      color: #ffffff;
      font-size: 18px;
      font-weight: 700;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
      padding: 2px 12px 6px 12px; }
    .tuo-offers .offers .offer .offer-content .div-line {
      height: 1px;
      background-color: #eeeeee;
      margin: 20px 0 15px; }
    .tuo-offers .offers .offer .offer-content ul li {
      margin: 15px 0;
      color: #707070; }
      .tuo-offers .offers .offer .offer-content ul li .bolded {
        font-weight: 600; }

/* Blue banner CTA Component Styles for Personal */
.tuo-callToAction {
  background-color: #00A6CA;
  color: #ffffff;
  text-align: center;
  min-height: 236px;
  padding: 75px 0; }
  .tuo-callToAction div.mainHeadline {
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2em; }
  .tuo-callToAction .btn {
    font-size: 16px;
    height: auto;
    min-height: 36px;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    border-radius: 0;
    border: 4px solid #ffffff;
    margin: 40px 14px 14px 0; }
    .tuo-callToAction .btn .fa-arrow-circle-o-right {
      padding: 2px 0 0 5px;
      font-weight: 600; }
  .tuo-callToAction.tallCallToAction {
    height: auto;
    position: relative; }
    .tuo-callToAction.tallCallToAction .subHeadline {
      font-size: 18px;
      line-height: 22px;
      padding: 0 30px;
      font-weight: 600; }
    .tuo-callToAction.tallCallToAction a.tui-orange-tall-btn {
      margin-top: 30px; }
    .tuo-callToAction.tallCallToAction .termsConditions {
      font-size: 16px;
      margin-top: 30px; }
    .tuo-callToAction.tallCallToAction .legalNotice {
      font-size: 14px;
      line-height: 18px;
      padding: 0 20px 50px 20px; }
  .tuo-callToAction.callToActionWithImage {
    background-position: 50%;
    background-size: cover;
    color: #ffffff;
    height: auto;
    position: relative;
    padding: 5px 15px 30px 15px; }
    .tuo-callToAction.callToActionWithImage .subHeadline {
      font-size: 16px;
      line-height: 22px;
      padding: 0 30px;
      font-weight: 600; }
    .tuo-callToAction.callToActionWithImage a.btn {
      margin: 20px 15px 0 0; }

#callToActionComponent:before {
  display: table;
  content: " "; }

#callToActionComponent:after {
  display: table;
  content: " ";
  clear: both; }

/* LESS Document */
#tabbedCaseStudyDemo .container {
  padding: 0; }
  #tabbedCaseStudyDemo .container .tabsContainer .subComponent {
    height: 50px;
    display: flex;
    align-items: center; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent.grayTab {
      background-color: #eeeeee;
      padding-left: 5%; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent.blueTab {
      background-color: #00A6CA;
      padding-left: 2%; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent.yellowTab {
      background-color: #FCD800;
      padding-left: 2%; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav {
      text-decoration: none;
      color: #000000; }
      #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .activeTitle {
        font-size: 14px;
        font-weight: 600;
        line-height: 1em;
        text-align: left; }
      #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle {
        font-size: 30px;
        font-weight: 600;
        text-align: center; }
        #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle img.playImg {
          width: 15px;
          height: 15px; }
  #tabbedCaseStudyDemo .container .subComponentContent {
    float: left;
    height: 190px;
    width: 100%; }
    #tabbedCaseStudyDemo .container .subComponentContent .textOnMedia {
      color: #000000;
      font-size: 14px;
      line-height: 18px;
      font-weight: 400;
      letter-spacing: -.005em;
      left: 5%;
      position: relative;
      width: 90%; }
      #tabbedCaseStudyDemo .container .subComponentContent .textOnMedia h6 {
        color: #494949; }
    #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent {
      position: relative;
      z-index: 1; }
      #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner {
        text-align: center;
        /* 2@mixin  If supporting object-fit, overriding (1): */ }
        #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner iframe, #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner video {
          display: block; }
        #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner ::-ms-clear {
          display: none; }
        #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .transparent {
          background: transparent;
          padding: 0; }
        #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-headline .eyebrow {
          margin-top: 10px;
          font-size: 16px; }
        #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background {
          width: 100%;
          height: 190px;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          margin: 0 auto;
          text-align: center;
          background-position: center center; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .bc-iframe, #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .bc-iframe body, #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .bc-player-Vke6ZuPU0l_default {
            height: auto !important; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .video-js {
            height: 100% !important; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .video-js .vjs-tech {
            height: 100% !important; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background .vjs-big-play-button {
            display: none !important; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background iframe {
            height: 100% !important; }
        #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .video-container {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          overflow: hidden;
          z-index: -1;
          max-height: 630px; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .video-container video {
            position: absolute;
            top: 0;
            overflow: hidden;
            left: 0;
            width: 100%;
            background-size: cover; }
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .video-container video::-webkit-media-controls {
            display: none; }
        @media (min-aspect-ratio: 16 / 9) {
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner #video-container video {
            height: auto; } }
        @media (max-aspect-ratio: 16 / 9) {
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner #video-container video {
            width: 100%; } }
        @supports (object-fit: cover) {
          #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner #video-container video {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; } }
    #tabbedCaseStudyDemo .container .subComponentContent .immersive-play {
      z-index: 4000;
      top: 40%;
      cursor: pointer;
      bottom: 0;
      left: 0%;
      text-align: center;
      position: absolute;
      height: 30px; }
      #tabbedCaseStudyDemo .container .subComponentContent .immersive-play .fa.tufa-play-media {
        width: 70px;
        height: 70px;
        font-size: 70px;
        color: #ffffff;
        cursor: pointer;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

#tertiaryProductsSolutionsComponent {
  background-color: #eeeeee;
  padding-bottom: 40px; }
  #tertiaryProductsSolutionsComponent .buttonWrap {
    text-align: center;
    clear: both;
    padding-top: 20px; }
    #tertiaryProductsSolutionsComponent .buttonWrap .yellow {
      background-color: #ffffff;
      border-color: #FCD800;
      color: #000000; }
  #tertiaryProductsSolutionsComponent .solutionsContainer {
    margin-top: 20px; }
    #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights {
      position: relative;
      display: block;
      padding: 20px 50px;
      color: #000000;
      text-decoration: none;
      text-align: center; }
      #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-heading {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #00A6CA; }
      #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-text {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: #000000; }
    #tertiaryProductsSolutionsComponent .solutionsContainer .more-products .solutions-finTech {
      border-top: 2px solid #a9a9a9; }

#secondaryProductsSolutionsComponent {
  background-color: #eeeeee;
  padding-bottom: 40px; }
  #secondaryProductsSolutionsComponent .solutionsContainer {
    margin-top: 20px; }
    #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights {
      position: relative;
      display: block;
      margin-bottom: 10px;
      padding: 20px 13px 5px 13px;
      background-color: #ffffff;
      color: #000000;
      text-decoration: none;
      border-top: 2px solid #00A6CA; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-heading {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        font-style: italic; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-text {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
        color: #707070; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-divider {
        height: 1px;
        border-bottom: 1px solid #00A6CA;
        width: 40px;
        margin: 5px 0 15px 0; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .learnMore {
        font-size: 10px;
        line-height: 22px;
        font-weight: 400;
        font-family: IntroCaps;
        text-decoration: none;
        color: #006685;
        letter-spacing: .1em; }

/* LESS Document */
#productFeaturesScrollingSmallDevices {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  #productFeaturesScrollingSmallDevices .productCard {
    height: 100%;
    width: 100%; }
  #productFeaturesScrollingSmallDevices .text {
    text-align: center;
    padding: 20px;
    padding-top: 0;
    min-height: 200px; }
    #productFeaturesScrollingSmallDevices .text h2 {
      font-weight: 600;
      font-size: 20px;
      line-height: 24px;
      margin-top: 20px;
      margin-bottom: 10px; }
    #productFeaturesScrollingSmallDevices .text p {
      margin-bottom: 10px;
      font-size: 16px;
      line-height: 1.375em;
      font-weight: normal; }
    #productFeaturesScrollingSmallDevices .text .learnMoreLink {
      font-size: 14px;
      margin-top: 30px;
      font-weight: 600;
      font-family: IntroCaps;
      text-decoration: none;
      color: #00A6CA;
      letter-spacing: .1em; }
  #productFeaturesScrollingSmallDevices .media .mediaBanner {
    height: 288px;
    width: 100%;
    background-size: cover;
    background-position: center; }
  #productFeaturesScrollingSmallDevices .productFeaturesCarousel .carousel-inner {
    padding-bottom: 36px; }
  #productFeaturesScrollingSmallDevices .productFeaturesCarousel .carousel-indicators {
    margin-bottom: 0; }

/* ID Theft - XS */
#IDTheftHelpComponent .IDTheftWrapper {
  height: 150px;
  background-position: center center;
  background-size: cover;
  width: 100%;
  z-index: 1;
  position: relative; }
  #IDTheftHelpComponent .IDTheftWrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); }
  #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder {
    position: relative;
    height: 100%;
    text-align: center; }
    #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder .primaryHeader {
      bottom: 10px;
      margin: 0;
      margin-top: 40px;
      color: #ffffff;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
      font-weight: 600;
      text-transform: uppercase; }
    #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder h4 {
      color: #ffffff;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
      margin-top: 10px;
      font-weight: 400;
      letter-spacing: 0.05em;
      padding: 0 50px;
      line-height: 20px; }
#IDTheftHelpComponent .IDTheftHelpWrapper {
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  background-color: #ffffff;
  float: left;
  z-index: 2;
  position: absolute; }
  #IDTheftHelpComponent .IDTheftHelpWrapper p {
    font-size: 14px;
    line-height: normal; }
  #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection {
    border: 4px solid #006685;
    height: 80px;
    border-radius: 500px; }
    #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link1Wrapper, #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link2Wrapper {
      width: 49%;
      float: left;
      text-align: center; }
      #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link1Wrapper a, #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link2Wrapper a {
        text-decoration: none;
        font-size: 20px;
        color: #000000;
        background-color: #ffffff;
        display: block;
        padding-top: 20px;
        cursor: pointer;
        height: 60px;
        margin-top: 6px;
        margin-left: 6px; }
        #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link1Wrapper a.active, #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link2Wrapper a.active {
          background-color: #006685;
          color: #ffffff; }
    #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftSelection .link2Wrapper {
      width: 50%; }
  #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent {
    position: relative;
    margin-top: 40px; }
    #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent .stepHeading {
      padding: 10px 15px;
      background-color: #dddddd;
      border-bottom: 1px solid rgba(0, 0, 0, 0.131);
      font-weight: 600; }
      #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent .stepHeading a {
        text-decoration: none;
        display: table;
        width: 100%;
        height: 100%; }
        #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent .stepHeading a span {
          color: #006685;
          display: block;
          display: table-cell;
          vertical-align: middle; }
          #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent .stepHeading a span.stepText {
            width: 95%; }
          #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent .stepHeading a span.expandCollapseIcon {
            font-size: 30px;
            padding-left: 25px; }
    #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent .stepDesc {
      padding: 15px; }

/* CreditRetriever Login Component Styles */
.creditRetrieverLoginWrapper .loginTitleMain {
  font-size: 18px;
  line-height: 1.1em;
  margin-top: 40px;
  margin-bottom: 24px;
  font-weight: 600; }
.creditRetrieverLoginWrapper .loginImage {
  margin-top: -15px;
  margin-bottom: 20px;
  -moz-background-size: cover;
  background-size: cover;
  background-position: 50% 0%;
  height: 280px; }
.creditRetrieverLoginWrapper .loginTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 30px; }
.creditRetrieverLoginWrapper .creditRetrieverFeatures {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 400;
  margin-left: 35px; }
  .creditRetrieverLoginWrapper .creditRetrieverFeatures li {
    list-style-type: disc; }

.creditRetrieverRightColumn {
  border: 2px solid #00A6CA;
  height: 395px;
  width: 100%;
  overflow: hidden;
  margin-top: 40px; }

#featureFourIcons {
  text-align: center; }
  #featureFourIcons .carouselHeading {
    margin-bottom: 30px; }
  #featureFourIcons .featureIconCarousel .item .circle {
    border-radius: 500px;
    height: 130px;
    width: 130px;
    color: #ffffff;
    font-size: 70px;
    padding-top: 35px;
    margin-left: auto;
    margin-right: auto; }
    #featureFourIcons .featureIconCarousel .item .circle.orangeBg {
      background-color: #F16E00; }
    #featureFourIcons .featureIconCarousel .item .circle.blueBg {
      background-color: #00A6CA; }
  #featureFourIcons .featureIconCarousel .item .title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.5em;
    margin-top: 10px; }
  #featureFourIcons .featureIconCarousel .item .description {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5em; }
  #featureFourIcons .featureIconCarousel .item .orange {
    color: #F16E00; }
  #featureFourIcons .featureIconCarousel .item .blue {
    color: #00A6CA; }

/* CSS Document */
.shareButtons {
  padding-top: 5px;
  padding-bottom: 10px; }
  .shareButtons.shareRight div {
    float: right; }
  .shareButtons .at-icon-wrapper {
    line-height: 24px !important;
    height: 24px !important;
    width: 24px !important; }
  .shareButtons .at-icon {
    height: 24px !important;
    width: 24px !important; }
  .shareButtons.blueButtons .at-share-btn {
    background-color: #00A6CA !important; }

/* CSS Document */
.formHeadline {
  padding: 30px 0 10px 30px; }

.miniform-Container {
  background-color: #ededed;
  padding: 30px; }

#credit .mini-order-form {
  margin: 0 5px;
  /*input {
  	border: none;
  	border-bottom: 4px solid $tu-blue;
  	&.error {
  		color: $tu-red;
  		border-bottom: 4px solid $tu-red;
  		border-top: none;
  		border-right: none;
  		border-left: none;
  	}
  	&.valid {
  		border-bottom: 4px solid $tu-green;
  		&:before{
  			bottom: 30px;
  			border: none;
  			content: "\f05c";
  			font-family: FontAwesome;
  			right: 30px;
  			top: -35px;
  		}
  	}
  }*/ }
  #credit .mini-order-form .reqFields {
    color: #F16E00;
    font-size: 12px;
    margin-top: -15px; }
  #credit .mini-order-form .clear {
    clear: both; }
  #credit .mini-order-form .cta {
    position: relative; }
    #credit .mini-order-form .cta .btn-primary.nextstep {
      margin-bottom: 0px;
      background-color: #f84a0a;
      border-color: #f84a0a;
      text-align: center; }
  #credit .mini-order-form .buttonIconRight {
    margin-left: 10px;
    font-size: 12px; }
  #credit .mini-order-form .buttonIconLeft {
    margin-right: 5px;
    font-size: 12px; }
  #credit .mini-order-form label.error {
    border: none;
    padding: 0;
    height: auto;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    color: #D74025;
    margin-top: 5px;
    background-color: #ededed; }
    #credit .mini-order-form label.error:before {
      display: none; }
    #credit .mini-order-form label.error:after {
      top: -31px;
      font-size: 16px;
      bottom: 30px;
      border: none;
      content: "\f05c";
      font-family: FontAwesome;
      right: 24px; }
  #credit .mini-order-form .form-group input {
    border: 1px solid #a9a9a9;
    background-color: #fff;
    width: 100%;
    font-size: 18px; }
    #credit .mini-order-form .form-group input:focus {
      border: 1px solid #006685;
      box-shadow: inset 5px 5px 6px -6px #006685; }
    #credit .mini-order-form .form-group input.error {
      color: #D74025;
      border: 1px solid #D74025;
      box-shadow: inset 5px 5px 6px -6px #D74025;
      padding-right: 35px; }
    #credit .mini-order-form .form-group input.novalue-error {
      color: #D74025;
      border: 1px solid #D74025;
      box-shadow: inset 5px 5px 6px -6px #D74025;
      padding-right: 35px; }
    #credit .mini-order-form .form-group input.valid {
      display: block;
      border: 1px solid #a9a9a9;
      padding-right: 35px; }
    #credit .mini-order-form .form-group input.border-red {
      border: 1px solid #D74025;
      color: #D74025; }
  #credit .mini-order-form .form-group input[readonly] {
    background-color: #ffffff;
    border-bottom: 4px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5; }
  #credit .mini-order-form .form-group .form-control {
    height: 34px; }
  #credit .mini-order-form .radio-inline-label {
    margin-top: 5px; }
  #credit .mini-order-form .reqFields {
    color: #f84a0a; }
  #credit .mini-order-form .asterisk {
    color: #f84a0a; }
  #credit .mini-order-form .formTitle {
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 25px;
    color: #0295be;
    padding-top: 20px; }
  #credit .mini-order-form .text-area {
    border: 4px solid #00A6CA;
    height: 80px; }
    #credit .mini-order-form .text-area.error {
      border: none; }
  #credit .mini-order-form .form-group-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 6px 0px;
    margin: 0; }
  #credit .mini-order-form .form-group-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    padding: 20px 0px 12px;
    margin: 0; }
  #credit .mini-order-form label {
    display: block;
    top: 0px;
    left: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #494949; }
  #credit .mini-order-form label.password {
    /*		&.valid:before {
    			bottom: 30px;
    			border: none;
    			content: "\f05d";
    			font-family: FontAwesome;
    			right: 30px;
    			top: -35px;
    		}*/ }
    #credit .mini-order-form label.password.error {
      font-size: 15px;
      line-height: 17px;
      font-weight: 300;
      color: #D74025;
      margin-top: 5px; }
      #credit .mini-order-form label.password.error.error:before {
        /*				bottom: 30px;
        				border: none;
        				content: "\f05c";
        				font-family: FontAwesome;
        				right: 30px;
        				top: -35px;*/ }
  #credit .mini-order-form select {
    border: none;
    border-bottom: 4px solid #00A6CA;
    background-color: #f5f5f5; }
    #credit .mini-order-form select.error {
      border-bottom: 4px solid #D74025;
      color: #D74025; }
  #credit .mini-order-form .styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    background-image: url(../img/selectArrowDown-Black.png);
    background-repeat: no-repeat;
    background-position: right 6px center;
    cursor: pointer; }
    #credit .mini-order-form .styled-select select.valid {
      border: 1px solid #a9a9a9;
      background-image: none; }
    #credit .mini-order-form .styled-select select.error {
      background-image: none; }
      #credit .mini-order-form .styled-select select.error:after {
        bottom: 30px;
        border: none;
        content: "\f05c";
        font-family: FontAwesome;
        right: 24px;
        top: -33px; }
    #credit .mini-order-form .styled-select select.border-red {
      border-bottom: 4px solid #D74025; }
  #credit .mini-order-form .styled-select select:disabled {
    background-color: #ffffff;
    border-bottom: 4px solid #f5f5f5;
    cursor: default; }
  #credit .mini-order-form .form-control {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    padding: 5px 6px 2px; }
  #credit .mini-order-form .form-control:focus {
    border-width: 4px; }
  #credit .mini-order-form .form-question {
    padding-top: 30px;
    font-weight: 400;
    font-size: 18px;
    margin-left: 15px; }
    #credit .mini-order-form .form-question.first {
      padding-top: 10px; }
  #credit .mini-order-form .checkbox {
    margin-top: 20px;
    padding-left: 18px; }
  #credit .mini-order-form .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 300;
    top: 10px;
    cursor: auto; }
  #credit .mini-order-form label.radio-inline {
    position: relative;
    display: inline-block; }
  #credit .mini-order-form label.radio {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle; }
  #credit .mini-order-form .radio-inline {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative; }
    #credit .mini-order-form .radio-inline input[type="radio"] {
      margin-left: 1px;
      opacity: .001; }
      #credit .mini-order-form .radio-inline input[type="radio"]:focus {
        border: none;
        box-shadow: none; }
  #credit .mini-order-form .radio-inline label:before {
    content: '';
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #a9a9a9;
    border-radius: 100%;
    margin-top: -3px; }
  #credit .mini-order-form .radio-inline input[type=radio]:checked + label:before {
    content: '';
    font-weight: bolder;
    font-size: 12px;
    border-radius: 100%;
    border: 5px solid #006685; }
  #credit .mini-order-form .radio-inline + .radio-inline {
    margin-left: 20px; }
  #credit .mini-order-form .tooltip .tooltip-arrow {
    border-color: #dddddd transparent transparent transparent; }
  #credit .mini-order-form .tooltip .tooltip-inner {
    background-color: #dddddd;
    color: #000000; }
  #credit .mini-order-form .nextstep {
    margin: 30px 0px 40px;
    color: #ffffff;
    font-size: 10px;
    line-height: 32px;
    padding: 0px 10px 35px 10px;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1); }
    #credit .mini-order-form .nextstep.yellow {
      background-color: #ffffff;
      border-color: #FCD800;
      color: #000000; }
  #credit .mini-order-form .form-list {
    font-weight: 300;
    font-size: 14px;
    padding-left: 20px;
    margin-left: 10px; }
    #credit .mini-order-form .form-list .bullet {
      list-style-type: disc;
      line-height: 16px;
      padding: 18px 0 0; }
  #credit .mini-order-form ul#paymentTabs {
    margin: 0 0 30px 0; }
    #credit .mini-order-form ul#paymentTabs li {
      width: 50%;
      text-align: center;
      margin-bottom: -1px;
      cursor: pointer; }
  #credit .mini-order-form .helplink {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 300; }
    #credit .mini-order-form .helplink a {
      cursor: pointer; }
  #credit .mini-order-form .highlightText {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px; }
  #credit .mini-order-form .highlight {
    background-color: #f5f5f5;
    padding: 20px 15px 8px;
    margin-bottom: 10px;
    margin-top: 35px; }
    #credit .mini-order-form .highlight.top {
      margin-top: 30px; }
    #credit .mini-order-form .highlight .form-group-label {
      padding: 0px 0 10px;
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    #credit .mini-order-form .highlight .subTitle {
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
      padding: 20px 0 0; }
    #credit .mini-order-form .highlight .imgSubTitle {
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
      padding: 0; }
    #credit .mini-order-form .highlight .compare {
      margin-bottom: 22px;
      cursor: pointer; }
      #credit .mini-order-form .highlight .compare a {
        font-size: 14px; }
    #credit .mini-order-form .highlight .compareIcon {
      margin-left: 6px;
      font-size: 16px; }
    #credit .mini-order-form .highlight .highlightBanner {
      width: 100%;
      margin: 20px 0 10px 0; }
    #credit .mini-order-form .highlight .product .primary {
      background-color: #00A6CA;
      padding: 14px 6px 6px;
      margin-top: 20px; }
      #credit .mini-order-form .highlight .product .primary .nextstep {
        width: 100%;
        margin: 0;
        color: #ffffff; }
    #credit .mini-order-form .highlight .product .secondary {
      background-color: #a9a9a9;
      padding: 6px;
      margin-top: 10px;
      margin-bottom: 30px; }
      #credit .mini-order-form .highlight .product .secondary .nextstep {
        width: 100%;
        margin: 0;
        background-color: #ffffff;
        border: 4px solid #FCD800;
        color: #000000; }
      #credit .mini-order-form .highlight .product .secondary .details {
        margin-top: 25px; }
    #credit .mini-order-form .highlight .product .form-group-label {
      text-align: center;
      color: #ffffff;
      font-size: 18px; }
    #credit .mini-order-form .highlight .product p.productText {
      text-align: center;
      color: #ffffff; }
    #credit .mini-order-form .highlight .product p.subTitle {
      color: #ffffff;
      text-align: center;
      font-weight: 700;
      font-size: 18px;
      PADDING: 0px;
      text-align: center; }
    #credit .mini-order-form .highlight .product .price {
      margin: 20px 0 0px 0; }
    #credit .mini-order-form .highlight .product .details {
      background-color: #ffffff;
      padding: 25px 10px 10px; }
      #credit .mini-order-form .highlight .product .details p.productText {
        color: #000000;
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 16px; }
        #credit .mini-order-form .highlight .product .details p.productText.lastItem {
          margin-bottom: 25px; }
  #credit .mini-order-form .continuityImage {
    width: 100%;
    padding: 10px 0; }
  #credit .mini-order-form #orderInfo {
    padding: 5px 0px 0 0px;
    border-top: 1px solid #dddddd;
    margin-top: 20px; }
    #credit .mini-order-form #orderInfo .subHeading {
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif; }
    #credit .mini-order-form #orderInfo h6.subHeading {
      padding: 30px 0 10px 0; }
    #credit .mini-order-form #orderInfo .orderInfoText {
      padding: 30px 0 0px; }
    #credit .mini-order-form #orderInfo .billingInfo {
      border-bottom: 1px solid #dddddd;
      margin-top: 20px; }
      #credit .mini-order-form #orderInfo .billingInfo .right {
        float: right; }
  #credit .mini-order-form .reveal-if-active {
    opacity: 0;
    max-height: 0;
    overflow: hidden; }
  #credit .mini-order-form input[type="radio"]:checked ~ .reveal-if-active,
  #credit .mini-order-form input[type="checkbox"]:checked ~ .reveal-if-active {
    opacity: 1;
    max-height: 100px;
    /* little bit of a magic number :( */
    overflow: visible; }
  #credit .mini-order-form .orderformSup {
    line-height: 24px; }
  #credit .mini-order-form #under-eighteen, #credit .mini-order-form #over-onetwentyfive {
    position: relative;
    bottom: 12px;
    left: -5px;
    color: #D74025;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.1em; }
  #credit .mini-order-form #ssn-invalid {
    position: relative;
    bottom: -7px;
    color: #D74025;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.1em; }
  #credit .mini-order-form .cc-image {
    width: 30px;
    float: right;
    top: 6px;
    z-index: 3;
    right: 10px;
    margin: 0 0 0 4px;
    position: relative; }
  #credit .mini-order-form .cvc {
    float: right; }
  #credit .mini-order-form #expired-card {
    position: relative;
    line-height: 1em;
    top: -14px;
    right: 6px;
    color: #D74025;
    font-size: 15px;
    font-weight: 300; }
  #credit .mini-order-form #marketingOptIn .marketingOptInCopy {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px; }
  #credit .mini-order-form .fa-check-circle-o {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    color: #008A00; }
  #credit .mini-order-form .lockforssn {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    color: #00A6CA;
    font-weight: 600;
    font-size: 20px; }
  #credit .mini-order-form .fa-times-circle-o {
    float: right;
    margin-top: -27px;
    margin-right: 8px;
    color: #D74025;
    font-size: 16px; }
  #credit .mini-order-form .cc .fa-times-circle-o {
    float: right;
    position: relative;
    margin-right: 8px;
    color: #d74025;
    top: 55px;
    z-index: 3;
    left: -2px; }
  #credit .mini-order-form .email .fa-times-circle-o {
    position: relative;
    top: 1px; }
  #credit .mini-order-form .secret-question .fa-times-circle-o, #credit .mini-order-form .answer .fa-times-circle-o {
    position: relative;
    top: 33px; }
  #credit .mini-order-form .password .fa-times-circle-o {
    position: relative;
    top: 34px; }
  #credit .mini-order-form .confirmPassword .fa-times-circle-o, #credit .mini-order-form .ssn .fa-times-circle-o {
    position: relative;
    top: 34px; }
  #credit .mini-order-form .fa-times-circle-o.expDate {
    top: 1px;
    position: relative; }
  #credit .mini-order-form .check.add {
    display: block !important; }
  #credit .mini-order-form .check.remove {
    display: none !important; }
  #credit .mini-order-form .times.add {
    display: block !important; }
  #credit .mini-order-form .times.remove {
    display: none !important; }
  #credit .mini-order-form input[type=number]::-webkit-inner-spin-button,
  #credit .mini-order-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #credit .mini-order-form .paymentTopRail P {
    font-size: 20px; }
    #credit .mini-order-form .paymentTopRail P sup {
      font-size: 12px; }
  #credit .mini-order-form .paymentTopRail ul {
    padding-left: 20px;
    padding-right: 10px;
    min-height: 110px; }
    #credit .mini-order-form .paymentTopRail ul li {
      font-size: 12px;
      margin-bottom: 10px; }

/* Scss Document */
/* Begin: Card details */
.cardDetailsContainer, .offerDetailsContainer {
  background-color: #eeeeee;
  padding-bottom: 35px; }
  .cardDetailsContainer .backToOffers, .offerDetailsContainer .backToOffers {
    text-transform: uppercase; }
    .cardDetailsContainer .backToOffers a, .offerDetailsContainer .backToOffers a {
      color: #00A6CA;
      font-size: 16px;
      text-decoration: none; }
  .cardDetailsContainer .creditCardInfo, .cardDetailsContainer .offerInfo, .offerDetailsContainer .creditCardInfo, .offerDetailsContainer .offerInfo {
    float: left; }
    .cardDetailsContainer .creditCardInfo .creditCardName, .cardDetailsContainer .creditCardInfo .offerName, .cardDetailsContainer .offerInfo .creditCardName, .cardDetailsContainer .offerInfo .offerName, .offerDetailsContainer .creditCardInfo .creditCardName, .offerDetailsContainer .creditCardInfo .offerName, .offerDetailsContainer .offerInfo .creditCardName, .offerDetailsContainer .offerInfo .offerName {
      font-size: 20px;
      font-weight: 600;
      line-height: 18px;
      margin-bottom: 20px; }
    .cardDetailsContainer .creditCardInfo .creditCardDetails, .cardDetailsContainer .creditCardInfo .offerDetails, .cardDetailsContainer .offerInfo .creditCardDetails, .cardDetailsContainer .offerInfo .offerDetails, .offerDetailsContainer .creditCardInfo .creditCardDetails, .offerDetailsContainer .creditCardInfo .offerDetails, .offerDetailsContainer .offerInfo .creditCardDetails, .offerDetailsContainer .offerInfo .offerDetails {
      margin-top: 30px;
      padding-right: 16px;
      text-align: center;
      padding-left: 8px; }
      .cardDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg, .cardDetailsContainer .creditCardInfo .creditCardDetails .offerImg, .cardDetailsContainer .creditCardInfo .offerDetails .creditCardImg, .cardDetailsContainer .creditCardInfo .offerDetails .offerImg, .cardDetailsContainer .offerInfo .creditCardDetails .creditCardImg, .cardDetailsContainer .offerInfo .creditCardDetails .offerImg, .cardDetailsContainer .offerInfo .offerDetails .creditCardImg, .cardDetailsContainer .offerInfo .offerDetails .offerImg, .offerDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg, .offerDetailsContainer .creditCardInfo .creditCardDetails .offerImg, .offerDetailsContainer .creditCardInfo .offerDetails .creditCardImg, .offerDetailsContainer .creditCardInfo .offerDetails .offerImg, .offerDetailsContainer .offerInfo .creditCardDetails .creditCardImg, .offerDetailsContainer .offerInfo .creditCardDetails .offerImg, .offerDetailsContainer .offerInfo .offerDetails .creditCardImg, .offerDetailsContainer .offerInfo .offerDetails .offerImg {
        margin-bottom: 20px; }
        .cardDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg img, .cardDetailsContainer .creditCardInfo .creditCardDetails .offerImg img, .cardDetailsContainer .creditCardInfo .offerDetails .creditCardImg img, .cardDetailsContainer .creditCardInfo .offerDetails .offerImg img, .cardDetailsContainer .offerInfo .creditCardDetails .creditCardImg img, .cardDetailsContainer .offerInfo .creditCardDetails .offerImg img, .cardDetailsContainer .offerInfo .offerDetails .creditCardImg img, .cardDetailsContainer .offerInfo .offerDetails .offerImg img, .offerDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg img, .offerDetailsContainer .creditCardInfo .creditCardDetails .offerImg img, .offerDetailsContainer .creditCardInfo .offerDetails .creditCardImg img, .offerDetailsContainer .creditCardInfo .offerDetails .offerImg img, .offerDetailsContainer .offerInfo .creditCardDetails .creditCardImg img, .offerDetailsContainer .offerInfo .creditCardDetails .offerImg img, .offerDetailsContainer .offerInfo .offerDetails .creditCardImg img, .offerDetailsContainer .offerInfo .offerDetails .offerImg img {
          width: 160px;
          height: 100px; }
    .cardDetailsContainer .creditCardInfo .offerDescription, .cardDetailsContainer .creditCardInfo .creditCardDescription, .cardDetailsContainer .offerInfo .offerDescription, .cardDetailsContainer .offerInfo .creditCardDescription, .offerDetailsContainer .creditCardInfo .offerDescription, .offerDetailsContainer .creditCardInfo .creditCardDescription, .offerDetailsContainer .offerInfo .offerDescription, .offerDetailsContainer .offerInfo .creditCardDescription {
      font-size: 14px;
      text-align: left;
      margin-top: 30px; }
      .cardDetailsContainer .creditCardInfo .offerDescription .cardDescriptionParagraph, .cardDetailsContainer .creditCardInfo .creditCardDescription .cardDescriptionParagraph, .cardDetailsContainer .offerInfo .offerDescription .cardDescriptionParagraph, .cardDetailsContainer .offerInfo .creditCardDescription .cardDescriptionParagraph, .offerDetailsContainer .creditCardInfo .offerDescription .cardDescriptionParagraph, .offerDetailsContainer .creditCardInfo .creditCardDescription .cardDescriptionParagraph, .offerDetailsContainer .offerInfo .offerDescription .cardDescriptionParagraph, .offerDetailsContainer .offerInfo .creditCardDescription .cardDescriptionParagraph {
        font-weight: 300; }
  .cardDetailsContainer .mortgageChart, .offerDetailsContainer .mortgageChart {
    text-align: center;
    display: block;
    color: #00A6CA;
    text-decoration: none; }
  .cardDetailsContainer .mobfilterHeader, .offerDetailsContainer .mobfilterHeader {
    font-size: 16px;
    font-weight: 600; }
  .cardDetailsContainer .mortgageChartMobileContent, .offerDetailsContainer .mortgageChartMobileContent {
    position: relative;
    top: 10px;
    width: 100%;
    overflow-y: auto;
    max-height: 80%; }
  .cardDetailsContainer .applyNowButton, .offerDetailsContainer .applyNowButton {
    margin-top: 30px;
    text-align: center; }
    .cardDetailsContainer .applyNowButton a, .offerDetailsContainer .applyNowButton a {
      background-color: #f16e00;
      color: white;
      border: none;
      font-size: 16px;
      padding: 10px 35px;
      text-decoration: none; }
    .cardDetailsContainer .applyNowButton a:hover, .cardDetailsContainer .applyNowButton a:focus, .offerDetailsContainer .applyNowButton a:hover, .offerDetailsContainer .applyNowButton a:focus {
      color: #fff;
      text-decoration: none; }
  .cardDetailsContainer .ccDetails span, .offerDetailsContainer .ccDetails span {
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 20px; }
  .cardDetailsContainer .ccDetails p, .offerDetailsContainer .ccDetails p {
    font-size: 14px;
    margin: 0; }
  .cardDetailsContainer .ccDetailsTable, .offerDetailsContainer .ccDetailsTable {
    font-size: 14px;
    text-align: center;
    margin-top: 55px;
    float: left;
    width: 100%; }
    .cardDetailsContainer .ccDetailsTable thead tr, .offerDetailsContainer .ccDetailsTable thead tr {
      border-bottom: 4px solid #00A6CA; }
      .cardDetailsContainer .ccDetailsTable thead tr th, .offerDetailsContainer .ccDetailsTable thead tr th {
        text-align: center;
        padding: 2px; }
        .cardDetailsContainer .ccDetailsTable thead tr th span, .offerDetailsContainer .ccDetailsTable thead tr th span {
          font-size: 14px; }
        .cardDetailsContainer .ccDetailsTable thead tr th span.bluePipe, .offerDetailsContainer .ccDetailsTable thead tr th span.bluePipe {
          color: #00A6CA;
          float: left; }
        .cardDetailsContainer .ccDetailsTable thead tr th span.bluePipe:last-child, .offerDetailsContainer .ccDetailsTable thead tr th span.bluePipe:last-child {
          float: right; }
    .cardDetailsContainer .ccDetailsTable tbody td, .offerDetailsContainer .ccDetailsTable tbody td {
      padding: 10px 0; }
    .cardDetailsContainer .ccDetailsTable tbody td:nth-child(odd), .offerDetailsContainer .ccDetailsTable tbody td:nth-child(odd) {
      background-color: #eeeeee; }
    .cardDetailsContainer .ccDetailsTable tbody td:nth-child(even), .offerDetailsContainer .ccDetailsTable tbody td:nth-child(even) {
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-color: #f5f5f5; }
    .cardDetailsContainer .ccDetailsTable tbody tr, .offerDetailsContainer .ccDetailsTable tbody tr {
      border-bottom: 1px solid #707070; }
    .cardDetailsContainer .ccDetailsTable tbody tr:last-child, .offerDetailsContainer .ccDetailsTable tbody tr:last-child {
      border-bottom: 4px solid #00A6CA; }
  .cardDetailsContainer .cardCompareBox, .offerDetailsContainer .cardCompareBox {
    padding: 30px 15px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 0 auto; }
    .cardDetailsContainer .cardCompareBox div, .offerDetailsContainer .cardCompareBox div {
      width: 100%; }
    .cardDetailsContainer .cardCompareBox .cardTitle, .offerDetailsContainer .cardCompareBox .cardTitle {
      font-size: 18px;
      margin-bottom: 20px;
      width: 100%; }
    .cardDetailsContainer .cardCompareBox img, .offerDetailsContainer .cardCompareBox img {
      width: 85%; }
    .cardDetailsContainer .cardCompareBox .cardInfo, .offerDetailsContainer .cardCompareBox .cardInfo {
      margin: 20px 0 10px 0; }
      .cardDetailsContainer .cardCompareBox .cardInfo p, .offerDetailsContainer .cardCompareBox .cardInfo p {
        font-size: 14px;
        margin-bottom: 10px; }
    .cardDetailsContainer .cardCompareBox .cardApply, .offerDetailsContainer .cardCompareBox .cardApply {
      margin-bottom: 20px; }
      .cardDetailsContainer .cardCompareBox .cardApply .applyButton, .offerDetailsContainer .cardCompareBox .cardApply .applyButton {
        background-color: #f16e00;
        color: white;
        height: 32px;
        border: none;
        font-size: 14px;
        padding: 0.5em 2em;
        display: inline-block;
        margin: 0;
        text-decoration: none; }
    .cardDetailsContainer .cardCompareBox .learnMore, .cardDetailsContainer .cardCompareBox .remove, .offerDetailsContainer .cardCompareBox .learnMore, .offerDetailsContainer .cardCompareBox .remove {
      font-size: 11px;
      color: #00A6CA;
      text-decoration: none; }
    .cardDetailsContainer .cardCompareBox .remove, .offerDetailsContainer .cardCompareBox .remove {
      border-left: 2px solid #000;
      padding-left: 12px; }

/* End: Card details */
/* Scss Document */
.eyebrowFormContainer {
  position: relative;
  margin: 20px 0;
  padding: 0 35px 10px; }
  .eyebrowFormContainer .leftYellowBar, .eyebrowFormContainer .rightYellowBar {
    background-color: #FCD800;
    position: absolute;
    top: 0;
    width: 4px;
    height: 100%; }
  .eyebrowFormContainer .leftYellowBar {
    left: 0; }
  .eyebrowFormContainer .rightYellowBar {
    right: 0; }
  .eyebrowFormContainer .formContent {
    text-align: center; }
    .eyebrowFormContainer .formContent .formIcon {
      display: block;
      font-size: 45px;
      text-align: center;
      margin-bottom: 10px; }
    .eyebrowFormContainer .formContent .eyebrowTitle {
      margin-top: 0;
      font-size: 16px;
      font-weight: 600; }
    .eyebrowFormContainer .formContent .eyebrowDescription {
      font-size: 16px;
      font-weight: normal; }
    .eyebrowFormContainer .formContent .btnContainer .yellowBorderBtn {
      background-color: white;
      border: 4px solid #FCD800;
      color: black;
      width: 60%;
      margin-top: 20px; }
    .eyebrowFormContainer .formContent .btnContainer.radioBtnContainer {
      background-color: #f5f5f5;
      border: 1px solid #dddddd; }
      .eyebrowFormContainer .formContent .btnContainer.radioBtnContainer .pollAnswer {
        text-align: left;
        padding: 10px 0 10px 30px;
        border-bottom: 1px solid #dddddd; }
      .eyebrowFormContainer .formContent .btnContainer.radioBtnContainer .pollAnswer:last-child {
        border-bottom: none; }
  .eyebrowFormContainer .resultsGraphContainer .barGraph {
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph p {
      font-size: 16px;
      font-weight: 600; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph .yesPercentDiv, .eyebrowFormContainer .resultsGraphContainer .barGraph .noPercentDiv {
      font-weight: 600; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph .yesPercentDiv {
      float: left; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph .noPercentDiv {
      float: right; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph .barGraphContainer {
      background: #ffffff url("../img/pollPattern.png") repeat;
      box-sizing: border-box;
      margin-bottom: 10px; }
      .eyebrowFormContainer .resultsGraphContainer .barGraph .barGraphContainer .resultLevel {
        background-color: #00A6CA;
        height: 25px; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph.totalBarGraph {
      text-align: center; }
      .eyebrowFormContainer .resultsGraphContainer .barGraph.totalBarGraph p {
        font-weight: normal; }
    .eyebrowFormContainer .resultsGraphContainer .barGraph:first-child {
      margin-top: 45px; }

#engagement .callToAction
div.mainHeadline {
  font-size: 12px;
  font-weight: 100;
  color: #fff;
  padding: 45px 15px 30px 15px; }
#engagement .callToAction.reengage {
  min-height: 150px; }
#engagement #close-button-div {
  position: absolute;
  top: 15px;
  right: 15px; }

/* Credit Education Dashboaerd  */
#creditEduLandingComponent {
  background-color: #fff;
  line-height: normal; }
  #creditEduLandingComponent .page-title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px; }
  #creditEduLandingComponent .creditEduContainer {
    position: relative;
    display: block; }
    #creditEduLandingComponent .creditEduContainer .catContainer {
      margin-bottom: 15px;
      padding: none; }
      #creditEduLandingComponent .creditEduContainer .catContainer .catIcon {
        height: 200px;
        text-align: center;
        display: flex;
        align-items: center; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bgryellow {
          background-color: #FCD800; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bgrblue {
          background-color: rgba(0, 166, 202, 0.3); }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bgrgreen {
          background-color: rgba(0, 138, 0, 0.3); }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bgrorange {
          background-color: #F16E00; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bgrred {
          background-color: rgba(235, 0, 0, 0.3); }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bgrgray {
          background-color: #A9A9A9; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.greenbrd {
          border-top: 1px solid #008a00;
          border-bottom: 1px solid #008a00;
          border-left: 1px solid #008a00; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.bluebrd {
          border-top: 1px solid #00A6CA;
          border-bottom: 1px solid #00A6CA;
          border-left: 1px solid #00A6CA; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon.redbrd {
          border-top: 1px solid #EB0000;
          border-bottom: 1px solid #EB0000;
          border-left: 1px solid #EB0000; }
        #creditEduLandingComponent .creditEduContainer .catContainer .catIcon div {
          width: 100%; }
          #creditEduLandingComponent .creditEduContainer .catContainer .catIcon div span {
            color: #fff;
            font-size: 80px; }
            #creditEduLandingComponent .creditEduContainer .catContainer .catIcon div span.blueIcon {
              color: #00A6CA; }
            #creditEduLandingComponent .creditEduContainer .catContainer .catIcon div span.greenIcon {
              color: #008a00; }
            #creditEduLandingComponent .creditEduContainer .catContainer .catIcon div span.redIcon {
              color: #EB0000; }
    #creditEduLandingComponent .creditEduContainer .catImage {
      padding-right: 0px;
      padding-left: 0px; }
      #creditEduLandingComponent .creditEduContainer .catImage img {
        height: 200px;
        width: 100%; }
    #creditEduLandingComponent .creditEduContainer .category {
      height: 200px;
      text-align: center;
      display: flex;
      align-items: center; }
      #creditEduLandingComponent .creditEduContainer .category div {
        width: 100%; }
        #creditEduLandingComponent .creditEduContainer .category div .fa {
          margin-top: 15px;
          font-size: 50px; }
        #creditEduLandingComponent .creditEduContainer .category div p {
          font-size: 28px;
          font-weight: 400;
          margin-top: 20px; }
      #creditEduLandingComponent .creditEduContainer .category.yellowbrd {
        border: 1px solid #FCD800; }
      #creditEduLandingComponent .creditEduContainer .category.greenbrd {
        border-top: 1px solid #008a00;
        border-bottom: 1px solid #008a00;
        border-right: 1px solid #008a00; }
      #creditEduLandingComponent .creditEduContainer .category.bluebrd {
        border-top: 1px solid #00A6CA;
        border-bottom: 1px solid #00A6CA;
        border-right: 1px solid #00A6CA; }
      #creditEduLandingComponent .creditEduContainer .category.orangebrd {
        border: 1px solid #F16E00; }
      #creditEduLandingComponent .creditEduContainer .category.redbrd {
        border-top: 1px solid #EB0000;
        border-bottom: 1px solid #EB0000;
        border-right: 1px solid #EB0000; }
      #creditEduLandingComponent .creditEduContainer .category.graybrd {
        border: 1px solid #A9A9A9; }
    #creditEduLandingComponent .creditEduContainer .lightBlue {
      background-color: rgba(0, 166, 202, 0.1); }
      #creditEduLandingComponent .creditEduContainer .lightBlue .fa {
        color: #00A6CA; }
    #creditEduLandingComponent .creditEduContainer .lightGreen {
      background-color: rgba(0, 138, 0, 0.1); }
      #creditEduLandingComponent .creditEduContainer .lightGreen .fa {
        color: #008a00; }
    #creditEduLandingComponent .creditEduContainer .lightGray {
      background-color: rgba(169, 169, 169, 0.1); }
      #creditEduLandingComponent .creditEduContainer .lightGray .fa {
        color: #A9A9A9; }
    #creditEduLandingComponent .creditEduContainer .lightOrange {
      background-color: rgba(241, 110, 0, 0.1); }
      #creditEduLandingComponent .creditEduContainer .lightOrange .fa {
        color: #F16E00; }
    #creditEduLandingComponent .creditEduContainer .lightRed {
      background-color: rgba(235, 0, 0, 0.1); }
      #creditEduLandingComponent .creditEduContainer .lightRed .fa {
        color: #EB0000; }
    #creditEduLandingComponent .creditEduContainer .lightYellow {
      background-color: rgba(252, 216, 0, 0.1); }
      #creditEduLandingComponent .creditEduContainer .lightYellow .fa {
        color: #FCD800; }

/* Related Articles Personal2 Component Styles */
.relatedArticlesPersonal2Wrapper {
  text-align: center; }
  .relatedArticlesPersonal2Wrapper h2 {
    font-size: 22px;
    font-weight: 300;
    margin-top: 30px; }
  .relatedArticlesPersonal2Wrapper .relatedArticlesSubhead {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 20px 40px 20px; }
  .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item {
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #eeeeee;
    padding: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle {
      position: relative; }
      .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle .itemTitle {
        position: absolute;
        top: calc(50% - 55px);
        left: 0;
        width: 100%;
        text-align: center; }
        .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle .itemTitle h5 {
          display: table;
          margin: 15px auto;
          padding: 2px 9px 5px;
          background-color: #fff;
          font-size: 18px;
          font-weight: 700;
          letter-spacing: 1.3px; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .bgBlue {
      background-color: #00A6CA; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .bgGray {
      background-color: #a9a9a9; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .bgGreen {
      background-color: #008A00; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .bgYellow {
      background-color: #FCD800; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .itemText p {
      padding: 27px 15px;
      color: #494949;
      font-size: 18px;
      text-align: center;
      font-weight: 600; }

/* Scss Document */
#headerWrapper #headerMain #targetNav a.searchLink img {
  top: 8px;
  left: 9px;
  height: 15px;
  width: 15px;
  z-index: 10; }

#headerWrapper #headerMain #targetNav .searchBox img {
  position: absolute;
  top: 17px;
  left: 20px;
  height: 15px;
  width: 15px; }

#headerWrapper #headerMain #targetNav .searchBox .clearBtn img {
  left: -5px;
  height: 10px;
  width: 10px; }

/* Scss Document */
#creditFreezeToggleComponent {
  max-width: 540px;
  padding: 0 15px; }
  #creditFreezeToggleComponent .toggleFeature .tu-tab {
    background-color: #FCD800;
    cursor: pointer;
    min-height: 70px;
    margin: 5px 0; }
    #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-main-icon {
      padding-top: 15px;
      padding-left: 15px;
      float: left; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-main-icon .down {
        display: inline-block; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-main-icon .up {
        display: none; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-main-icon img {
        width: 30px;
        height: 30px; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-main-icon.arrows {
        float: right;
        padding: 15px 15px 0 0; }
        #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-main-icon.arrows img {
          width: 12px; }
    #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-tab-text {
      text-align: center;
      padding-top: 15px;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-block;
      margin: auto;
      width: 70%; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab .tu-tab-text .tu-title {
        font-size: 14px;
        font-weight: 600; }
    #creditFreezeToggleComponent .toggleFeature .tu-tab.activeTab {
      background-color: #ffffff;
      border-top: 2px solid #00A6CA; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab.activeTab .tu-main-icon .down {
        display: none; }
      #creditFreezeToggleComponent .toggleFeature .tu-tab.activeTab .tu-main-icon .up {
        display: inline-block; }
  #creditFreezeToggleComponent .toggleFeature .openTab {
    background-color: #ffffff;
    padding: 4rem 2rem;
    padding-left: 15px; }
    #creditFreezeToggleComponent .toggleFeature .openTab .tu-title {
      font-weight: 700;
      font-size: 32px;
      line-height: 48px;
      margin-top: 0px; }
    #creditFreezeToggleComponent .toggleFeature .openTab .tu-text {
      font-size: 20px;
      font-weight: 300; }
    #creditFreezeToggleComponent .toggleFeature .openTab .tu-action {
      font-size: 20px;
      font-weight: 700; }
    #creditFreezeToggleComponent .toggleFeature .openTab .tu-markdown {
      font-size: 16px; }
    #creditFreezeToggleComponent .toggleFeature .openTab p {
      display: block;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      line-height: 1.5; }
    #creditFreezeToggleComponent .toggleFeature .openTab .select {
      border-bottom: 2px solid #00A6CA;
      background-color: #dddddd; }
      #creditFreezeToggleComponent .toggleFeature .openTab .select .tu-tab-text {
        width: 100%;
        height: 50px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        border: none;
        background-color: transparent; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-title {
      font-size: 20px;
      font-weight: 700;
      margin: 30px 0 30px 0;
      line-height: 1.375em; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-index {
      border-top: 2px solid #dddddd; }
      #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-index .tu-index-text {
        font-size: 32px;
        font-weight: 700;
        line-height: 48px;
        text-align: center; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .gray-subtitle {
      color: #707070;
      font-size: 16px;
      margin-top: 30px;
      margin-bottom: 10px;
      font-weight: 700; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content.tu-row {
      padding: 30px 0 30px 0; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content ul {
      padding-left: 40px;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      line-height: 1.5; }
      #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content ul li {
        list-style-type: disc;
        font-size: 16px; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content .tu-disclaimer {
      color: #000000;
      font-size: 14px;
      font-weight: 600; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content .sub-title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5em; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content .tu-card .tu-text {
      font-weight: 500;
      font-size: 18px;
      line-height: 1.2;
      margin: 0; }
    #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content .tu-link {
      margin-top: 10px; }
      #creditFreezeToggleComponent .toggleFeature .openTab .lovedones .tu-markdown-content .tu-link .tu-text {
        color: #000000;
        font-size: 14px;
        font-weight: 600; }
    #creditFreezeToggleComponent .toggleFeature .openTab .btn-container {
      margin-top: 10px; }
      #creditFreezeToggleComponent .toggleFeature .openTab .btn-container .tu-btn-group {
        text-align: center; }
        #creditFreezeToggleComponent .toggleFeature .openTab .btn-container .tu-btn-group .tu-btn-primary {
          color: #ffffff;
          background-color: #F16E00;
          border-color: #F16E00; }
        #creditFreezeToggleComponent .toggleFeature .openTab .btn-container .tu-btn-group .tu-btn {
          text-decoration: none;
          display: inline-block;
          width: 140px;
          height: 50px;
          font-size: 18px;
          font-weight: 400;
          line-height: 2;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          border: 1px solid transparent;
          transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          padding: 0.5rem 1rem;
          border-radius: 10px;
          padding-right: 0.75rem;
          padding-left: 0.75rem; }
        #creditFreezeToggleComponent .toggleFeature .openTab .btn-container .tu-btn-group .tu-text {
          font-size: 16px;
          font-weight: 600;
          text-align: center;
          font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
          margin-top: 5px; }
        #creditFreezeToggleComponent .toggleFeature .openTab .btn-container .tu-btn-group .tu-button {
          display: inline-block;
          width: 130px; }
    #creditFreezeToggleComponent .toggleFeature .openTab h3 {
      display: block;
      font-size: 1.17em;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      font-weight: bold;
      color: #000000; }
      #creditFreezeToggleComponent .toggleFeature .openTab h3.tu-subtitle {
        color: #707070;
        font-weight: 700;
        font-size: 22px;
        line-height: 33px;
        margin-top: 10px; }
    #creditFreezeToggleComponent .toggleFeature .openTab h5 {
      margin-top: 0;
      margin-bottom: 10px; }
    #creditFreezeToggleComponent .toggleFeature .openTab .tu-compare-text {
      color: #00A6CA;
      font-size: 20px;
      font-weight: 600; }
      #creditFreezeToggleComponent .toggleFeature .openTab .tu-compare-text a {
        color: #000000; }

#globalFooter #socialLinksSVG li {
  display: inline-block;
  margin-left: 7px;
  height: 35px;
  width: 35px;
  margin-top: 12px; }

/* Article Component Styles for Personal */
.articlePersonalFeature {
  left: 0px;
  position: relative;
  top: 0px;
  background-color: white;
  border-top-color: #fcd800;
  border-right: 0px;
  border-bottom-color: #fcd800;
  border-left: 0px;
  border-top-style: solid;
  border-bottom-style: solid; }
  .articlePersonalFeature .insightList {
    width: 100%;
    margin: auto; }
  .articlePersonalFeature .insightContainer {
    margin-bottom: 30px; }
  .articlePersonalFeature .mid-image {
    float: none;
    display: block;
    margin: auto;
    width: 50%; }
  .articlePersonalFeature .insightText {
    border: 1px solid #cacaca;
    color: #000;
    padding: 30px 20px 0px; }
  .articlePersonalFeature .mid-header {
    margin-top: -10px;
    font-size: 18px;
    line-height: 18px; }
  .articlePersonalFeature p.articleTitle {
    font-size: 18px; }
  .articlePersonalFeature p.articleDesciption {
    font-size: 14px;
    margin-top: 20px; }
  .articlePersonalFeature .insightText .read-article {
    color: #006685;
    padding-bottom: 20px;
    margin-top: 20px; }

/* body {
  font-family: Intro, Arial, Helvetica, sans-serif;
} */
.toggleLinkBtn {
  text-decoration: none; }

.protectionListItem {
  text-align: left;
  float: left;
  line-height: 1.5; }

.headContainer {
  text-align: left; }

.cardContainer {
  text-align: center; }

.tuTitleHead {
  font-size: 35px;
  line-height: 1.5; }

.tuSubtitleHead {
  color: #808084;
  font-size: 22px;
  line-height: 1.5; }

.cardIconSection, .cardSummary {
  margin-top: 50px; }

.protectionIcons {
  height: 70px;
  width: 100px; }

.iconTitle {
  font-size: 24px;
  font-weight: 700;
  margin-top: 5px; }

.tuCardText {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

.offCostSection {
  margin-top: 50px; }

.offerCost {
  font-size: 30px;
  font-weight: 700; }

.offerLine {
  border-top: 1px solid #000;
  width: 100%;
  height: 1px;
  display: block; }

.tuToggleLink {
  font-size: 14px;
  font-weight: 700;
  color: #00a6ca; }

.featureHeader {
  display: none; }

.highlightTitle {
  font-size: 16px;
  font-weight: 700; }

.highlightsList {
  list-style: none;
  margin: 0;
  padding: 0; }

.chexContainer {
  width: 24px;
  float: left;
  margin-right: 10px;
  height: 50px; }

.chexIcon {
  height: 24px;
  width: 24px; }

highlightItem {
  float: left;
  text-align: left; }

.javelin {
  display: none; }

.tuProductBtn {
  margin-top: 35px;
  margin-bottom: 35px; }

.bottomLine, #hideLink1, #hideLink2, #hideLink3, .highlightsList {
  display: none; }

* {
  font-family: Intro; }

.faqContainer {
  background-color: #e2e2e2;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px; }

.tu-title {
  color: black;
  font-weight: 700;
  font-size: 95px;
  line-height: 1.5;
  margin-bottom: 0; }

.tu-subtitle {
  color: #808084;
  font-weight: 700;
  font-size: 45px;
  line-height: 1.5;
  margin-top: 10px; }

.faqSearch {
  margin-bottom: 30px; }

.faqInput {
  border: 0;
  border-bottom: 2px black solid;
  width: 100%;
  background-color: #e2e2e2;
  font-size: 40px;
  padding-bottom: 10px; }

::placeholder {
  color: black;
  opacity: 1; }

.faqCategories {
  margin-top: 75px; }

.tu-subtitle2 {
  color: #808084;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5; }

.catLinx {
  text-decoration: underline;
  font-size: 15px; }

.catListItem {
  margin-bottom: 45px; }

.tu-divider {
  border-top: 2px solid #000;
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 75px;
  margin-bottom: 50px; }

.resultsSection {
  display: none;
  margin-top: 75px; }

.resultsCat {
  font-weight: 700; }

.seeFaqs {
  text-decoration: none;
  color: #00a6ca;
  font-weight: 700; }

.faqBoxes {
  margin-top: 50px;
  display: grid;
  grid-gap: 15px; }

.faqQuestionBox {
  background-color: white;
  color: black;
  overflow: auto;
  height: 100%;
  display: flex; }

.plusIcon {
  height: 75px;
  width: 75px;
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 10px; }

.faqQuestionText {
  color: black;
  font-size: 45px;
  font-weight: 700;
  text-align: left; }

.faqShowing {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 75px; }

.boxEx {
  background-color: white;
  color: black;
  overflow: auto;
  height: 100%;
  display: flex;
  border-bottom: 2px #FCD800 solid; }

/* Responsive styles for TransUnion framework */
/* The default idea in Bootstrap 3 is that you design for phone first then move up the different sizes.
   The bulk of the styles set in the main framework should be for all sizes, or phones, then
   overridden by media queries@mixin  */
/* Small devices (vertical tablets, 768px and up) */
@media (min-width: 768px) {
  /* Page Structure Styles - Small Break Point*/
  /* Grid Modifications */
  .container {
    width: 100%;
    padding-right: 38px;
    padding-left: 38px; }
    .container.containerNoRow {
      padding-left: 30px;
      padding-right: 30px; }

  .row {
    margin-right: -8px;
    margin-left: -8px; }

  *[class^='col-'], *[class*='col-'] {
    padding-right: 8px;
    padding-left: 8px; }

  /* Header Styles - Small Break Point */
  #headerWrapper #headerMain {
    padding: 0 38px; }
    #headerWrapper #headerMain #mobiNavActivate {
      right: 38px; }
    #headerWrapper #headerMain #logoDivider {
      display: none; }
    #headerWrapper #headerMain #targetNav a {
      float: left;
      height: 32px;
      margin: 0 20px 0 0; }
    #headerWrapper #headerMain #targetNav .searchBox .clearBtn {
      position: absolute;
      top: 5px;
      right: 85px;
      font-size: 15px;
      border: none;
      background: none; }
    #headerWrapper #headerMain #targetNav .searchBox a.cancelLink {
      display: block;
      float: right;
      font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
      font-size: 14px;
      margin-top: 3px; }
      #headerWrapper #headerMain #targetNav .searchBox a.cancelLink:hover {
        border-bottom: none; }
    #headerWrapper #headerMain #utilityNav {
      margin-top: 24px;
      text-align: left; }
      #headerWrapper #headerMain #utilityNav a {
        font-weight: 600;
        font-size: 12px; }
      #headerWrapper #headerMain #utilityNav .flag {
        margin-top: 11px; }

  .no-svg #headerWrapper #headerMain #headerLogo:not([itemscope]) {
    background-image: url(../img/logoHeaderSm.png); }
  .no-svg #headerWrapper.blue #headerMain #headerLogo:not([itemscope]) {
    background-image: url(../img/logoHeaderWhiteSm.png); }

  /* Nav Bar Styles - Small Break Point*/
  /* Typography - Small Break Point */
  body {
    font-size: 20px; }

  h1, .primaryHeadline {
    font-size: 36px; }

  h2, .secondaryHeadline {
    font-size: 24px;
    line-height: 28px; }

  h3, .introOne {
    font-size: 26px;
    line-height: 32px; }

  h4, .introTwo {
    font-size: 18px;
    line-height: 24px; }

  h5, .labelHead {
    /* Labels */
    font-size: 18px; }

  .description {
    font-size: 16px;
    line-height: 20px; }

  /* Alert Styles - Small Break Point */
  /* Panel Styles - Small Break Point */
  /* Button Styles - Small Break Point */
  /* LESS Document */
  .wrapper .sideNavContainer {
    border: none;
    padding-top: 0;
    margin-top: -30px; }
    .wrapper .sideNavContainer .listSideNav.affix, .wrapper .sideNavContainer .listSideNav.affix-top {
      top: 51px; }
    .wrapper .sideNavContainer .mainSideNav {
      position: relative; }
      .wrapper .sideNavContainer .mainSideNav.affix, .wrapper .sideNavContainer .mainSideNav.affix-bottom, .wrapper .sideNavContainer .mainSideNav.affix-top {
        width: 100%; }
      .wrapper .sideNavContainer .mainSideNav li.active > a {
        margin-left: -38px;
        margin-right: -38px; }

  /* Tables and Paging Styles - Small Break Point*/
  /* Modal Styles - Small Break Point */
  /* Footer Styles - Small Break Point */
  #footerStretch {
    background-image: none; }
    #footerStretch #footerMain {
      height: 149px;
      font-size: 12px; }
      #footerStretch #footerMain .logo {
        display: block;
        float: left;
        width: 68px;
        height: 68px;
        background: url(../img/stampYellow.svg) 0px bottom no-repeat;
        margin-top: 40px; }
      #footerStretch #footerMain .directLogo {
        display: block;
        width: 150px;
        height: 56px;
        background: url(../img/tudirect-information-for-good.png) 0px bottom no-repeat;
        background-size: cover;
        margin-top: 20px;
        margin-left: 15px; }
      #footerStretch #footerMain .directCopyright {
        margin: 14px 0 0 15px;
        width: auto; }
      #footerStretch #footerMain .copyright {
        margin: 64px 0 0 15px;
        width: auto; }
      #footerStretch #footerMain .links {
        float: right;
        margin-top: 64px; }
        #footerStretch #footerMain .links a {
          margin-top: 0; }
      #footerStretch #footerMain .directLinks {
        float: left; }

  .no-svg #footerStretch #footerMain .logo {
    background-image: url(../img/stampYellow.png); }

  /* CMS Components for TransUnion.com */
  /* Hero Image Styles - Small Break Point */
  .hero {
    min-height: inherit; }
    .hero .heroImage {
      height: 500px;
      margin-top: 100px;
      background-size: cover;
      background-position: right center; }
    .hero .heroContent .heroContentTop {
      padding: 30px 0 9px 0;
      min-height: inherit;
      height: 100px;
      margin-top: -600px; }
      .hero .heroContent .heroContentTop .primaryHeadline {
        margin-top: -4px; }
    .hero .heroContent .heroContentBottom {
      padding-top: 0;
      margin-top: 530px;
      border-left: 4px solid #00A6CA;
      padding-left: 15px; }
      .hero .heroContent .heroContentBottom p {
        font-size: 16px;
        line-height: 22px; }

  .heroWrapper.carousel .carousel-indicators {
    bottom: 25px;
    top: auto; }
  .heroWrapper.carousel .carousel-control {
    background: none;
    color: #ddd;
    display: inline-block;
    font-size: 70px;
    width: 2%;
    text-shadow: none;
    top: 60%; }
    .heroWrapper.carousel .carousel-control .fa {
      position: relative; }
      .heroWrapper.carousel .carousel-control .fa.fa-angle-left {
        left: 20px; }
      .heroWrapper.carousel .carousel-control .fa.fa-angle-right {
        right: 20px; }
    .heroWrapper.carousel .carousel-control button {
      display: none; }
  .heroWrapper.carousel .carousel-control:focus, .heroWrapper.carousel .carousel-control:hover {
    color: #A9A9A9; }
  .heroWrapper.carousel .hero {
    min-height: 500px;
    margin-bottom: 0; }
    .heroWrapper.carousel .hero .heroImage {
      margin-top: 0; }
    .heroWrapper.carousel .hero .heroContent {
      margin-top: -503px;
      padding: 60px 0 0 0;
      width: 414px;
      color: #ffffff;
      background-color: transparent;
      text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6); }
      .heroWrapper.carousel .hero .heroContent .primaryHeadline {
        color: #ffffff;
        font-size: 36px;
        line-height: 44px; }
      .heroWrapper.carousel .hero .heroContent p {
        display: block;
        font-size: 18px;
        line-height: 24px; }

  /* Personal Hero Component Styles */
  .heroPersonal {
    min-height: inherit; }
    .heroPersonal .heroImage {
      height: 350px;
      background-size: cover;
      background-position: top right;
      margin-top: 0; }
    .heroPersonal .heroContent {
      width: 400px;
      height: 325px;
      padding: 0 35px;
      margin-left: 40px;
      margin-top: -350px;
      background-color: rgba(255, 255, 255, 0.85);
      text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
      text-align: left; }
      .heroPersonal .heroContent .heroContentTop {
        padding: 30px 0 9px 0;
        height: auto;
        margin-top: 0;
        background-color: transparent; }
        .heroPersonal .heroContent .heroContentTop .primaryHeadline {
          margin-top: -4px;
          font-size: 28px;
          line-height: 30px; }
      .heroPersonal .heroContent .heroContentBottom {
        padding-top: 0;
        margin-top: 0;
        padding-left: 0;
        border-left: none;
        background-color: transparent; }
        .heroPersonal .heroContent .heroContentBottom p {
          float: none;
          font-size: 16px;
          line-height: 22px; }
        .heroPersonal .heroContent .heroContentBottom p.largeText {
          margin-top: 0;
          width: auto;
          text-align: left; }
        .heroPersonal .heroContent .heroContentBottom p.smallText {
          font-size: 17px;
          line-height: 19px;
          width: auto;
          text-align: left; }
        .heroPersonal .heroContent .heroContentBottom p.loginMsg {
          font-size: 18px;
          padding-top: 15px;
          width: auto;
          text-align: left; }
          .heroPersonal .heroContent .heroContentBottom p.loginMsg a {
            text-decoration: none; }
        .heroPersonal .heroContent .heroContentBottom a.homePageBannerCTA {
          position: relative;
          left: auto;
          width: auto;
          padding-top: 15px;
          height: 60px; }

  .transunion-ca .heroPersonal .heroContent, .transunion-ca_fr .heroPersonal .heroContent {
    position: relative; }
    .transunion-ca .heroPersonal .heroContent:after, .transunion-ca_fr .heroPersonal .heroContent:after {
      position: absolute;
      margin: 0;
      font-size: 40px;
      right: 10px;
      bottom: 10px;
      font-family: FontAwesome;
      content: "\e023";
      color: #D74025; }

  .heroPersonalSubPage {
    min-height: inherit; }
    .heroPersonalSubPage .heroImage {
      height: 350px;
      background-size: cover;
      background-position: top right;
      margin-top: 0; }
    .heroPersonalSubPage .heroContent {
      width: 400px;
      height: 325px;
      padding: 0 35px;
      margin-left: 40px;
      margin-top: -350px;
      background-color: rgba(255, 255, 255, 0.85);
      text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
      text-align: left; }
      .heroPersonalSubPage .heroContent .heroContentTop {
        padding: 30px 0 9px 0;
        height: auto;
        margin-top: 0;
        background-color: transparent; }
        .heroPersonalSubPage .heroContent .heroContentTop .primaryHeadline {
          margin-top: -4px;
          font-size: 30px;
          line-height: 34px; }
      .heroPersonalSubPage .heroContent .heroContentBottom {
        padding-top: 0;
        margin-top: 0;
        padding-left: 0;
        border-left: none;
        background-color: transparent; }
        .heroPersonalSubPage .heroContent .heroContentBottom p {
          float: none;
          font-size: 16px;
          line-height: 22px;
          width: auto;
          text-align: left; }
        .heroPersonalSubPage .heroContent .heroContentBottom p.largeText {
          margin-top: 0;
          width: auto;
          text-align: left; }
        .heroPersonalSubPage .heroContent .heroContentBottom p.smallText {
          font-size: 17px;
          line-height: 19px;
          margin-top: 0;
          width: auto;
          text-align: left; }
        .heroPersonalSubPage .heroContent .heroContentBottom p.loginMsg {
          font-size: 18px;
          padding-top: 15px;
          width: auto;
          text-align: left; }
          .heroPersonalSubPage .heroContent .heroContentBottom p.loginMsg a {
            text-decoration: none; }
        .heroPersonalSubPage .heroContent .heroContentBottom a.tui-orange-tall-btn {
          position: relative;
          left: auto;
          margin-top: 0;
          width: auto;
          height: auto; }

  /* Small 768px*/
  .immersive-banner {
    text-align: center; }
    .immersive-banner ::-ms-clear {
      display: none; }
    .immersive-banner .immersive-headline {
      bottom: 0;
      z-index: 2;
      top: 140px;
      margin: 0 0 -280px 0; }
      .immersive-banner .immersive-headline .eyebrow {
        color: #ffffff;
        margin-top: 10px; }
      .immersive-banner .immersive-headline h1 {
        color: #ffffff;
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }
    .immersive-banner .immersive-close {
      display: none;
      font-size: 40px;
      bottom: 0;
      z-index: 1;
      top: 20px;
      margin: 0 0 -280px 0;
      text-align: right;
      color: #ffffff;
      right: 20px; }
      .immersive-banner .immersive-close span.fa.tufa-declined {
        cursor: pointer; }
    .immersive-banner .immersive-play {
      bottom: 0;
      z-index: 2;
      top: 230px;
      margin: 0 0 -280px 0;
      text-align: center; }
    .immersive-banner .immersive-background {
      width: 100%;
      min-height: 495px;
      /*background: url(../../resources/img/heroes/industriesHeroMobile.jpg) no-repeat center;*/
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      margin: 0 auto;
      text-align: center;
      background-position: center center; }
      .immersive-banner .immersive-background .bc-iframe, .immersive-banner .immersive-background .bc-iframe body, .immersive-banner .immersive-background .bc-player-Vke6ZuPU0l_default {
        height: 495px !important; }
      .immersive-banner .immersive-background .video-js {
        height: 495px !important; }
      .immersive-banner .immersive-background .video-js .vjs-tech {
        height: 495px !important; }
      .immersive-banner .immersive-background iframe {
        height: 495px !important; }
    .immersive-banner #video-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden;
      z-index: -1;
      max-height: 630px; }
    .immersive-banner .immersive-search {
      background-color: rgba(0, 0, 0, 0.25);
      margin-top: -170px;
      padding: 20px;
      height: 170px;
      z-index: 2; }
      .immersive-banner .immersive-search .immersive-search-copy h2 {
        color: #ffffff; }
      .immersive-banner .immersive-search .immersive-searchbar {
        display: block;
        height: 36px;
        position: relative; }
        .immersive-banner .immersive-search .immersive-searchbar form {
          position: relative; }
        .immersive-banner .immersive-search .immersive-searchbar .fa.fa-search {
          position: relative;
          margin: 3px -35px 3px 5px;
          font-size: 25px; }
        .immersive-banner .immersive-search .immersive-searchbar .clearBtn {
          margin: 2px 0 2px -25px;
          border: 0px;
          font-size: 25px;
          background: transparent;
          right: 0%;
          top: 0;
          position: relative; }
        .immersive-banner .immersive-search .immersive-searchbar #jobSearchBox {
          width: 30%;
          height: 36px;
          -webkit-transition: width 0.3s ease-in-out;
          padding-left: 40px; }
        .immersive-banner .immersive-search .immersive-searchbar #jobSearchBox:focus {
          width: 45%;
          height: 36px;
          -webkit-transition: width 0.5s ease-in-out;
          padding-left: 40px; }
    .immersive-banner .immersive-button {
      margin-top: -280px;
      padding: 20px;
      height: 170px;
      z-index: 2; }
      .immersive-banner .immersive-button .immersive-button-copy h2 {
        color: #ffffff; }
    .immersive-banner .vid-button {
      margin-top: -200px; }

  /* Banner Video Personal */
  #immersiveHeroComponent .immersive-banner .immersive-play span.fa {
    font-size: 80px; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content p.headline {
    font-size: 36px; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.largeText {
    font-size: 24px;
    color: #000;
    line-height: 1.2em;
    font-weight: 600; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions a.homePageBannerCTA span {
    font-size: 24px; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.loginMsg {
    font-size: 22px; }

  /* Anchor Nav Component Styles - Small Break Point */
  .contentNav.affix {
    top: 51px; }

  /* Content Detail Component Styles */
  .articleWrapper {
    margin-top: 30px; }
    .articleWrapper .articlePhoto {
      margin-bottom: 27px; }
    .articleWrapper .articleDate {
      margin-bottom: 22px; }
    .articleWrapper .articleDetail {
      margin-top: 10px;
      padding-left: 16px; }
      .articleWrapper .articleDetail .selected {
        border-left: 4px solid #00a6ca;
        padding-left: 17px;
        margin-left: -21px; }
      .articleWrapper .articleDetail .introLight {
        font-size: 22px;
        font-weight: 300;
        line-height: 28px;
        display: block; }
      .articleWrapper .articleDetail .articleNavDesc {
        font-size: 16px;
        line-height: 24px;
        display: block;
        margin-bottom: 9px;
        margin-top: 21px; }
      .articleWrapper .articleDetail .listHeadings {
        font-size: 16px;
        display: block;
        border-top: 1px solid #00A6CA;
        padding-top: 24px;
        text-transform: uppercase;
        margin-bottom: 7px;
        margin-top: 22px;
        font-weight: 600; }
      .articleWrapper .articleDetail .articleNavBody {
        font-size: 16px;
        line-height: 24px; }
      .articleWrapper .articleDetail .articleNavSmall {
        font-size: 16px;
        line-height: 24px; }
      .articleWrapper .articleDetail .articleListHeading {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600; }
      .articleWrapper .articleDetail p, .articleWrapper .articleDetail ol, .articleWrapper .articleDetail ul {
        margin-bottom: 25px; }
      .articleWrapper .articleDetail ul li:before {
        font-size: 24px;
        margin-left: -15px; }
      .articleWrapper .articleDetail .articleBlueHeader {
        font-size: 26px;
        line-height: 32px; }
    .articleWrapper .nextArticle {
      font-size: 14px;
      text-transform: uppercase;
      color: #000000;
      text-decoration: none;
      margin-top: 56px;
      border-bottom: none; }
      .articleWrapper .nextArticle .fa {
        color: #00a6ca; }

  .headerSharePageContainer .primaryHeader {
    font-size: 26px;
    line-height: 34px;
    margin-top: 0px; }
  .headerSharePageContainer .shareThisPageBusiness, .headerSharePageContainer .shareThisPagePersonal {
    position: static; }
  .headerSharePageContainer .shareThisPage {
    border-bottom: none;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: -30px;
    width: 300px;
    right: 0; }
    .headerSharePageContainer .shareThisPage .shareHeader {
      display: block;
      float: right;
      margin-bottom: 12px; }
    .headerSharePageContainer .shareThisPage .addthis_toolbox {
      display: inline-block;
      float: right;
      margin-top: -9px; }
      .headerSharePageContainer .shareThisPage .addthis_toolbox.pull-right {
        float: right !important; }

  .titleWrapper {
    height: 65px; }
    .titleWrapper .titleContent {
      height: 65px; }
      .titleWrapper .titleContent #pageTitle {
        font-size: 22px;
        line-height: 28px;
        margin-top: 8px; }
        .titleWrapper .titleContent #pageTitle .fa-angle-down {
          top: 20px; }

  #tinymce ol, #tinymce ul {
    margin-bottom: 25px; }
  #tinymce ul li:before {
    font-size: 24px; }

  /* Article Component Styles for Personal */
  .articlePhotoPersonal {
    margin-top: 20px;
    margin-bottom: 35px; }

  .articlePhotoWrapper .headerSharePageContainer .primaryHeader {
    padding-right: 295px; }

  .articleListPersonal {
    margin-top: 40px; }

  .articleTitle {
    font-size: 30px;
    line-height: 36px;
    margin-top: 40px; }

  .footNote {
    font-size: 14px;
    line-height: 18px; }

  #pageTitle {
    font-size: 22px;
    line-height: 28px;
    margin-top: 8px; }

  /* Article Component Styles for Personal */
  .articleWrapperPersonal2 {
    /*	#pageTitle {
    		font-size: 22px;
    		line-height: 28px;
    		margin-top: 8px;
    	}
    */ }
    .articleWrapperPersonal2 .articlePhotoPersonal {
      margin-top: 20px;
      margin-bottom: 35px; }
    .articleWrapperPersonal2 .articlePhotoWrapper .headerSharePageContainer .primaryHeader {
      padding-right: 295px; }
    .articleWrapperPersonal2 .articleTopCTA span {
      margin-top: 10px; }
    .articleWrapperPersonal2 .articleTopCTA a {
      float: right;
      margin-top: 0; }
    .articleWrapperPersonal2 .articleListPersonal {
      margin-top: 40px; }
    .articleWrapperPersonal2 .articleTitle {
      font-size: 30px;
      line-height: 36px;
      margin-top: 40px; }
    .articleWrapperPersonal2 .footNote {
      font-size: 14px;
      line-height: 18px; }

  /* Content Detail Component Styles - Small Break Point */
  .contentDetail .contentPhoto {
    margin-bottom: 35px; }
  .contentDetail p {
    margin: 0; }
  .contentDetail ol, .contentDetail ul {
    margin-bottom: 25px; }
  .contentDetail ul li:before {
    font-size: 24px; }

  .contentPrimaryHeadline {
    margin-bottom: 36px;
    font-size: 36px;
    line-height: 42px; }

  .contentSecondaryHeadline {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px; }

  .contentIntroOne {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 0; }

  .contentIntroOneBlueline, .contentIntroOneBlueLine {
    font-size: 26px;
    line-height: 32px; }

  .contentIntroTwo {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px; }

  .contentLabelHead {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 40px; }

  .contentBody {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px; }

  /* Content Feature Component Styles - Small Break Point */
  .contentBox {
    padding: 38px 0;
    min-height: 0px;
    margin-bottom: 50px; }
    .contentBox.gray {
      margin-left: -38px;
      margin-right: -38px;
      padding-left: 38px;
      padding-right: 38px; }

  .contentFeature {
    min-height: 400px; }
    .contentFeature .primaryHeadline {
      padding: 12px 0 30px 0;
      font-size: 36px;
      line-height: 42px; }
      .contentFeature .primaryHeadline .fa {
        margin-right: 16px;
        font-size: 82px; }
        .contentFeature .primaryHeadline .fa img {
          width: 80px;
          height: 80px; }

  /* Content Detail Component Styles */
  .contentHero .smallProductsTitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 37px;
    text-transform: uppercase; }
  .contentHero .primaryHeadline {
    font-size: 30px;
    line-height: 34px; }
  .contentHero .smallProductsBody {
    margin-bottom: 39px;
    width: 50%;
    display: block; }
  .contentHero .btn {
    margin-bottom: 63px; }

  /* Resources Component Styles - Small Break Point */
  .resources .resource .resourceText .bodyTitle {
    font-size: 16px; }
  .resources .resource .stackedResources .resourceText .bodyTitle {
    font-size: 16px; }
  .resources .resource.featureResource .introOne {
    font-size: 16px; }
  .resources .resource.featureResource .description {
    font-size: 16px;
    line-height: 20px; }

  .col-lg-3 .resource {
    width: 50%; }

  .col-lg-6 .resource {
    width: 50%; }

  /* Resources Component Styles - Small Break Point */
  .resourcesPersonal p {
    font-size: 16px;
    line-height: 20px; }
  .resourcesPersonal .resourcesPersonalTitle {
    margin-top: 62px;
    margin-bottom: 20px; }
  .resourcesPersonal .bodyTitle {
    font-size: 16px; }
  .resourcesPersonal .byThree {
    float: left; }
    .resourcesPersonal .byThree .resource {
      width: 33.33%; }
      .resourcesPersonal .byThree .resource .resourceIcon {
        margin-top: 9px; }
      .resourcesPersonal .byThree .resource .resourceText {
        display: table-cell; }
  .resourcesPersonal .byTwo .resource, .resourcesPersonal .byFour .resource {
    width: 50%; }
    .resourcesPersonal .byTwo .resource .resourceIcon, .resourcesPersonal .byFour .resource .resourceIcon {
      margin-top: 9px; }
    .resourcesPersonal .byTwo .resource .resourceText, .resourcesPersonal .byFour .resource .resourceText {
      display: table-cell; }

  /* Carousel Component Styles */
  .featureCarouselWrapper .carousel .carouselHeading {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 43px; }
  .featureCarouselWrapper .carousel .carousel-inner {
    margin: 0 -8px; }
    .featureCarouselWrapper .carousel .carousel-inner .item {
      float: left;
      padding: 14px 8px 0 8px; }
    .featureCarouselWrapper .carousel .carousel-inner.byTwo, .featureCarouselWrapper .carousel .carousel-inner.byFour {
      margin-top: -19px;
      text-align: left; }
      .featureCarouselWrapper .carousel .carousel-inner.byTwo .item, .featureCarouselWrapper .carousel .carousel-inner.byFour .item {
        width: 50%; }
        .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .fa, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .fa {
          display: table-cell;
          float: left;
          font-size: 46px; }
        .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .carouselContent, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .carouselContent {
          display: table-cell;
          padding-left: 18px; }
          .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .carouselContent .carouselHeadline, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .carouselContent .carouselHeadline {
            display: block;
            font-size: 30px;
            line-height: 34px;
            text-align: left; }
          .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .carouselContent p, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .carouselContent p {
            margin-bottom: -14px 0 9px 25px;
            padding: 0 20px 0 0;
            text-align: left; }
    .featureCarouselWrapper .carousel .carousel-inner.byThree .item, .featureCarouselWrapper .carousel .carousel-inner.byFive .item {
      width: 33%;
      height: 350px; }
      .featureCarouselWrapper .carousel .carousel-inner.byThree .item .fa, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .fa {
        font-size: 79px; }
      .featureCarouselWrapper .carousel .carousel-inner.byThree .item .carouselContent, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .carouselContent {
        display: table-cell; }
        .featureCarouselWrapper .carousel .carousel-inner.byThree .item .carouselContent .carouselHeadline, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .carouselContent .carouselHeadline {
          font-size: 30px;
          line-height: 34px;
          margin-top: 20px; }
        .featureCarouselWrapper .carousel .carousel-inner.byThree .item .carouselContent p, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .carouselContent p {
          margin-top: 14px;
          padding: 0 20px 0 20px; }
    .featureCarouselWrapper .carousel .carousel-inner.byFive .item {
      height: 400px; }
    .featureCarouselWrapper .carousel .carousel-inner.byFive div.item:nth-child(4) {
      margin-left: 150px; }

  .featuresBoxesWrapper {
    padding-top: 39px;
    padding-bottom: 39px; }
    .featuresBoxesWrapper .boxesTwo {
      text-align: left; }
      .featuresBoxesWrapper .boxesTwo .boxesBorder {
        border: 1px solid #dddddd;
        border-right: none; }
      .featuresBoxesWrapper .boxesTwo .boxesBorderTwo {
        border-right: 1px solid #dddddd; }
      .featuresBoxesWrapper .boxesTwo .item {
        float: left;
        width: 50%;
        padding: 30px 20px 34px 20px; }
        .featuresBoxesWrapper .boxesTwo .item p {
          height: 80px; }
        .featuresBoxesWrapper .boxesTwo .item .carouselButtons {
          margin-bottom: 0px; }
          .featuresBoxesWrapper .boxesTwo .item .carouselButtons .btn {
            margin: 0 15px 0 0; }
    .featuresBoxesWrapper .boxesThree {
      border: 1px solid #dddddd;
      border-right: none; }
      .featuresBoxesWrapper .boxesThree .item {
        border-right: 1px solid #dddddd;
        float: left;
        width: 33.333333%;
        height: 335px;
        padding: 30px 8px; }
        .featuresBoxesWrapper .boxesThree .item p {
          height: 108px; }
        .featuresBoxesWrapper .boxesThree .item .carouselButtons .btn {
          margin-bottom: 20px; }
    .featuresBoxesWrapper .boxesFour {
      text-align: left; }
      .featuresBoxesWrapper .boxesFour .boxesBorder {
        border: 1px solid #dddddd;
        border-right: none; }
      .featuresBoxesWrapper .boxesFour .boxesBorderTwo, .featuresBoxesWrapper .boxesFour .boxesBorderFour {
        border-right: 1px solid #dddddd; }
      .featuresBoxesWrapper .boxesFour .item {
        float: left;
        margin-bottom: 30px;
        width: 50%;
        padding: 30px 20px 34px 20px; }
        .featuresBoxesWrapper .boxesFour .item p {
          height: 80px; }
        .featuresBoxesWrapper .boxesFour .item .carouselButtons {
          margin-bottom: 0px; }
          .featuresBoxesWrapper .boxesFour .item .carouselButtons .btn {
            margin: 0 15px 0 0; }

  /* Carousel Component Styles */
  .featureCarouselPersonalWrapper .carouselPersonal .carouselHeading {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 42px;
    padding-top: 35px;
    border-top: 1px solid #ccc; }
    .featureCarouselPersonalWrapper .carouselPersonal .carouselHeading.noBorder {
      border-top: none;
      padding-top: 0;
      font-size: 33px;
      line-height: 36px; }
  .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    min-height: 0;
    padding-bottom: 0; }
    .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item {
      float: left;
      padding: 14px 8px 0 8px;
      text-align: center; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent {
        display: table-cell; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent .carouselHeadline {
          text-align: center; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner .item .carouselContent p {
          text-align: center; }
    .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour {
      margin-top: -19px;
      text-align: left; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item {
        width: 50%; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .fa, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .fa {
          display: table-cell;
          float: left;
          font-size: 46px; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .carouselContent, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .carouselContent {
          padding-left: 18px; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .carouselContent .carouselHeadline, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .carouselContent .carouselHeadline {
            display: block;
            font-size: 30px;
            line-height: 34px;
            text-align: left; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .carouselContent p, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .carouselContent p {
            margin-bottom: -14px 0 9px 25px;
            padding: 0 20px 0 0;
            text-align: left; }
    .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item {
      width: 33%; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item .fa {
        font-size: 79px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item .carouselContent .carouselHeadline {
        font-size: 30px;
        line-height: 34px;
        margin-top: 20px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item .carouselContent p {
        margin-top: 14px;
        padding: 0 20px 0 20px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item:nth-child(3n+0) {
        margin-right: 0; }
    .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant {
      margin-top: -19px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item {
        width: 25%; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .fa {
          font-size: 46px; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent {
          padding-left: 18px; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent .carouselHeadline {
            display: block;
            font-size: 22px;
            line-height: 34px; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent p {
            font-size: 14px;
            margin-bottom: -14px 0 25px 25px;
            padding: 0 20px 0 0; }
            .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent p.finePrint {
              font-size: 12px; }

  /* Tab Carousel Component Styles */
  .tabCarouselSection .tabContentFeature .carouselBox .tabCarouselIcon {
    font-size: 150px; }

  /* Related Articles Component Styles - Small Break Point */
  .relatedArticlesContainer .relatedArticleTitle {
    margin-top: 60px; }
  .relatedArticlesContainer a.relatedArticle img, .relatedArticlesContainer a.thirdPartyAdvertisement img {
    height: 102px;
    width: 102px; }
  .relatedArticlesContainer a.relatedArticle span.articleDescriptionLink, .relatedArticlesContainer a.thirdPartyAdvertisement span.articleDescriptionLink {
    font-size: 14px; }

  /* TU Ad Component Styles for Personal */
  #consumer-ad {
    height: 170px; }

  a.tuAd {
    text-decoration: none;
    font-size: 20px;
    padding-right: 200px; }
    a.tuAd .whiteBox {
      position: absolute;
      padding: 50px 0 0 25px;
      width: 200px;
      height: 150px;
      float: left; }
      a.tuAd .whiteBox .redUnderline {
        border-bottom: 3px solid #F16E00; }
    a.tuAd .blueBox {
      float: left;
      width: 100%;
      height: 150px;
      padding: 15px 0 0 220px; }
      a.tuAd .blueBox .btn.tui-orange-tall-btn {
        position: absolute;
        right: 215px;
        bottom: 15px;
        width: 220px; }

  /* Third Party Ad Component Styles for Personal */
  .thirdPartyAd {
    float: left;
    margin-left: -180px; }

  /* Lending Tree Widgets */
  .ltWidgetContainerWrapper {
    overflow: auto;
    width: 100%; }

  .ltWidgetFullWidth {
    border: 1px solid #a9a9a9;
    min-height: 600px; }

  .ltWidgetLeftColumn {
    height: 295px; }

  .ltWidgetRightColumn {
    height: 295px; }

  /* Blue banner CTA Component Styles for Personal */
  .callToAction {
    min-height: 268px; }
    .callToAction div.mainHeadline {
      font-weight: 600;
      padding: 55px 0 15px 0;
      font-size: 26px;
      line-height: 32px; }
    .callToAction .btn {
      font-size: 14px; }
    .callToAction.tallCallToAction {
      height: auto;
      top: 0; }
      .callToAction.tallCallToAction .subHeadline {
        font-size: 20px;
        line-height: 18px; }
      .callToAction.tallCallToAction .termsConditions {
        font-size: 20px;
        margin-top: 35px;
        margin-bottom: 20px; }
      .callToAction.tallCallToAction .legalNotice {
        font-size: 14px;
        line-height: 20px; }
    .callToAction.callToActionWithImage {
      top: 0;
      height: 340px;
      padding: 45px 0 15px 0; }
      .callToAction.callToActionWithImage .subHeadline {
        font-size: 16px;
        line-height: 18px; }
      .callToAction.callToActionWithImage a.btn {
        margin: 30px 15px 0 0; }
    .callToAction.homepageCallToAction {
      height: 234px; }
      .callToAction.homepageCallToAction div.mainHeadline {
        font-size: 36px;
        padding-bottom: 30px;
        padding-top: 75px; }

  /* Ad Disclosure Component Styles for Personal */
  .disclosureWrapper {
    font-size: 14px;
    padding-top: 50px;
    padding-bottom: 50px; }
    .disclosureWrapper.homePageOfferDetails {
      padding-top: 30px;
      padding-bottom: 30px;
      font-size: 14px; }

  /* LESS Document */
  .memberBenefitsWrapper {
    padding-top: 34px; }
    .memberBenefitsWrapper .memberBenefits .item {
      padding: 40px;
      margin-left: 0;
      margin-right: 40px;
      margin-bottom: 20px; }
      .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader {
        display: inline-block; }
        .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader .fa {
          font-size: 79px;
          float: left; }
        .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader .benefitsHeadline {
          font-size: 33px;
          line-height: 36px;
          padding-top: 30px;
          padding-bottom: 25px;
          float: right;
          margin-left: 25px; }
      .memberBenefitsWrapper .memberBenefits .item .benefitsContent {
        text-align: center; }
        .memberBenefitsWrapper .memberBenefits .item .benefitsContent p {
          margin: 11px 0 25px 0;
          font-size: 20px; }

  /* Mixed Media Wall Styles */
  .mixedMediaWall {
    padding-top: 60px; }
    .mixedMediaWall .mixedMediaWallContainer .lastRow {
      display: inherit; }
    .mixedMediaWall .subCopy {
      font-size: 15px;
      line-height: 18px; }
    .mixedMediaWall .tiles {
      height: 236px;
      clear: inherit; }
      .mixedMediaWall .tiles .introTwo {
        margin-bottom: 13px; }
      .mixedMediaWall .tiles .infoSolutions {
        line-height: 19.5px; }
      .mixedMediaWall .tiles .tile-links {
        color: #006685;
        font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal; }
        .mixedMediaWall .tiles .tile-links:after {
          content: "\f0da";
          font-family: FontAwesome;
          color: #006685;
          text-decoration: none;
          float: right;
          margin-left: 5px; }
      .mixedMediaWall .tiles .introTwo {
        max-width: 70%; }
      .mixedMediaWall .tiles:hover {
        -webkit-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
        box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
        text-decoration: none; }

  /* Products & Solutions Styles - Small Break Point */
  .mixedContent .introTwo {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px; }

  .whyTransunion {
    padding: 40px 80px; }
    .whyTransunion .labelHead {
      font-weight: 600; }

  .productsSolutions {
    padding-top: 30px;
    padding-bottom: 20px; }
    .productsSolutions .labelHead {
      margin-bottom: 39px; }
    .productsSolutions .solutions {
      height: 220px;
      margin-bottom: 16px; }
      .productsSolutions .solutions .introTwo {
        line-height: 18px; }
      .productsSolutions .solutions .infoSolutions {
        font-size: 14px;
        line-height: 18px; }
      .productsSolutions .solutions .caretBox {
        font-size: 11px; }

  /* Insights & Events Styles - Small Break Point */
  .insightsWrapper {
    margin-bottom: 55px; }
    .insightsWrapper .viewAllBtn {
      bottom: auto;
      top: 31px;
      left: auto;
      right: 38px;
      margin-left: 0; }
    .insightsWrapper .insightTopContent {
      height: 90px; }
      .insightsWrapper .insightTopContent.insightsPageTop {
        height: auto;
        padding: 38px 0 36px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.131); }
        .insightsWrapper .insightTopContent.insightsPageTop .primaryHeadline {
          margin-bottom: 30px;
          font-size: 40px; }
        .insightsWrapper .insightTopContent.insightsPageTop p {
          font-size: 30px; }
    .insightsWrapper .insightsEventsFilters {
      position: relative;
      margin-bottom: 44px; }
      .insightsWrapper .insightsEventsFilters .filterLabel {
        float: left;
        width: auto;
        margin: 30px 25px 2px 0; }
      .insightsWrapper .insightsEventsFilters .dropdown {
        position: relative;
        width: auto;
        min-width: 150px;
        max-width: 250px;
        float: left;
        margin-right: 12px;
        margin-top: 26px; }
    .insightsWrapper .insightsList {
      padding-bottom: 0;
      border-bottom: none; }
      .insightsWrapper .insightsList .insight {
        float: left;
        width: 50%;
        margin: 0 0 20px 0;
        padding: 0 8px 20px 8px;
        clear: none; }
        .insightsWrapper .insightsList .insight img {
          display: table-cell;
          float: left;
          width: 102px;
          height: 102px; }
        .insightsWrapper .insightsList .insight .dateIcon {
          display: table-cell;
          float: left;
          height: 102px;
          width: 102px; }
          .insightsWrapper .insightsList .insight .dateIcon .month {
            font-size: 16px;
            margin-top: 23px;
            margin-bottom: 4px; }
          .insightsWrapper .insightsList .insight .dateIcon .date {
            font-size: 42px; }
        .insightsWrapper .insightsList .insight .insightText {
          display: table-cell;
          height: 102px;
          padding: 6px 0 0 16px;
          background-color: transparent; }
          .insightsWrapper .insightsList .insight .insightText .eyebrow {
            margin-bottom: 11px;
            font-size: 10px;
            line-height: 1em; }
          .insightsWrapper .insightsList .insight .insightText p {
            margin-bottom: 6px;
            font-size: 13px;
            line-height: 16px;
            word-spacing: -.5px;
            letter-spacing: -.25px; }
          .insightsWrapper .insightsList .insight .insightText .insightLink {
            font-size: 10px;
            line-height: 1em; }
    .insightsWrapper .insightSubscribeWrapper .subscribeIntro {
      margin-top: 29px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeIntro .fa {
        margin-right: 17px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeIntro .introOne {
        display: table-cell;
        line-height: 19px; }
    .insightsWrapper .insightSubscribeWrapper .subscribeForm {
      margin-top: 30px;
      text-align: right; }
      .insightsWrapper .insightSubscribeWrapper .subscribeForm input {
        display: inline-block;
        width: 252px;
        margin: 0; }
      .insightsWrapper .insightSubscribeWrapper .subscribeForm label.error {
        width: 252px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeForm .btn {
        float: none;
        margin-top: 0; }

  /* Email Component - Tablet View */
  /* Horizontal Email Component */
  .emailWrapper .emailBox {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px; }
    .emailWrapper .emailBox:last-child {
      margin-right: 0; }
  .emailWrapper.emailWrapperTI .emailBox {
    margin-right: 0;
    margin-top: 20px; }
    .emailWrapper.emailWrapperTI .emailBox .emailBody {
      font-size: 14px; }
  .emailWrapper.emailWrapperTI .emailForm {
    border-left: 1px solid #a9a9a9;
    padding-left: 30px;
    margin-top: 20px; }

  .emailRightColumnWrapper .railBnr {
    float: left;
    width: 32%;
    margin-right: 2%; }
    .emailRightColumnWrapper .railBnr:last-child {
      margin-right: 0; }
  .emailRightColumnWrapper.emailOptInTI .railBnr {
    width: 80%; }

  /* LESS Document */
  .wrapper .pageHeadline {
    padding: 34px 0 20px 0;
    margin: 0; }
  .wrapper .matchingResults {
    border-bottom: 1px solid rgba(0, 0, 0, 0.131); }
  .wrapper .sideNavContainer div.refine {
    color: #707070;
    font-size: 14px;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: -11px; }
  .wrapper .searchNavList .searchResult {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.131); }
    .wrapper .searchNavList .searchResult img {
      margin-top: 30px;
      width: 102px;
      height: 102px; }
    .wrapper .searchNavList .searchResult div.searchHeadline {
      margin-top: 30px; }
  .wrapper .searchNavList .loadMore {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px; }

  #listModule .titleContent {
    margin-left: -30px;
    margin-right: -30px; }
    #listModule .titleContent #pageTitle .fa-angle-down {
      right: -14px; }
    #listModule .titleContent.affix #pageTitle .fa-angle-down {
      right: 16px; }

  /* CSS Document */
  #contactUsModal .modal-dialog {
    width: 690px; }
    #contactUsModal .modal-dialog .modal-content label {
      font-size: 16px; }
    #contactUsModal .modal-dialog .modal-content .consumerPicker .modalConsumerText {
      font-size: 26px;
      line-height: 30px; }
    #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons {
      margin-left: 90px;
      margin-right: 90px;
      margin-top: 33px; }
      #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons .modalButtonText {
        font-size: 16px;
        line-height: 20px; }
        #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons .modalButtonText .modalUnderline {
          border-bottom: 3px solid #ffffff; }
    #contactUsModal .modal-dialog .modal-content .contactForm label {
      margin-top: -4px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .modalBody {
      font-size: 18px;
      line-height: 18px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .requiredContact {
      font-size: 12px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .requestButton {
      margin-top: 5px;
      text-align: center; }
      #contactUsModal .modal-dialog .modal-content .contactForm .requestButton .btn {
        font-size: 14px;
        width: 44%; }
    #contactUsModal .modal-dialog .modal-content .contactForm .existingCustomer {
      padding-bottom: 0px; }
      #contactUsModal .modal-dialog .modal-content .contactForm .existingCustomer p {
        font-size: 16px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .checkbox {
      padding-top: 20px; }

  .contactWrapper .contactForm .requiredContact {
    font-size: 12px; }
  .contactWrapper .contactForm .inFieldLabels .form-group label {
    margin-top: -4px; }
  .contactWrapper .contactForm .inFieldLabels .form-group .modalBody {
    font-size: 18px;
    line-height: 18px; }
  .contactWrapper .contactForm .inFieldLabels .form-group .requestButton {
    margin-top: 5px;
    text-align: center; }
    .contactWrapper .contactForm .inFieldLabels .form-group .requestButton .btn {
      font-size: 14px;
      width: 44%; }
  .contactWrapper .contactForm .inFieldLabels .form-group .checkbox {
    padding-top: 20px; }
  .contactWrapper .contactForm .inFieldLabels .existingCustomer {
    padding-bottom: 0px; }
    .contactWrapper .contactForm .inFieldLabels .existingCustomer p {
      font-size: 16px; }
  .contactWrapper .contactForm .inFieldLabels .checkbox {
    padding-top: 20px; }
    .contactWrapper .contactForm .inFieldLabels .checkbox label {
      font-size: 12px;
      line-height: 16px; }
  .contactWrapper .contactForm .inFieldLabels .requestButton {
    margin-top: 5px;
    text-align: center; }
    .contactWrapper .contactForm .inFieldLabels .requestButton .btn {
      font-size: 14px;
      width: 44%; }

  /* Global Footer Styles - Small Break Point*/
  #globalFooter #footerLeft .footerColumnn .headerFooter {
    border-bottom: 4px solid #00a6ca;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 17px;
    padding-bottom: 10px;
    cursor: default; }
  #globalFooter #footerLeft .footerColumnn ul {
    display: block;
    margin-left: 0; }
    #globalFooter #footerLeft .footerColumnn ul li {
      font-size: 14px;
      line-weight: 18px;
      font-weight: 600;
      margin-bottom: 10px; }
  #globalFooter #footerRight {
    border-left: none;
    margin-bottom: 39px;
    margin-top: 4px;
    text-align: left;
    /*.btn {
    	display: none;
    }*/ }
    #globalFooter #footerRight .haveQuestions {
      display: none; }
  #globalFooter #socialLinks {
    margin-top: 11px; }
    #globalFooter #socialLinks li {
      display: inline-block;
      margin-left: 0px;
      margin-right: -3px; }
    #globalFooter #socialLinks .fa {
      font-size: 42px;
      margin-right: 9px;
      margin-top: 7px; }
    #globalFooter #socialLinks .tufa-facebook {
      color: #4463a3; }
    #globalFooter #socialLinks .tufa-twitter {
      color: #03b4ef; }
    #globalFooter #socialLinks .tufa-youtube {
      color: #c20200; }
    #globalFooter #socialLinks .tufa-linkedin {
      color: #0285be; }
    #globalFooter #socialLinks .tufa-google {
      color: #e15440; }
    #globalFooter #socialLinks .fa-circle {
      color: #02b5d9; }
    #globalFooter #socialLinks #blog .fa-stack-1x {
      font-size: 14px;
      color: #ffffff;
      padding-top: 3px;
      padding-left: 1px; }
  #globalFooter .footerLinks {
    float: right;
    margin-bottom: -11px;
    margin-top: 10px; }
    #globalFooter .footerLinks a {
      font-size: 12px;
      margin: 0 10px 0 0;
      text-decoration: none;
      color: #939393; }
  #globalFooter .copyright {
    float: right;
    font-size: 12px;
    margin: 0px;
    text-decoration: none;
    color: #939393;
    margin-top: 15px; }

  /*#globalFooter {
      margin-top: 40px;
  	#footerLeft {
  		.footerColumnn {
  			margin-right: 20px;
  			a {
  				color: #000000;
  				text-decoration: none;
  			}
  			.headerFooter {
  				font-size: 12px;
  				margin-bottom: 6px;
  				padding-bottom: 6px;
  			}
  			.subFooter {
  				font-size: 12px;
  				font-weight: 500;
  				line-height: 18px;
  			}
  		}
  	}
  	#footerRight {
  		height: 200px;
  		margin-left: 10px;
  		text-align: center;
  		.haveQuestions {
  			font-size: 18px;
  			margin-bottom: 14px;
  		}
  		.btn {
  			height: 26px;
  			padding-left: 12px;
  			padding-right: 12px;
  			padding-top: 4px;
  		}
  	}
  	.footerLinks {
  		margin-top: 26px;
  		a {
  			font-size: 11px;
  		}
  	}
  	#socialLinks {
  		.fa {
  			font-size: 26px;
  			margin-top: 7px;
  		}
  		.tufa-facebook {
  			color: #4463a3;
  		}
  		.tufa-twitter {
  			color: #03b4ef;
  		}
  		.tufa-youtube {
  			color: #c20200;
  		}
  		.tufa-linkedin {
  			color: #0285be;
  		}
  		.tufa-google {
  			color: #e15440;
  		}
  		.fa-circle {
  			color: #02b5d9;
  		}
  		#blog {
  			margin-top: -4px;
  			.fa-stack-1x {
  				font-size: 10px;
  				padding-top: 0px;
  				padding-left: 2px;
  			}
  		}
  	}
  	.copyright {
  		font-size: 11px;
  		margin: 100px 0px 0 0;
  	}
  }*/
  /* Specialty Nav Component Styles */
  #specialtyNavComponent .height-container {
    margin-left: -38px;
    margin-right: -38px; }
  #specialtyNavComponent .specialtyNav:before {
    left: 38px;
    right: 38px; }
  #specialtyNavComponent .specialtyNav .pageTitle {
    padding: 15px 38px 10px 38px; }
    #specialtyNavComponent .specialtyNav .pageTitle .fa-angle-down {
      margin-top: 0; }
  #specialtyNavComponent ul.careers-side-nav {
    margin-left: -38px;
    margin-right: -38px; }
    #specialtyNavComponent ul.careers-side-nav > li.active > a {
      padding-left: 34px; }
    #specialtyNavComponent ul.careers-side-nav > li a {
      padding: 12px 38px 12px 38px; }
    #specialtyNavComponent ul.careers-side-nav > li > ul li {
      margin: 0 0 0 63px; }

  /* LESS Document */
  .blueBoxWrapper .primaryHeadline {
    padding: 0 18px; }
    .blueBoxWrapper .primaryHeadline span {
      padding-top: 27px; }

  /* LESS Document */
  #fullFrameListComponent ul li {
    width: 50%;
    float: left;
    display: inline-block; }

  /* LESS Document */
  .homepageBlueRailWrapper p {
    font-size: 24px; }

  /* LESS Document */
  .rightRailFormWrapper {
    margin: 0 -38px 40px; }

  /* LESS Document */
  .leftRailFormWrapper {
    margin: 0 -38px 40px; }
    .leftRailFormWrapper form .field-wrapper {
      width: 50%; }
      .leftRailFormWrapper form .field-wrapper:nth-of-type(2n-1) {
        padding-right: 10px; }

  /* LESS Document */
  #videoFeatureWindowComponent h2 {
    max-width: 75%;
    margin: 0 auto 10px; }
  #videoFeatureWindowComponent p {
    max-width: 75%;
    margin: 0 auto 20px; }

  /* LESS Document */
  #videoFeatureWindowTextRightComponent h2 {
    max-width: 75%;
    margin: 0 auto 10px; }
  #videoFeatureWindowTextRightComponent p {
    max-width: 75%;
    margin: 0 auto 20px; }

  /* Products Summary with Related Articles Styles - XS  */
  .prodSummaryWrapper .productSummary {
    border-width: 4px;
    padding: 0 40px 40px 40px; }
    .prodSummaryWrapper .productSummary .prodSummaryContent h2 {
      font-size: 20px; }

  /* Products Summary with Related Articles Styles - SM  */
  .productFeatureWrapper .container .feature .picMobile {
    height: 233px;
    margin: 0 -15px 15px -15px;
    background-position: 50% 50%; }
  .productFeatureWrapper .container .featureDescription {
    padding: 0 40px 30px 25px;
    margin-bottom: 15px;
    min-height: 233px;
    height: auto;
    background-color: #ffffff;
    border: 4px solid #a9a9a9;
    border-width: 4px 4px 4px 0; }
    .productFeatureWrapper .container .featureDescription h5 {
      margin-top: 15px;
      text-align: left; }
    .productFeatureWrapper .container .featureDescription .para {
      order: 0;
      margin-top: 10px;
      line-height: 1.375em; }
      .productFeatureWrapper .container .featureDescription .para .fa {
        margin-right: 10px; }
    .productFeatureWrapper .container .featureDescription .btn {
      margin: 0 auto 0 0; }

  /* Category Banner - SM */
  .categoryBannerWrapper {
    height: 305px;
    margin-bottom: 60px; }

  .categoryBannerCopy {
    float: left;
    width: 25%;
    height: 275px;
    padding: 20px;
    margin: -305px 23% 0 50%;
    background-color: transparent;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+75,ffffff+100&0.80+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 75%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 75%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.9) 75%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
    overflow: hidden;
    z-index: 1; }

  .categoryBannerRelatedArticles {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25%;
    height: 305px;
    margin-top: 105px; }
    .categoryBannerRelatedArticles a.articleLink {
      height: 87px;
      font-size: 10px;
      cursor: pointer; }
      .categoryBannerRelatedArticles a.articleLink span {
        bottom: 10px; }
      .categoryBannerRelatedArticles a.articleLink:hover span {
        text-decoration: underline; }
    .categoryBannerRelatedArticles .moreButton {
      background-color: rgba(252, 216, 0, 0.8);
      height: 44px;
      padding-top: 13px;
      font-size: 10px; }

  .modalArticleList li {
    margin-bottom: 20px; }
    .modalArticleList li img {
      width: 120px;
      height: 120px; }
    .modalArticleList li h6 {
      padding-left: 135px;
      margin: 0 0 10px -120px;
      font-size: 16px; }
    .modalArticleList li p {
      padding-left: 135px;
      margin-left: -120px;
      font-size: 14px; }

  /* LESS Document - Banner w/ Right Callouts Component - SM */
  .heroBannerCalloutsWrapper {
    margin-top: -105px; }
    .heroBannerCalloutsWrapper .heroBannerCalloutsPhoto {
      display: block;
      height: 420px;
      background-size: cover;
      background-position: top right;
      position: relative;
      width: 100%; }
    .heroBannerCalloutsWrapper .heroBannerCalloutsPhotoMobile {
      display: none; }
    .heroBannerCalloutsWrapper .calloutBoxes {
      margin-top: -280px; }
      .heroBannerCalloutsWrapper .calloutBoxes .orangeBox {
        padding: 40px 50px;
        width: 300px;
        height: 300px; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxTitle {
        margin-bottom: 20px; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList {
        width: 60%; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li {
          width: 50%;
          font-size: 15px; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li .fa {
            width: 30px;
            padding-top: 3px;
            font-size: 30px; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li p {
            padding-left: 33px;
            margin: 0 0 0 -30px; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons {
        width: 40%;
        padding-left: 75px; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons .btn {
          width: 100%;
          margin-bottom: 5px; }

  #utilityFooter {
    padding-top: 45px; }
    #utilityFooter .utilityFooterLinks {
      margin-top: 6px;
      text-align: right; }

  /* LESS Document - Featured Articles Center Component - SM */
  /* Native Ad Component Styles - Small Break Point */
  .nativeAdContainer a.nativeAd img {
    height: 102px;
    width: 102px; }

  .products-finTech .grayline {
    margin: 60px 0; }
  .products-finTech .section-title {
    font-size: 24px;
    line-height: 22px;
    letter-spacing: -.005em; }
  .products-finTech .section-subTitle {
    margin: 0 15%;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400; }
  .products-finTech .solutionsContainer .solutions-finTech {
    height: 170px; }
    .products-finTech .solutionsContainer .solutions-finTech .product-heading {
      font-size: 20px;
      line-height: 30px; }
    .products-finTech .solutionsContainer .solutions-finTech .product-text {
      font-size: 20px;
      line-height: 30px; }

  /* Content Detail Component Styles */
  .insightsCarouselWrapper {
    padding: 60px 60px 150px;
    height: 970px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .categoryTitle {
      font-weight: 400; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .carouselHeadline {
      font-size: 22px;
      line-height: 26px;
      font-weight: 600; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent p {
      font-size: 20px;
      line-height: 30px;
      font-weight: 400;
      margin-bottom: 0px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg {
      height: 415px;
      background-size: cover;
      /*h3, p {
      	color: #fff;
      }*/ }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay {
        height: 100%;
        padding: 190px 80px 40px 60px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles {
      padding: 37px 30px 0px 60px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.two-articles {
      padding-bottom: 90px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory {
      height: 230px; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory .categoryTitle {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0;
        font-weight: 400;
        vertical-align: top;
        border: none;
        padding: 7px 20px 10px;
        display: inline-block; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.grayBg {
        margin-top: 15px; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.blueBg {
        margin-top: 15px; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory p {
        font-size: 24px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: -.005em;
        margin: 40px 50px 25px; }
    .insightsCarouselWrapper .carousel .carousel-indicators {
      top: 810px; }
      .insightsCarouselWrapper .carousel .carousel-indicators li {
        width: 30px;
        height: 30px; }

  .heroWrapper.heroTabbed .hero {
    min-height: 500px;
    margin-bottom: 0; }
    .heroWrapper.heroTabbed .hero .heroImage {
      margin-top: 0;
      background-size: cover; }
    .heroWrapper.heroTabbed .hero.hideImage .heroImage {
      height: 300px; }
    .heroWrapper.heroTabbed .hero.hideImage .heroContent .heroContentTop {
      margin-top: -330px; }
    .heroWrapper.heroTabbed .hero .heroContent {
      padding: 60px 0 0 0;
      width: 480px;
      color: #ffffff;
      left: 15%;
      text-align: center; }
      .heroWrapper.heroTabbed .hero .heroContent .heroContentTop {
        margin-top: -550px;
        text-align: center;
        color: #ffffff;
        background-color: transparent; }
      .heroWrapper.heroTabbed .hero .heroContent .primaryHeadline {
        color: #ffffff;
        font-size: 36px;
        line-height: 44px; }
      .heroWrapper.heroTabbed .hero .heroContent p {
        display: block;
        font-size: 18px;
        line-height: 24px; }
      .heroWrapper.heroTabbed .hero .heroContent .btn {
        margin-top: 50px;
        margin-left: auto; }
      .heroWrapper.heroTabbed .hero .heroContent .btn-secondary {
        margin: 20px 0; }

  /* LESS Document */
  #homepageBlueRail-finTech p {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    padding: 30px 50px 20px;
    margin: 0; }
  #homepageBlueRail-finTech a.btn {
    margin-bottom: 35px; }

  /* Feature Animated Component - Tablet Styles
  *  #featureCarouselComponent
  */
  .featureAnimatedCarousel {
    /* Carousel Heading */ }
    .featureAnimatedCarousel .carouselHeading h2 {
      font-size: 30px; }
    .featureAnimatedCarousel .carouselHeading p {
      font-size: 24px;
      line-height: 32px;
      margin: 16px auto; }
    .featureAnimatedCarousel .chartContainer {
      padding: 15px;
      width: 50%; }
      .featureAnimatedCarousel .chartContainer .chartInfo {
        font-size: 14px;
        line-height: 1.3em;
        margin-top: 20px;
        width: 100%; }
      .featureAnimatedCarousel .chartContainer .endLabel {
        fill: #000;
        font-size: 13px;
        opacity: 0; }
    .featureAnimatedCarousel.byTwo .slick-track, .featureAnimatedCarousel.byOne .slick-track {
      margin: 0 auto; }

  /* end featureAnimatedCarousel */
  /* LESS Document */
  #tabbedHeroComponent .subComponent:nth-child(1) .tabNav {
    top: 40%; }
  #tabbedHeroComponent .subComponent:nth-child(2) .tabNav {
    top: 50%; }
  #tabbedHeroComponent .subComponent:nth-child(3) .tabNav {
    top: 60%; }
  #tabbedHeroComponent .subComponent:nth-child(4) .tabNav {
    top: 70%; }
  #tabbedHeroComponent .subComponent .tabNav.closedState {
    background: url("../../resources/img/underlineOFF.png") no-repeat center bottom;
    height: 37px; }
  #tabbedHeroComponent .subComponent .grayBorderWrapper .grayArrowOverlay {
    /*top: 27px;*/ }
  #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-background {
    min-height: 250px; }
    #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-background .video-js {
      min-height: 250px;
      height: auto !important; }
  #tabbedHeroComponent .subComponent .subComponentContent .textOnMedia {
    font-size: 18px;
    top: 140px; }
  #tabbedHeroComponent .subComponent .subComponentContent .whiteInfoBox {
    font-size: 16px;
    line-height: 24px; }

  #tabbedHeroComponent .subComponent .subComponentContent .chapters {
    padding: 0; }
  #tabbedHeroComponent .subComponent .subComponentContent .vjs-tech {
    width: 100% !important;
    height: 100% !important; }
  #tabbedHeroComponent .subComponent .subComponentContent .vjs-big-play-button {
    display: none !important; }
  #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /*margin-top: -5%;*/
    display: inline-flex;
    text-align: center; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li {
      position: relative;
      margin-bottom: -1px;
      background-color: #fff;
      display: inline-flex;
      margin: 1%;
      width: auto;
      max-width: 30%;
      text-align: left;
      cursor: pointer; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li .active {
        border-top: 2px solid #00A6CA; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li a {
        display: inline-block;
        padding: 10px 0px 10px 5px;
        color: #000000;
        text-decoration: none;
        font-size: .48em;
        line-height: 1.45em;
        font-family: IntroCaps; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #FCD800; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: 1px;
      border-bottom-left-radius: 1px; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list .active {
      border-top: 2px solid #00A6CA; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list .active a {
        font-weight: 700; }
  #tabbedHeroComponent .subComponent .subComponentContent .immersive-play {
    z-index: 4000;
    top: 20%;
    cursor: pointer;
    bottom: 0;
    top: 20%;
    margin: 0 0 -280px 0;
    text-align: center; }
    #tabbedHeroComponent .subComponent .subComponentContent .immersive-play .fa.tufa-play-media {
      width: 60px;
      height: 60px;
      font-size: 60px;
      color: #ffffff;
      cursor: pointer;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

  /* LESS Document */
  #testimonials .header-text h1 {
    font-size: 24px;
    line-height: 22px; }
  #testimonials .header-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    padding: 0 17%; }
  #testimonials .container .tabsContainer .sectionsCarousel .subComponent {
    width: 325px;
    height: 95px;
    left: 0; }
    #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav .text-section {
      font-size: 23px;
      padding: 0 20%; }
  #testimonials .container .subComponentContent {
    height: 380px;
    margin: 0 40px; }
    #testimonials .container .subComponentContent .yellowBorder {
      height: 295px;
      top: 11%;
      width: 88%;
      left: 6%; }
    #testimonials .container .subComponentContent .textOnMedia {
      font-size: 22px;
      line-height: 1.2;
      width: 65%;
      top: 70px;
      left: 17%; }
      #testimonials .container .subComponentContent .textOnMedia .quotation-mark {
        font-size: 30px;
        margin-bottom: 15px; }
      #testimonials .container .subComponentContent .textOnMedia .author {
        font-size: 20px;
        line-height: 42px;
        font-weight: 300; }
    #testimonials .container .subComponentContent.bgrImage .mediaBanner {
      height: 380px; }
    #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background {
      min-height: 380px; }
    #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-play {
      top: 150px; }
    #testimonials .container .subComponentContent.logos .logo-container {
      top: 19%; }
      #testimonials .container .subComponentContent.logos .logo-container.odd {
        padding-left: 0px; }
      #testimonials .container .subComponentContent.logos .logo-container.even {
        padding-right: 0px; }
    #testimonials .container .subComponentContent .immersive-play {
      z-index: 4000;
      top: 20%;
      cursor: pointer;
      bottom: 0;
      top: 30%;
      left: 0%;
      text-align: center;
      position: absolute; }
      #testimonials .container .subComponentContent .immersive-play .fa.tufa-play-media {
        width: 100px;
        height: 100px;
        font-size: 100px;
        color: #ffffff;
        cursor: pointer;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

  /* Global Footer Styles */
  #globalFooter #dataPass-footer .footerLinks-wrapper {
    background-size: 210px;
    margin-left: -8px; }
    #globalFooter #dataPass-footer .footerLinks-wrapper .dataPass-footerLinks {
      float: left;
      display: inline-block;
      margin-right: 10px;
      font-size: 14px;
      margin-top: 0px;
      padding: 0 0 0px;
      margin-bottom: 0px;
      border-bottom: none; }
  #globalFooter #dataPass-footer .footerText {
    margin: 40px 210px 20px 0;
    text-align: left;
    float: left; }

  /* CSS Document */
  /*section.orderform {
  	margin: 0 12px;
  	padding: 0 6px 10px;
  }*/
  .orderFormContainer {
    min-height: 980px; }

  .orderform .accdCloseView-content {
    font-size: 14px; }
  .orderform .accdCloseView-link {
    float: right;
    margin: 0 30px;
    font-size: 16px;
    font-weight: 300; }
  .orderform .nextstep {
    font-size: 18px; }
  .orderform .buttonIconRight {
    margin-left: 70px; }
  .orderform .inFieldLabels .form-group label {
    left: 8px; }
  .orderform .highlight .product {
    height: 400px; }
    .orderform .highlight .product .primary {
      height: 400px;
      position: relative;
      padding: 14px 0px 6px 0px; }
    .orderform .highlight .product .secondary {
      margin-top: 20px;
      height: 400px;
      position: relative;
      padding: 14px 0px 6px 0px; }
      .orderform .highlight .product .secondary .details .nextstep {
        color: #000000; }
    .orderform .highlight .product .details {
      position: absolute;
      bottom: 0;
      margin-bottom: 6px;
      height: 250px;
      width: 96%;
      margin-left: 2%; }
      .orderform .highlight .product .details .nextstep {
        font-size: 18px;
        width: 95%;
        margin: 0;
        color: #ffffff;
        position: absolute;
        bottom: 0;
        right: 0px;
        margin: 2.5%; }
  .orderform #over-onetwentyfive {
    left: -8px; }
  .orderform .paymentTopRail ul {
    border-left: 2px solid #eeeeee; }

  #dp-rightrailContainer {
    overflow: visible;
    height: 1px;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto; }
    #dp-rightrailContainer #dp-rightrailRow {
      overflow: visible;
      height: 1px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .secureMessage {
        height: 50px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .secureMessage i {
          font-size: 28px;
          margin: 13px 5px 5px 12px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .secureMessage p {
          font-size: 12px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score {
        padding: 8px 0px 0px 10px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score .titleText {
          font-size: 10px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .score .scoreLine .number {
          font-size: 40px;
          margin: 0px 0px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .sampleScore {
        font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
        font-size: 8px;
        font-weight: bold;
        color: #a9a9a9;
        float: right; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget {
        border: 4px solid #dddddd;
        margin-top: 32px;
        padding: 20px 17px 15px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget p {
          font-size: 12px;
          line-height: normal; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget .pricingInfo {
          font-size: 12px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .whatyouget ul li {
          font-size: 10px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .cancelmessage {
        margin: 35px 20px 15px 22px;
        font-size: 10px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise {
        margin: 55px 20px 15px 22px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .fa {
          font-size: 28px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .safePurchasetitle {
          width: 120px;
          font-size: 14px; }
        #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .safePurchasetext {
          font-size: 10px; }
      #dp-rightrailContainer #dp-rightrailRow #dp-rightRailWrapper #nortonSecuredLogo {
        margin-left: 25px; }

  #lifeEventBand .innerContent {
    margin-top: 0px; }
  #lifeEventBand .innerContent-bulletList P {
    font-size: 28px;
    line-height: 24px; }
    #lifeEventBand .innerContent-bulletList P sup {
      font-size: 14px; }
  #lifeEventBand .innerContent-bulletList ul li {
    font-size: 14px; }
  #lifeEventBand .overlayHeading {
    padding-top: 10px; }
  #lifeEventBand .lifeEventHeadline {
    margin: 0; }
  #lifeEventBand .underline {
    border-bottom: 4px solid #FCD800; }

  #ctaContinuityBand .ctaHeadline {
    font-weight: 700;
    font-size: 28px;
    line-height: 37px; }
  #ctaContinuityBand .innerContent-bulletList P {
    font-size: 22px; }

  .tuo-banner {
    margin-top: -83px;
    background-color: #eeeeee; }
    .tuo-banner .large-heroBannerCalloutsPhoto {
      display: none; }
    .tuo-banner .large-heroBannerCalloutsPhotoMobile {
      position: relative;
      height: 600px;
      background-size: cover;
      background-position: 50% 0; }
    .tuo-banner .highlight {
      top: 30%;
      right: 7%;
      width: 40%; }
      .tuo-banner .highlight .highlight-overlay-text {
        color: #ffffff; }
        .tuo-banner .highlight .highlight-overlay-text .title {
          font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
          font-size: 20px;
          font-weight: 700;
          line-height: 1.2em; }
        .tuo-banner .highlight .highlight-overlay-text .text {
          margin: 20px 0;
          font-size: 13px;
          font-weight: 400; }
          .tuo-banner .highlight .highlight-overlay-text .text li {
            line-height: 1.4em; }
        .tuo-banner .highlight .highlight-overlay-text .highlight-btn {
          font-size: 16px;
          padding-top: 4px; }

  /* LESS Document */
  .tuo-header #mobiNavActivate {
    top: 32px;
    right: 40px; }

  .mobileMenuOpen .tuo-header .tiMainNavWrapper .tiMainNav {
    margin-left: 20px; }

  .tuo-offers .offers .offer {
    margin: 15px 0;
    text-align: center;
    /*		.offer-margin {
    			width: 5px;
    		}*/ }
    .tuo-offers .offers .offer .offer-content {
      background-color: #ffffff;
      border: 4px solid #707070;
      padding: 20px;
      height: 550px; }
      .tuo-offers .offers .offer .offer-content .first-title {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 15px; }
      .tuo-offers .offers .offer .offer-content .second-title {
        margin-bottom: 20px;
        font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
        color: #707070;
        font-weight: 700;
        font-size: 15px;
        line-height: 1.2em; }
      .tuo-offers .offers .offer .offer-content .sub-title {
        margin-bottom: 25px;
        color: #00A6CA;
        font-size: 14px;
        font-weight: 400; }
      .tuo-offers .offers .offer .offer-content .offer-btn {
        border-radius: 0;
        height: 34px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
        padding: 2px 12px 6px 12px; }
      .tuo-offers .offers .offer .offer-content .div-line {
        height: 1px;
        background-color: #eeeeee;
        margin: 20px 0 15px; }
      .tuo-offers .offers .offer .offer-content ul li {
        margin: 15px 0;
        color: #707070; }
        .tuo-offers .offers .offer .offer-content ul li .bolded {
          font-weight: 600; }
    .tuo-offers .offers .offer.col-sm-custom {
      width: 50%;
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      float: left; }
  .tuo-offers .offers.three-offers .offer .offer-content {
    height: 750px; }
  .tuo-offers .offers.three-offers .offer.col-sm-custom {
    width: 33%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }
  .tuo-offers .offers.two-offers .offer .offer-content {
    height: 550px; }
  .tuo-offers .offers.two-offers .offer.col-sm-custom {
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

  /* LESS Document */
  #tabbedCaseStudyDemo .container .tabsContainer .subComponent {
    height: 95px;
    left: 0; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .activeTitle {
      font-size: 18px; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle {
      font-size: 45px; }
      #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle img.playImg {
        width: 30px;
        height: 30px; }
  #tabbedCaseStudyDemo .container .subComponentContent {
    height: 380px; }
    #tabbedCaseStudyDemo .container .subComponentContent .textOnMedia {
      font-size: 18px;
      line-height: 1.2em;
      width: 65%; }
    #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background {
      min-height: 380px; }
    #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-play {
      top: 150px; }
    #tabbedCaseStudyDemo .container .subComponentContent .immersive-play {
      top: 45%; }
      #tabbedCaseStudyDemo .container .subComponentContent .immersive-play .fa.tufa-play-media {
        width: 100px;
        height: 100px;
        font-size: 100px; }

  #tertiaryProductsSolutionsComponent {
    background-color: #ffffff; }
    #tertiaryProductsSolutionsComponent .buttonWrap .yellow {
      background-color: #FCD800; }
    #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights {
      height: 180px;
      padding: 20px; }
      #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-heading {
        line-height: 20px; }
      #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-text {
        font-size: 16px;
        line-height: 20px;
        font-weight: 300; }

  #secondaryProductsSolutionsComponent {
    background-color: #ffffff; }
    #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights {
      height: 200px;
      border: 2px solid #000000;
      background-color: #eeeeee; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-heading {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
        font-style: normal; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-text {
        font-weight: 600;
        color: #000000; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-divider {
        display: none; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .learnMore {
        font-size: 14px;
        font-family: Intro;
        letter-spacing: normal; }

  /* LESS Document */
  #productFeaturesScrollingSmallDevices .text {
    padding: 60px;
    padding-top: 0; }
    #productFeaturesScrollingSmallDevices .text h2 {
      font-size: 24px;
      line-height: 28px; }
    #productFeaturesScrollingSmallDevices .text p {
      font-size: 20px; }
  #productFeaturesScrollingSmallDevices .media {
    padding-right: 0; }
    #productFeaturesScrollingSmallDevices .media .mediaBanner {
      height: 500px; }

  /* ID Theft - SM */
  #IDTheftHelpComponent .IDTheftWrapper {
    height: 305px; }
    #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder .primaryHeader {
      margin-top: 70px;
      font-size: 36px; }
    #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder h4 {
      margin-top: 40px;
      font-size: 24px; }
  #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent h4 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px; }
    #IDTheftHelpComponent .IDTheftHelpWrapper .IDTheftContent h4:after {
      display: block;
      width: 80px;
      height: 4px;
      margin: 15px 0;
      background-color: #FCD800;
      content: ''; }

  /* CreditRetriever Login Component Styles */
  .creditRetrieverLoginWrapper .loginTitleMain {
    font-size: 22px;
    font-weight: 600; }

  .creditRetrieverRightColumn {
    height: 295px; }

  /* Scss Document */
  #featureFourIcons .carouselHeading h1 {
    font-size: 32px; }
  #featureFourIcons .featureIconCarousel .item .circle {
    height: 150px;
    width: 150px;
    font-size: 80px;
    padding-top: 40px; }
  #featureFourIcons .featureIconCarousel .item .title, #featureFourIcons .featureIconCarousel .item .description {
    font-size: 14px; }

  /* CSS Document */
  #credit .mini-order-form .accdCloseView-content {
    font-size: 14px; }
  #credit .mini-order-form .accdCloseView-link {
    float: right;
    margin: 0 30px;
    font-size: 16px;
    font-weight: 300; }
  #credit .mini-order-form .nextstep {
    font-size: 18px;
    padding: 6px 25px 40px 25px; }
  #credit .mini-order-form .buttonIconRight {
    margin-left: 70px;
    font-size: 20px; }
  #credit .mini-order-form .buttonIconLeft {
    margin-right: 15px;
    font-size: 20px; }
  #credit .mini-order-form .inFieldLabels .form-group label {
    left: 8px; }
  #credit .mini-order-form .highlight .product {
    height: 400px; }
    #credit .mini-order-form .highlight .product .primary {
      height: 400px;
      position: relative;
      padding: 14px 0px 6px 0px; }
    #credit .mini-order-form .highlight .product .secondary {
      margin-top: 20px;
      height: 400px;
      position: relative;
      padding: 14px 0px 6px 0px; }
      #credit .mini-order-form .highlight .product .secondary .details .nextstep {
        color: #000000; }
    #credit .mini-order-form .highlight .product .details {
      position: absolute;
      bottom: 0;
      margin-bottom: 6px;
      height: 250px;
      width: 96%;
      margin-left: 2%; }
      #credit .mini-order-form .highlight .product .details .nextstep {
        font-size: 18px;
        width: 95%;
        margin: 0;
        color: #ffffff;
        position: absolute;
        bottom: 0;
        right: 0px;
        margin: 2.5%; }
  #credit .mini-order-form #over-onetwentyfive {
    left: -8px; }
  #credit .mini-order-form .paymentTopRail ul {
    border-left: 2px solid #eeeeee; }

  /* Scss Document */
  /* Begin: Card compare */
  .cardCompareContainer {
    background-color: #eeeeee;
    padding-bottom: 35px; }
    .cardCompareContainer .backToOffers {
      text-transform: uppercase;
      margin-bottom: 40px; }
      .cardCompareContainer .backToOffers a {
        color: #00A6CA;
        font-size: 16px;
        text-decoration: none; }
    .cardCompareContainer #ccCompareTable {
      font-size: 14px;
      text-align: center; }
      .cardCompareContainer #ccCompareTable .colWidth25percent {
        width: 25%; }
      .cardCompareContainer #ccCompareTable thead tr {
        border-bottom: 4px solid #00A6CA; }
        .cardCompareContainer #ccCompareTable thead tr th {
          text-align: center;
          padding: 2px; }
          .cardCompareContainer #ccCompareTable thead tr th span {
            font-size: 14px; }
          .cardCompareContainer #ccCompareTable thead tr th span.bluePipe {
            color: #00A6CA;
            float: left; }
          .cardCompareContainer #ccCompareTable thead tr th span.bluePipe:last-child {
            float: right; }
      .cardCompareContainer #ccCompareTable tbody td:nth-child(odd) {
        background-color: #eeeeee; }
      .cardCompareContainer #ccCompareTable tbody td:nth-child(even) {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        background-color: #f5f5f5; }
      .cardCompareContainer #ccCompareTable tbody tr {
        border-bottom: 1px solid #707070; }
      .cardCompareContainer #ccCompareTable tbody tr:last-child {
        border-bottom: 4px solid #00A6CA; }
    .cardCompareContainer .cardCompareBox {
      padding: 30px 15px;
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      flex: 1 0 auto; }
      .cardCompareContainer .cardCompareBox div {
        width: 100%; }
      .cardCompareContainer .cardCompareBox .cardTitle {
        font-size: 18px;
        margin-bottom: 20px;
        width: 100%; }
      .cardCompareContainer .cardCompareBox img {
        width: 85%; }
      .cardCompareContainer .cardCompareBox .cardInfo {
        margin: 20px 0 10px 0; }
        .cardCompareContainer .cardCompareBox .cardInfo p {
          font-size: 14px;
          margin-bottom: 10px; }
      .cardCompareContainer .cardCompareBox .cardApply {
        margin-bottom: 20px; }
        .cardCompareContainer .cardCompareBox .cardApply .applyButton {
          background-color: #f16e00;
          color: white;
          height: 32px;
          border: none;
          font-size: 14px;
          padding: 0.5em 2em;
          display: inline-block;
          margin: 0;
          text-decoration: none; }
      .cardCompareContainer .cardCompareBox .learnMore, .cardCompareContainer .cardCompareBox .remove {
        font-size: 11px;
        color: #00A6CA;
        text-decoration: none; }
      .cardCompareContainer .cardCompareBox .remove {
        border-left: 2px solid #000;
        padding-left: 12px; }

  /* End: Card compare */
  /* Scss Document */
  .cardDetailsContainer .creditCardInfo, .cardDetailsContainer .offerInfo, .offerDetailsContainer .creditCardInfo, .offerDetailsContainer .offerInfo {
    margin-top: 30px; }
    .cardDetailsContainer .creditCardInfo .creditCardName, .cardDetailsContainer .creditCardInfo .offerName, .cardDetailsContainer .offerInfo .creditCardName, .cardDetailsContainer .offerInfo .offerName, .offerDetailsContainer .creditCardInfo .creditCardName, .offerDetailsContainer .creditCardInfo .offerName, .offerDetailsContainer .offerInfo .creditCardName, .offerDetailsContainer .offerInfo .offerName {
      font-size: 26px; }
    .cardDetailsContainer .creditCardInfo .creditCardDetails, .cardDetailsContainer .creditCardInfo .offerDetails, .cardDetailsContainer .offerInfo .creditCardDetails, .cardDetailsContainer .offerInfo .offerDetails, .offerDetailsContainer .creditCardInfo .creditCardDetails, .offerDetailsContainer .creditCardInfo .offerDetails, .offerDetailsContainer .offerInfo .creditCardDetails, .offerDetailsContainer .offerInfo .offerDetails {
      margin-top: 0;
      padding-right: 16px;
      padding-left: 8px;
      float: left;
      width: 40%; }
      .cardDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg, .cardDetailsContainer .creditCardInfo .creditCardDetails .offerImg, .cardDetailsContainer .creditCardInfo .offerDetails .creditCardImg, .cardDetailsContainer .creditCardInfo .offerDetails .offerImg, .cardDetailsContainer .offerInfo .creditCardDetails .creditCardImg, .cardDetailsContainer .offerInfo .creditCardDetails .offerImg, .cardDetailsContainer .offerInfo .offerDetails .creditCardImg, .cardDetailsContainer .offerInfo .offerDetails .offerImg, .offerDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg, .offerDetailsContainer .creditCardInfo .creditCardDetails .offerImg, .offerDetailsContainer .creditCardInfo .offerDetails .creditCardImg, .offerDetailsContainer .creditCardInfo .offerDetails .offerImg, .offerDetailsContainer .offerInfo .creditCardDetails .creditCardImg, .offerDetailsContainer .offerInfo .creditCardDetails .offerImg, .offerDetailsContainer .offerInfo .offerDetails .creditCardImg, .offerDetailsContainer .offerInfo .offerDetails .offerImg {
        margin-bottom: 20px; }
        .cardDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg img, .cardDetailsContainer .creditCardInfo .creditCardDetails .offerImg img, .cardDetailsContainer .creditCardInfo .offerDetails .creditCardImg img, .cardDetailsContainer .creditCardInfo .offerDetails .offerImg img, .cardDetailsContainer .offerInfo .creditCardDetails .creditCardImg img, .cardDetailsContainer .offerInfo .creditCardDetails .offerImg img, .cardDetailsContainer .offerInfo .offerDetails .creditCardImg img, .cardDetailsContainer .offerInfo .offerDetails .offerImg img, .offerDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg img, .offerDetailsContainer .creditCardInfo .creditCardDetails .offerImg img, .offerDetailsContainer .creditCardInfo .offerDetails .creditCardImg img, .offerDetailsContainer .creditCardInfo .offerDetails .offerImg img, .offerDetailsContainer .offerInfo .creditCardDetails .creditCardImg img, .offerDetailsContainer .offerInfo .creditCardDetails .offerImg img, .offerDetailsContainer .offerInfo .offerDetails .creditCardImg img, .offerDetailsContainer .offerInfo .offerDetails .offerImg img {
          width: 194px;
          height: 120px; }
    .cardDetailsContainer .creditCardInfo .offerDescription, .cardDetailsContainer .creditCardInfo .creditCardDescription, .cardDetailsContainer .offerInfo .offerDescription, .cardDetailsContainer .offerInfo .creditCardDescription, .offerDetailsContainer .creditCardInfo .offerDescription, .offerDetailsContainer .creditCardInfo .creditCardDescription, .offerDetailsContainer .offerInfo .offerDescription, .offerDetailsContainer .offerInfo .creditCardDescription {
      font-size: 14px;
      margin-top: 0;
      float: left;
      width: 60%; }
  .cardDetailsContainer .applyNowButton.bottomBtn, .offerDetailsContainer .applyNowButton.bottomBtn {
    float: right; }
  .cardDetailsContainer .ccDetailsTable, .offerDetailsContainer .ccDetailsTable {
    font-size: 14px;
    text-align: center;
    margin-top: 55px;
    float: left; }
    .cardDetailsContainer .ccDetailsTable thead tr, .offerDetailsContainer .ccDetailsTable thead tr {
      border-bottom: 4px solid #00A6CA; }
      .cardDetailsContainer .ccDetailsTable thead tr th, .offerDetailsContainer .ccDetailsTable thead tr th {
        text-align: center;
        padding: 2px; }
        .cardDetailsContainer .ccDetailsTable thead tr th span, .offerDetailsContainer .ccDetailsTable thead tr th span {
          font-size: 14px; }
        .cardDetailsContainer .ccDetailsTable thead tr th span.bluePipe, .offerDetailsContainer .ccDetailsTable thead tr th span.bluePipe {
          color: #00A6CA;
          float: left; }
        .cardDetailsContainer .ccDetailsTable thead tr th span.bluePipe:last-child, .offerDetailsContainer .ccDetailsTable thead tr th span.bluePipe:last-child {
          float: right; }
    .cardDetailsContainer .ccDetailsTable tbody td, .offerDetailsContainer .ccDetailsTable tbody td {
      padding: 10px 0; }
    .cardDetailsContainer .ccDetailsTable tbody td:nth-child(odd), .offerDetailsContainer .ccDetailsTable tbody td:nth-child(odd) {
      background-color: #eeeeee; }
    .cardDetailsContainer .ccDetailsTable tbody td:nth-child(even), .offerDetailsContainer .ccDetailsTable tbody td:nth-child(even) {
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      background-color: #f5f5f5; }
    .cardDetailsContainer .ccDetailsTable tbody tr, .offerDetailsContainer .ccDetailsTable tbody tr {
      border-bottom: 1px solid #707070; }
    .cardDetailsContainer .ccDetailsTable tbody tr:last-child, .offerDetailsContainer .ccDetailsTable tbody tr:last-child {
      border-bottom: 4px solid #00A6CA; }
  .cardDetailsContainer .ccDetailsTableTablet .annualFee, .offerDetailsContainer .ccDetailsTableTablet .annualFee {
    width: 25%; }
  .cardDetailsContainer .ccDetailsTableTablet .creditNeeded, .offerDetailsContainer .ccDetailsTableTablet .creditNeeded {
    width: 25%; }
  .cardDetailsContainer .ccDetailsTableTablet .cashbackRewards, .offerDetailsContainer .ccDetailsTableTablet .cashbackRewards {
    width: 25%; }
  .cardDetailsContainer .ccDetailsTableTablet .balanceTransfer, .offerDetailsContainer .ccDetailsTableTablet .balanceTransfer {
    width: 50%; }
  .cardDetailsContainer .ccDetailsTableTablet .other, .offerDetailsContainer .ccDetailsTableTablet .other {
    width: 50%; }

  /* Scss Document */
  .eyebrowFormContainer {
    margin: 0;
    padding: 30px 60px; }
    .eyebrowFormContainer .leftYellowBar, .eyebrowFormContainer .rightYellowBar {
      width: 10px; }
    .eyebrowFormContainer .formContent {
      position: relative;
      text-align: left; }
      .eyebrowFormContainer .formContent .formIcon {
        position: absolute;
        left: 0;
        font-size: 48px; }
      .eyebrowFormContainer .formContent .eyebrowTitle, .eyebrowFormContainer .formContent .eyebrowDescription {
        margin-left: 70px; }
      .eyebrowFormContainer .formContent .eyebrowTitle {
        font-size: 18px; }
      .eyebrowFormContainer .formContent .eyebrowDescription {
        font-size: 16px; }
      .eyebrowFormContainer .formContent .btnContainer {
        margin-left: 50px; }
        .eyebrowFormContainer .formContent .btnContainer .yellowBorderBtn {
          width: 30%;
          margin-left: 20px; }
        .eyebrowFormContainer .formContent .btnContainer.radioBtnContainer {
          background: none;
          border: none; }
          .eyebrowFormContainer .formContent .btnContainer.radioBtnContainer .pollAnswer {
            width: 20%;
            margin-left: 20px;
            padding: 0;
            font-size: 14px;
            border: none;
            display: inline; }

  #engagement .callToAction div.mainHeadline {
    padding: 30px 0 20px 0; }
  #engagement .callToAction.reengage {
    min-height: 120px; }

  /* Feature Article Component Styles for Personal */
  .articlePersonalFeature {
    min-height: 150px; }
    .articlePersonalFeature .insightContainer {
      margin-bottom: 0; }
    .articlePersonalFeature .mid-image {
      width: 25%;
      height: 25%;
      display: table-cell;
      float: left; }
    .articlePersonalFeature .insightText {
      padding: 30px 20px 0px;
      border: 0; }
    .articlePersonalFeature .articleDescription {
      font-size: 14px;
      line-height: 18px; }
    .articlePersonalFeature .read-article {
      font-size: 16px;
      text-decoration: underline; }

  /* Scss Document */
  #creditFreezeToggleComponent {
    max-width: 720px; }
    #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container {
      display: flex;
      flex-direction: row; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature {
        width: 25%; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab {
          margin: 0;
          height: 100%; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab.subtab {
            height: auto; }
            #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab.subtab .tu-tab-text {
              width: 80%; }
              #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab.subtab .tu-tab-text .tu-title {
                font-size: 14px;
                font-weight: 600; }
            #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab.subtab .tu-main-icon {
              float: right;
              width: 20%; }
              #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab.subtab .tu-main-icon.arrows {
                padding: 10px 15px 0 0; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-tab-text {
            width: 100%; }
            #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-tab-text .tu-title {
              line-height: 1.5;
              display: block;
              margin-bottom: 10px; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-main-icon {
            float: none;
            text-align: center; }
    #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab {
      background-color: #ffffff;
      padding: 4rem 2rem;
      padding-left: 15px; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner .tu-title {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        margin-top: 0px; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner .tu-subtitle {
        color: #707070;
        font-weight: 700;
        font-size: 22px;
        line-height: 33px;
        margin-top: 10px; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner .tu-text {
        font-size: 20px;
        font-weight: 300; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner .tu-action {
        font-size: 20px;
        font-weight: 700; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        line-height: 1.5; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner h3 {
        display: block;
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        color: #000000; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left {
        float: left;
        width: 60%; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left .btn-container .tu-btn-group .tu-btns .tu-btn {
          width: 185px !important;
          height: 53px !important;
          font-size: 22px !important;
          text-decoration: none; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left .btn-container .tu-btn-group .tu-text {
          font-size: 16px;
          font-weight: 600;
          text-align: center;
          font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
          margin-top: 5px; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left .btn-container .tu-btn-group .tu-button {
          display: inline-block;
          width: 180px; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left .btn-container .tu-btn-group .tu-button img {
            height: 53px; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left .tu-compare-text {
          color: #00A6CA;
          font-size: 20px;
          font-weight: 600; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner.left .tu-compare-text a {
            color: #000000; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner-right {
        float: left;
        width: 40%; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .cf-banner-right img {
          width: 100%; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner.withpadding {
        padding: 64px 32px; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-title.smaller {
        font-size: 20px;
        font-weight: 700;
        margin: 30px 0 30px 0;
        line-height: 1.375em; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-index {
        border-top: 2px solid #dddddd; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-index .tu-index-text {
          font-size: 32px;
          font-weight: 700;
          line-height: 48px;
          float: left;
          margin: 8px 30px 0 30px; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-index .tu-markdown-content {
          display: inline-block;
          width: 90%; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-index .tu-markdown-content p {
            font-size: 16px;
            line-height: 24px;
            margin: 16px 0; }
          #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-index .tu-markdown-content ul {
            padding-left: 40px;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            line-height: 1.5; }
            #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-index .tu-markdown-content ul li {
              list-style-type: disc;
              font-size: 16px; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .gray-subtitle {
        color: #707070;
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 10px;
        font-weight: 700; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-markdown-content.tu-row {
        padding: 30px 0 30px 0; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-markdown-content .tu-disclaimer {
        color: #000000;
        font-size: 14px;
        font-weight: 600; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-markdown-content .sub-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5em; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-markdown-content .tu-card .tu-text {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.2;
        margin: 0; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-markdown-content .tu-link {
        margin-top: 10px; }
        #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleContent-container .openTab .lovedones .cf-banner .tu-markdown-content .tu-link .tu-text {
          color: #000000;
          font-size: 14px;
          font-weight: 600; }
    #creditFreezeToggleComponent .btn-container {
      margin-top: 10px; }
      #creditFreezeToggleComponent .btn-container .tu-btn-group {
        text-align: center; }
        #creditFreezeToggleComponent .btn-container .tu-btn-group .tu-btn-primary {
          color: #ffffff;
          background-color: #F16E00;
          border-color: #F16E00; }
        #creditFreezeToggleComponent .btn-container .tu-btn-group .tu-btn {
          display: inline-block;
          width: 140px;
          height: 50px;
          font-size: 18px;
          font-weight: 400;
          line-height: 2;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          border: 1px solid transparent;
          transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          padding: 0.5rem 1rem;
          border-radius: 10px;
          padding-right: 0.75rem;
          padding-left: 0.75rem; }
        #creditFreezeToggleComponent .btn-container .tu-btn-group .tu-text {
          font-size: 16px;
          font-weight: 600;
          text-align: center;
          font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
          margin-top: 5px; }
        #creditFreezeToggleComponent .btn-container .tu-btn-group .tu-button {
          display: inline-block;
          width: 130px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .protectionListItem {
    text-align: left;
    line-height: 1.5; }

  .headContainer {
    width: 85%;
    text-align: left;
    margin: auto; }

  .protectContainer {
    display: flex;
    justify-content: center; }

  .cardContainer {
    min-height: 900px;
    max-width: 295px;
    height: 1150px;
    position: relative; }

  .offerCostLine {
    width: 90%; }

  .offerLine {
    border-top: 1px solid #000;
    width: 90%;
    height: 1px;
    display: block; }

  .highlightItem {
    width: 90%;
    display: block; }

  .cardIconSection {
    height: 102px; }

  .chexContainer {
    height: 75px; }

  .chexContainerx {
    width: 24px;
    float: left;
    margin-right: 10px;
    height: 122px; }

  .cardSummary {
    min-height: 125px;
    max-width: 90%; }

  .featureHeader, .highlightsList {
    display: block; }

  .javelin {
    display: block;
    height: 125px;
    width: 125px;
    margin: auto; }

  .tuProductBtn {
    margin-top: 35px;
    margin-bottom: 35px;
    right: 0;
    left: 0;
    position: absolute;
    bottom: 0; }

  .mobileLine {
    display: none; }

  .bottomLine {
    display: block;
    margin-top: 75px;
    right: 0;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0; }

  .tuToggleLink {
    display: none; } }
@media (min-width: 768px) {
  .tu-title {
    font-size: 40px; }

  .tu-subtitle {
    font-size: 30px; }

  .faqSearch {
    margin-top: 75px; }

  .faqInput {
    font-size: 25px; }

  .catListItem {
    font-size: 20px;
    margin-bottom: 25px; }

  .tu-divider {
    border-top: 1px solid black; }

  .faqBoxes {
    grid-gap: 10px; }

  .faqQuestionText {
    font-size: 25px;
    line-height: 1.5; }

  .plusIcon {
    height: 50px;
    width: 50px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 25px; } }
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  /* Page Structure Styles - Medium Break Point*/
  /* Grid Modifications */
  .container.containerNoRow {
    padding-left: 0;
    padding-right: 0; }

  /* Header Styles - Medium Break Point */
  #headerWrapper {
    height: 135px; }
    #headerWrapper #headerMain {
      height: 135px;
      padding: 0; }
      #headerWrapper #headerMain #headerLogo {
        width: 155px;
        height: 41px;
        margin: 45px 15px 0 17px;
        background-size: 155px 41px; }
        #headerWrapper #headerMain #headerLogo img {
          width: 155px;
          height: 41px; }
      #headerWrapper #headerMain #logoDivider {
        display: block;
        float: left;
        height: 80px;
        margin: 23px 0 0 0;
        border-left: 1px solid rgba(0, 0, 0, 0.131);
        -webkit-transition: margin .5s, height .5s;
        transition: margin .5s, height .5s; }
      #headerWrapper #headerMain #mobileMainNav {
        position: inherit;
        float: none;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 0;
        width: 100%;
        height: 0;
        overflow-y: visible;
        background-color: transparent;
        box-shadow: none;
        z-index: 0;
        -webkit-transition: left .5s, box-shadow .5s;
        transition: left .5s, box-shadow .5s; }
      #headerWrapper #headerMain #targetNav {
        display: block;
        position: absolute;
        top: 10px;
        left: 202px;
        float: none;
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        background-color: transparent;
        width: 350px; }
        #headerWrapper #headerMain #targetNav a {
          height: 38px; }
        #headerWrapper #headerMain #targetNav .blue-bar {
          display: none;
          /*left: 0;
          bottom: 9px;
          width: 81px;*/ }
      #headerWrapper #headerMain #mainNav {
        float: none;
        position: absolute;
        top: 61px;
        left: 190px;
        right: 0;
        background-color: transparent;
        box-shadow: none; }
        #headerWrapper #headerMain #mainNav .container {
          position: relative;
          padding-right: 38px;
          padding-left: 38px; }
        #headerWrapper #headerMain #mainNav .nav {
          border-top: none;
          background-color: transparent; }
          #headerWrapper #headerMain #mainNav .nav li {
            position: inherit;
            width: auto;
            min-height: 48px;
            padding: 0;
            margin-bottom: 0;
            border-bottom: none; }
            #headerWrapper #headerMain #mainNav .nav li a {
              height: 72px;
              padding: 26px 13px 0 13px;
              font-size: 16px;
              font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
              font-weight: normal;
              line-height: 1em;
              background-color: transparent;
              border: none;
              -webkit-transition: padding-top .5s;
              transition: padding-top .5s; }
              #headerWrapper #headerMain #mainNav .nav li a:hover {
                background-color: #FCD800; }
              #headerWrapper #headerMain #mainNav .nav li a.activeSubNav {
                height: 70px;
                margin-bottom: 0;
                border-bottom: none;
                background-color: #FCD800; }
            #headerWrapper #headerMain #mainNav .nav li.active a, #headerWrapper #headerMain #mainNav .nav li.active a:hover, #headerWrapper #headerMain #mainNav .nav li.active a:focus {
              color: #000000; }
            #headerWrapper #headerMain #mainNav .nav li:last-child a {
              border-right: none; }
            #headerWrapper #headerMain #mainNav .nav li .dtSubNav {
              position: absolute;
              top: 74px;
              right: 0;
              left: -190px;
              background-color: #ffffff;
              border-bottom: 10px solid #00A6CA; }
              #headerWrapper #headerMain #mainNav .nav li .dtSubNav .spSubHead {
                position: absolute;
                top: 35px;
                width: auto;
                height: 33px;
                padding: 0;
                font-size: 20px;
                font-weight: 600; }
                #headerWrapper #headerMain #mainNav .nav li .dtSubNav .spSubHead:hover, #headerWrapper #headerMain #mainNav .nav li .dtSubNav .spSubHead.active {
                  background-color: transparent;
                  border-bottom: 4px solid #00A6CA; }
              #headerWrapper #headerMain #mainNav .nav li .dtSubNav #productsSpSubHead {
                left: 157px; }
              #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav {
                float: left;
                width: 50%;
                padding-left: 0;
                padding-right: 35px;
                margin: 40px 0;
                border-right: 1px solid rgba(0, 0, 0, 0.131); }
                #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li {
                  float: left;
                  width: 50%;
                  padding-right: 8px; }
                  #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li a {
                    height: auto;
                    padding: 0;
                    margin-bottom: 15px;
                    font-size: 16px; }
                    #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li a:hover {
                      background-color: transparent;
                      font-weight: 600;
                      text-decoration: underline; }
                  #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li.solutionsForSmallBiz {
                    width: 100%;
                    margin-top: 20px;
                    padding-top: 20px;
                    border-top: 1px solid rgba(0, 0, 0, 0.131); }
                    #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li.solutionsForSmallBiz a {
                      font-size: 20px;
                      font-weight: 600; }
                    #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li.solutionsForSmallBiz .fa {
                      float: left;
                      margin: -2px 8px 0 0;
                      color: #00A6CA;
                      font-weight: 400;
                      font-size: 26px; }
                  #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li.viewAllProdNav {
                    width: 100%;
                    margin-top: 20px; }
                    #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li.viewAllProdNav a {
                      font-family: IntroCaps;
                      font-size: 14px;
                      font-weight: 600; }
                    #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNav li.viewAllProdNav .fa {
                      margin-left: 5px;
                      color: #00A6CA;
                      font-weight: 400; }
              #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNavMoreInfo {
                float: left;
                width: 50%;
                margin-top: 40px;
                padding-left: 60px; }
                #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNavMoreInfo .subNavTitle {
                  display: block;
                  width: 100%;
                  margin-bottom: 18px;
                  font-size: 20px;
                  font-weight: 600; }
                #headerWrapper #headerMain #mainNav .nav li .dtSubNav .subNavMoreInfo p {
                  font-size: 16px; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightTopContent {
              margin-top: 40px;
              height: 40px;
              font-size: 20px; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight {
              width: 48%;
              margin-right: 2%;
              height: auto;
              padding: 0; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight:hover {
                background-color: transparent; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight img {
                width: 230px;
                height: 230px;
                margin-bottom: 20px; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .dateIcon {
                width: 230px;
                height: 230px;
                margin-bottom: 20px; }
                #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .dateIcon .month {
                  font-size: 36px;
                  margin-top: 50px;
                  margin-bottom: 8px; }
                #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .dateIcon .date {
                  font-size: 100px; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText {
                padding: 10px 0 0 20px; }
                #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText .eyebrow {
                  font-size: 18px;
                  font-weight: 700; }
                #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight .insightText .insightLink {
                  font-size: 14px; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .insightsList .insight hr {
                left: 0;
                right: 20px; }
            #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .allInsightLink {
              padding-top: 15px;
              font-size: 12px;
              font-weight: 600;
              font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
              float: right;
              width: 200px; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .allInsightLink .fa {
                font-size: 13px;
                margin-left: 8px;
                color: #00A6CA; }
              #headerWrapper #headerMain #mainNav .nav li .insightsWrapper .container .allInsightLink:hover {
                background-color: transparent; }
            #headerWrapper #headerMain #mainNav .nav li #solutionsAndProductsSubNav .subNav, #headerWrapper #headerMain #mainNav .nav li #solutionsAndProductsSubNav .subNavMoreInfo {
              margin-top: 91px; }
      #headerWrapper #headerMain #utilityNav {
        position: absolute;
        top: 10px;
        right: 17px;
        float: none;
        width: auto;
        margin: 0;
        font-size: 12px;
        z-index: 2; }
        #headerWrapper #headerMain #utilityNav a {
          float: left;
          width: auto;
          height: 36px;
          margin-right: 20px; }
          /*#headerWrapper #headerMain #utilityNav a:hover {*/
            /*border-bottom: 4px solid #00A6CA; }*/

            #headerWrapper #headerMain #utilityNav a.bizLogin {
                background: #fcd800;
                color: #000;
                font-family: Intro, "sans-serif";
                border-radius: 3.125rem;
                padding: 1rem 1.625rem;
                opacity: 1;
                cursor: pointer;
                pointer-events: all;
                transition: .2s linear;
            }

        #headerWrapper #headerMain #utilityNav a.language {
          margin-right: 0; }
        #headerWrapper #headerMain #utilityNav .divider {
          display: block;
          float: left;
          color: rgba(0, 0, 0, 0.131);
          margin: 0 19px 0 -1px; }
        #headerWrapper #headerMain #utilityNav .bizLogin .fa-caret-down {
          color: rgba(0, 0, 0, 0.131); }
        #headerWrapper #headerMain #utilityNav .flag {
          float: left;
          padding: 0;
          margin: 11px 10px 0 0; }
        #headerWrapper #headerMain #utilityNav .utilityDropDown {
          position: absolute;
          top: 32px;
          width: 235px;
          background-color: #ffffff; }
          #headerWrapper #headerMain #utilityNav .utilityDropDown li {
            margin: 0; }
            #headerWrapper #headerMain #utilityNav .utilityDropDown li a {
              float: none;
              width: 100%;
              height: 40px;
              margin: 0;
              padding: 13px 20px 0 20px;
              font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
              font-size: 14px;
              font-weight: 400; }
              #headerWrapper #headerMain #utilityNav .utilityDropDown li a:hover {
                border-bottom: none; }
        #headerWrapper #headerMain #utilityNav #bizLoginNav {
          right: 120px; }
        #headerWrapper #headerMain #utilityNav #languageNav {
          right: 0; }
          #headerWrapper #headerMain #utilityNav #languageNav li a {
            height: 51px; }
            #headerWrapper #headerMain #utilityNav #languageNav li a .flag {
              margin-top: 2px; }
      #headerWrapper #headerMain #searchContact {
        position: absolute;
        float: none;
        top: 77px;
        right: 17px;
        z-index: 1; }
        #headerWrapper #headerMain #searchContact #searchContainer {
          float: left;
          display: block;
          height: 36px; }
          #headerWrapper #headerMain #searchContact #searchContainer .fa-search {
            position: absolute;
            top: 3px;
            left: 9px;
            font-size: 25px;
            z-index: 10; }
          #headerWrapper #headerMain #searchContact #searchContainer form {
            position: relative; }
          #headerWrapper #headerMain #searchContact #searchContainer .hideLabel {
            font-size: 2px;
            color: #fff;
            display: none; }
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox {
            width: 135px;
            height: 36px;
            margin-right: 10px;
            padding-left: 40px;
            padding-right: 30px;
            border: 1px solid rgba(0, 0, 0, 0.131); }
            #headerWrapper #headerMain #searchContact #searchContainer #searchBox:focus {
              width: 200px; }
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox::-ms-clear {
            display: none;
            width: 0;
            height: 0; }
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox::-ms-reveal {
            display: none;
            width: 0;
            height: 0; }
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox::-webkit-search-decoration,
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox::-webkit-search-cancel-button,
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox::-webkit-search-results-button,
          #headerWrapper #headerMain #searchContact #searchContainer #searchBox::-webkit-search-results-decoration {
            display: none; }
          #headerWrapper #headerMain #searchContact #searchContainer .clearBtn {
            position: absolute;
            top: -3px;
            right: 10px;
            border: none;
            background: none; }
            #headerWrapper #headerMain #searchContact #searchContainer .clearBtn .fa {
              font-size: 35px; }
      #headerWrapper #headerMain.affix {
        top: -71px; }
        #headerWrapper #headerMain.affix #headerLogo {
          height: 40px;
          margin: 79px 15px 0 17px;
          background-size: 154px 40px; }
          #headerWrapper #headerMain.affix #headerLogo img {
            width: 154px;
            height: 40px; }
        #headerWrapper #headerMain.affix #logoDivider {
          height: 42px;
          margin: 81px 23px 0 0; }
        #headerWrapper #headerMain.affix #targetNav {
          display: none; }
        #headerWrapper #headerMain.affix #mainNav {
          top: 0; }
          #headerWrapper #headerMain.affix #mainNav .nav li a {
            height: 62px;
            padding: 22px 13px 0 13px; }
          #headerWrapper #headerMain.affix #mainNav .nav li .dtSubNav {
            top: 64px; }
        #headerWrapper #headerMain.affix #utilityNav {
          display: block; }
        #headerWrapper #headerMain.affix #searchContact {
          top: 12px; }
    #headerWrapper.personalHeader #headerMain #mainNav .nav li a {
      /*font-size: 14px*/ }
    #headerWrapper.personalHeader #headerMain #searchContact .tui-orange-btn {
      display: none; }

  .mobileMenuOpen #headerWrapper #headerMain #mobileMainNav {
    box-shadow: none; }

  .no-svg #headerWrapper #headerMain #headerLogo:not([itemscope]) {
    background-image: url(../img/logoHeaderMd.png); }
  .no-svg #headerWrapper.blue #headerMain #headerLogo:not([itemscope]) {
    background-image: url(../img/logoHeaderWhiteMd.png); }

  /* Logo size for HK */
  .transunion-hk #headerWrapper #headerMain #headerLogo, .transunion-hk_zh #headerWrapper #headerMain #headerLogo {
    width: 126px;
    height: 60px;
    margin: 30px 15px 0 17px;
    background-size: 126px 60px; }
    .transunion-hk #headerWrapper #headerMain #headerLogo img, .transunion-hk_zh #headerWrapper #headerMain #headerLogo img {
      width: 126px;
      height: 60px; }
  .transunion-hk #headerWrapper #headerMain.affix, .transunion-hk_zh #headerWrapper #headerMain.affix {
    top: -71px; }
    .transunion-hk #headerWrapper #headerMain.affix #headerLogo, .transunion-hk_zh #headerWrapper #headerMain.affix #headerLogo {
      height: 50px;
      width: 105px;
      margin: 75px 55px 0 45px;
      background-size: 105px 50px; }
      .transunion-hk #headerWrapper #headerMain.affix #headerLogo img, .transunion-hk_zh #headerWrapper #headerMain.affix #headerLogo img {
        width: 105px;
        height: 50px; }
    .transunion-hk #headerWrapper #headerMain.affix #logoDivider, .transunion-hk_zh #headerWrapper #headerMain.affix #logoDivider {
      height: 42px;
      margin: 81px 23px 0 0; }
    .transunion-hk #headerWrapper #headerMain.affix #targetNav, .transunion-hk_zh #headerWrapper #headerMain.affix #targetNav {
      display: none; }
    .transunion-hk #headerWrapper #headerMain.affix #mainNav, .transunion-hk_zh #headerWrapper #headerMain.affix #mainNav {
      top: 0; }
      .transunion-hk #headerWrapper #headerMain.affix #mainNav .nav li > a, .transunion-hk_zh #headerWrapper #headerMain.affix #mainNav .nav li > a {
        height: 62px;
        padding: 22px 13px 0 13px; }
      .transunion-hk #headerWrapper #headerMain.affix #mainNav .nav li .dtSubNav, .transunion-hk_zh #headerWrapper #headerMain.affix #mainNav .nav li .dtSubNav {
        top: 64px; }
    .transunion-hk #headerWrapper #headerMain.affix #utilityNav, .transunion-hk_zh #headerWrapper #headerMain.affix #utilityNav {
      display: none; }
    .transunion-hk #headerWrapper #headerMain.affix #searchContact, .transunion-hk_zh #headerWrapper #headerMain.affix #searchContact {
      top: 12px; }

  /* Nav Bar Styles - Medium Break Point*/
  /* Typography - Medium Break Point */
  /* Alert Styles - Medium Break Point */
  .alert {
    padding: 20px 50px;
    border-radius: 0;
    font-size: 14px; }
    .alert .alertIcon {
      margin-left: -18px; }
    .alert h4 {
      font-size: 18px; }

  /* Panel Styles - Medium Break Point */
  .panel {
    border-radius: 0; }

  .panel-body {
    padding: 15px 30px; }

  .panel-footer {
    padding: 10px 15px;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1; }

  /* Button Styles - Medium Break Point */
  /* LESS Document */
  .wrapper .sideNavContainer {
    margin-top: 6px; }
    .wrapper .sideNavContainer li {
      font-size: 14px; }
    .wrapper .sideNavContainer .articleSideNav.affix, .wrapper .sideNavContainer .articleSideNav.affix-top {
      top: 174px; }
    .wrapper .sideNavContainer .listSideNav.affix, .wrapper .sideNavContainer .listSideNav.affix-top {
      top: 64px; }
    .wrapper .sideNavContainer .mainSideNav {
      border-bottom: none;
      display: block;
      overflow-y: visible;
      bottom: auto;
      margin-left: 0; }
      .wrapper .sideNavContainer .mainSideNav.affix, .wrapper .sideNavContainer .mainSideNav.affix-bottom, .wrapper .sideNavContainer .mainSideNav.affix-top {
        width: 207px; }
      .wrapper .sideNavContainer .mainSideNav li {
        min-height: 28px;
        margin-bottom: 8px;
        border-top: none; }
        .wrapper .sideNavContainer .mainSideNav li a {
          padding: 7px 0;
          line-height: 1em; }
        .wrapper .sideNavContainer .mainSideNav li.active {
          margin-left: 0;
          margin-right: 0; }
          .wrapper .sideNavContainer .mainSideNav li.active > a {
            padding-left: 4px;
            margin-left: -8px;
            margin-right: 0;
            background-color: transparent; }
          .wrapper .sideNavContainer .mainSideNav li.active > ul {
            margin-left: 0;
            margin-right: 0;
            background-color: transparent;
            border-bottom: none; }
            .wrapper .sideNavContainer .mainSideNav li.active > ul li {
              margin-bottom: 8px; }
              .wrapper .sideNavContainer .mainSideNav li.active > ul li a {
                padding-left: 20px; }
              .wrapper .sideNavContainer .mainSideNav li.active > ul li.active a {
                padding-left: 41px;
                border-left: none;
                color: #000000; }

  /* Tables and Paging Styles - Medium Break Point*/
  /* Modal Styles - Medium Break Point */
  /* CSS Document */
  .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 3px; }
  .carousel-indicators .active {
    width: 6px;
    height: 6px; }

  /* Footer Styles - Medium Break Point */
  /* CMS Components for TransUnion.com */
  /* Medium 992px*/
  #immersiveComponent .row {
    margin: 0; }

  .immersive-banner {
    text-align: center;
    padding: 0; }
    .immersive-banner ::-ms-clear {
      display: none; }
    .immersive-banner .immersive-background {
      width: 100%;
      min-height: 630px;
      /*background: url(../../resources/img/heroes/industriesHero.jpg) no-repeat;*/
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      margin: 0 auto;
      text-align: center;
      background-position: center center; }
      .immersive-banner .immersive-background .bc-iframe, .immersive-banner .immersive-background .bc-iframe body, .immersive-banner .immersive-background .bc-player-Vke6ZuPU0l_default {
        height: 630px !important; }
      .immersive-banner .immersive-background .video-js {
        height: 630px !important; }
      .immersive-banner .immersive-background .video-js .vjs-tech {
        height: 630px !important; }
      .immersive-banner .immersive-background iframe {
        height: 630px !important; }
      .immersive-banner .immersive-background.blueOverlay:before {
        background-color: rgba(27, 147, 190, 0.78);
        mix-blend-mode: multiply;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        content: " ";
        z-index: 1; }
    .immersive-banner #video-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden;
      z-index: 0;
      max-height: 630px; }
    .immersive-banner .immersive-close {
      display: none;
      font-size: 40px;
      bottom: 0;
      z-index: 1;
      top: 20px;
      margin: 0 0 -280px 0;
      text-align: right;
      color: #ffffff;
      right: 20px; }
      .immersive-banner .immersive-close span.fa.tufa-declined {
        cursor: pointer; }
    .immersive-banner .immersive-headline {
      bottom: 0;
      z-index: 2;
      top: 180px; }
      .immersive-banner .immersive-headline h1 {
        color: #ffffff;
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }
      .immersive-banner .immersive-headline .eyebrow {
        color: #ffffff;
        margin-top: 10px;
        font-size: 16px; }
    .immersive-banner .immersive-play {
      bottom: 0;
      z-index: 2;
      top: 270px;
      margin: 0 0 -280px 0;
      text-align: center; }
      .immersive-banner .immersive-play span.fa.tufa-play-media {
        width: 102px;
        height: 102px;
        font-size: 102px;
        color: #ffffff;
        cursor: pointer; }
    .immersive-banner .immersive-search {
      background-color: rgba(0, 0, 0, 0.25);
      margin-top: -170px;
      padding: 20px;
      height: 170px;
      z-index: 2; }
      .immersive-banner .immersive-search .immersive-search-copy h2 {
        color: #ffffff; }
      .immersive-banner .immersive-search .immersive-searchbar {
        display: block;
        height: 36px;
        position: relative; }
        .immersive-banner .immersive-search .immersive-searchbar form {
          position: relative; }
        .immersive-banner .immersive-search .immersive-searchbar .fa.fa-search {
          position: relative;
          margin: 3px -35px 3px 5px;
          font-size: 25px; }
        .immersive-banner .immersive-search .immersive-searchbar .clearBtn {
          margin: 2px 0 2px -25px;
          border: 0px;
          font-size: 25px;
          background: transparent;
          right: 0%;
          top: 0;
          position: relative; }
        .immersive-banner .immersive-search .immersive-searchbar #jobSearchBox {
          width: 25%;
          height: 36px;
          -webkit-transition: width 0.3s ease-in-out;
          padding-left: 40px; }
        .immersive-banner .immersive-search .immersive-searchbar #jobSearchBox:focus {
          width: 40%;
          height: 36px;
          -webkit-transition: width 0.5s ease-in-out;
          padding-left: 40px; }
    .immersive-banner .immersive-button {
      margin-top: -365px;
      padding: 20px;
      height: 170px;
      z-index: 2; }
      .immersive-banner .immersive-button .immersive-button-copy h2 {
        color: #ffffff; }
    .immersive-banner .vid-button {
      margin-top: -275px; }

  /* Banner Video Personal */
  #immersiveHeroComponent .immersive-banner .immersive-background.blueOverlay:before {
    background-color: rgba(27, 147, 190, 0.78);
    mix-blend-mode: multiply;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    content: " ";
    z-index: 1; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content {
    z-index: 2;
    top: 100px;
    position: absolute; }
    #immersiveHeroComponent .immersive-banner .immersive-video-content p.headline {
      font-size: 64px;
      color: #fff;
      text-shadow: 0 0 10px black;
      margin-top: 0; }
  #immersiveHeroComponent .immersive-banner .immersive-video-content-actions {
    top: 200px;
    position: absolute; }
    #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.largeText {
      font-size: 40px;
      color: #fff;
      text-shadow: 0 0 10px black; }
    #immersiveHeroComponent .immersive-banner .immersive-video-content-actions a.homePageBannerCTA {
      width: auto;
      margin-top: 50px; }
      #immersiveHeroComponent .immersive-banner .immersive-video-content-actions a.homePageBannerCTA span {
        font-size: 30px; }
    #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.loginMsg {
      font-size: 32px;
      color: #fff;
      margin-top: 25px;
      text-shadow: 0 0 10px black; }
      #immersiveHeroComponent .immersive-banner .immersive-video-content-actions p.loginMsg a {
        color: #fff; }

  /* Anchor Nav Component Styles - Small Break Point */
  .contentNav.affix {
    top: 64px; }

  .navHeading {
    top: -150px; }

  /* LESS Document */
  .titleWrapper {
    padding-top: 0;
    margin-top: 0; }
    .titleWrapper .titleContent.affix {
      top: 64px; }

  .articleWrapper .articleDetail .relativeLinkAnchor {
    padding-top: 175px;
    margin-top: -175px; }

  /* LESS Document */
  .rightRailFormWrapper {
    margin: 0 -8px 40px; }
    .rightRailFormWrapper form .field-wrapper {
      width: 50%;
      float: left;
      padding: 0 20px; }
      .rightRailFormWrapper form .field-wrapper .input-wrapper {
        padding-right: 40px; }
      .rightRailFormWrapper form .field-wrapper .select-wrapper {
        padding: 0 40px 0 100px; }
    .rightRailFormWrapper form .submit-button {
      width: auto;
      margin: 0 auto; }

  /* LESS Document */
  .leftRailFormWrapper {
    margin: 0 -8px 40px; }
    .leftRailFormWrapper form .field-wrapper {
      width: 50%;
      float: left; }
      .leftRailFormWrapper form .field-wrapper .input-wrapper {
        padding-right: 40px; }
      .leftRailFormWrapper form .field-wrapper .select-wrapper {
        padding: 0 40px 0 0; }
    .leftRailFormWrapper form .submit-button {
      width: auto; }

  /* LESS Document */
  #videoFeatureWindowComponent h2 {
    max-width: 100%;
    text-align: left; }
  #videoFeatureWindowComponent p {
    max-width: 100%;
    text-align: left; }
  #videoFeatureWindowComponent .videoFeatureWindowWrapper {
    position: relative; }
  #videoFeatureWindowComponent .videoFeatureWindowLeft {
    float: left;
    display: inline-block;
    width: 45%;
    position: absolute;
    left: 38px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateY(-50%);
    /* IE 9 */
    transform: translateY(-50%);
    /* IE 10, Fx 16+, Op 12.1+ */ }
  #videoFeatureWindowComponent .videoFeatureWindowRight {
    float: right;
    display: inline-block;
    width: 45%; }

  /* LESS Document */
  #videoFeatureWindowTextRightComponent h2 {
    max-width: 100%;
    text-align: left; }
  #videoFeatureWindowTextRightComponent p {
    max-width: 100%;
    text-align: left; }
  #videoFeatureWindowTextRightComponent .videoFeatureWindowWrapper {
    position: relative; }
  #videoFeatureWindowTextRightComponent .videoFeatureWindowLeft {
    float: left;
    display: inline-block;
    width: 45%; }
  #videoFeatureWindowTextRightComponent .videoFeatureWindowRight {
    float: right;
    display: inline-block;
    position: absolute;
    right: 38px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateY(-50%);
    /* IE 9 */
    transform: translateY(-50%);
    /* IE 10, Fx 16+, Op 12.1+ */
    width: 45%; }

  #specialtyNavComponent {
    padding-top: 0;
    margin-top: 0;
    border-bottom: 1px solid #eeeeee; }
    #specialtyNavComponent .height-container {
      margin-left: -16px;
      margin-right: -16px; }
    #specialtyNavComponent .specialtyNav {
      background-color: #ffffff;
      padding-right: 0px;
      padding-left: 0px;
      margin-top: 20px;
      top: -20px; }
      #specialtyNavComponent .specialtyNav:before {
        content: " ";
        border-bottom: 1px solid rgba(0, 0, 0, 0.131);
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 90%; }
      #specialtyNavComponent .specialtyNav.affix {
        z-index: 2000; }
      #specialtyNavComponent .specialtyNav .pageTitle {
        padding-left: 5px;
        padding-right: 5px;
        position: relative; }
        #specialtyNavComponent .specialtyNav .pageTitle span {
          font-size: 22px;
          font-weight: 600;
          line-height: 28px; }
        #specialtyNavComponent .specialtyNav .pageTitle a {
          color: #000000;
          text-decoration: none; }
        #specialtyNavComponent .specialtyNav .pageTitle .fa-angle-down {
          float: right;
          color: #000000;
          font-size: 24px; }
    #specialtyNavComponent .specialtyNav-menu {
      width: 100%;
      background-image: url("../img/logoGray.png");
      background-repeat: no-repeat;
      background-color: #ffffff;
      top: 0;
      z-index: 200; }
      #specialtyNavComponent .specialtyNav-menu.affix {
        position: fixed;
        left: 0;
        right: 0;
        background-position-x: 38px;
        border-bottom: 1px solid #eeeeee; }
        #specialtyNavComponent .specialtyNav-menu.affix .secondary-nav {
          display: block;
          margin-left: 0;
          margin-right: 0; }
    #specialtyNavComponent .secondary-nav {
      display: block;
      margin-left: -38px;
      margin-right: -38px;
      padding: 0 15px; }
    #specialtyNavComponent ul.careers-side-nav {
      margin-left: inherit;
      margin-right: inherit; }
      #specialtyNavComponent ul.careers-side-nav > li {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 0; }
        #specialtyNavComponent ul.careers-side-nav > li:first-of-type a:after {
          content: none; }
        #specialtyNavComponent ul.careers-side-nav > li.active {
          position: relative; }
          #specialtyNavComponent ul.careers-side-nav > li.active ul {
            display: block;
            position: absolute;
            margin-top: 0;
            z-index: 5;
            border: 1px solid #eeeeee;
            background-color: white;
            box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15); }
          #specialtyNavComponent ul.careers-side-nav > li.active li {
            height: auto;
            margin-left: 0px;
            margin-bottom: 0px;
            padding-left: 15px;
            padding-right: 25px; }
            #specialtyNavComponent ul.careers-side-nav > li.active li:hover {
              background-color: #eeeeee; }
            #specialtyNavComponent ul.careers-side-nav > li.active li a {
              height: 40px;
              padding: 8px 0 0 0;
              font-family: Intro;
              font-weight: 400;
              font-size: 16px; }
          #specialtyNavComponent ul.careers-side-nav > li.active > a {
            border-left: none;
            border-bottom: 4px solid #00A6CA;
            background-color: #ffffff;
            padding-left: 0px; }
        #specialtyNavComponent ul.careers-side-nav > li a {
          display: block;
          height: 50px;
          padding: 12px 0 0 0;
          font-size: 12px;
          font-family: IntroCaps;
          font-weight: 600; }
          #specialtyNavComponent ul.careers-side-nav > li a span {
            font-family: Intro;
            font-size: 18px; }
        #specialtyNavComponent ul.careers-side-nav > li a:before {
          content: none; }
        #specialtyNavComponent ul.careers-side-nav > li ul {
          display: none; }
    #specialtyNavComponent .listSideNavContainer {
      padding-right: 0px;
      padding-left: 0px; }
      #specialtyNavComponent .listSideNavContainer .careersNavButtons {
        float: right;
        margin-top: 8px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
        #specialtyNavComponent .listSideNavContainer .careersNavButtons .btn {
          height: 34px;
          font-size: 12px;
          padding-left: 12px;
          padding-right: 12px;
          padding-top: 8px; }
        #specialtyNavComponent .listSideNavContainer .careersNavButtons .btn-gray {
          background-color: #ededed;
          border-color: #ededed;
          color: #000000; }

  /* Feature Animated Component - Small Desktop Styles
  *  #featureCarouselComponent
  */
  .featureAnimatedCarousel {
    /* Carousel Heading */ }
    .featureAnimatedCarousel .carouselHeading h2 {
      font-size: 42px; }
    .featureAnimatedCarousel .carouselHeading p {
      font-size: 22px; }
    .featureAnimatedCarousel .chartContainer {
      padding: 0px; }
      .featureAnimatedCarousel .chartContainer .chartInfo {
        margin: 5px auto;
        width: 75%; }
      .featureAnimatedCarousel .chartContainer .endLabel {
        font-size: 16px; }

  /* end featureAnimatedCarousel */
  .heroWrapper.heroTabbed .hero .heroContent {
    left: 25%; }

  /* LESS Document */
  #tabbedHeroComponent .subComponent:nth-child(1) .tabNav {
    top: 45%; }
  #tabbedHeroComponent .subComponent:nth-child(2) .tabNav {
    top: 55%; }
  #tabbedHeroComponent .subComponent:nth-child(3) .tabNav {
    top: 65%; }
  #tabbedHeroComponent .subComponent:nth-child(4) .tabNav {
    top: 75%; }
  #tabbedHeroComponent .subComponent .subComponentContent .textOnMedia {
    font-size: 24px; }
  #tabbedHeroComponent .subComponent .subComponentContent .whiteInfoBox {
    font-size: 20px;
    line-height: 28px; }

  /* Global Footer Styles */
  #datapass-headerWrapper #datapass-headerMain {
    /*		&.affix {
    			#userNavWrap{
    				#userNav{
    					float: right;
    					position: relative;
    					margin: 103px 20px 0 43px;
    				
    				}
    			}
    		}*/ }
    #datapass-headerWrapper #datapass-headerMain #userNavWrap #userNav {
      				/*margin: 70px 20px 0 43px;
      				-webkit-transition: margin 0.5s;
          			transition: margin 0.5s;*/ }

  /* CSS Document */
  .orderFormContainer {
    min-height: 1200px; }

  .orderform {
    /*	.grayArrow {
    		width: 20px;
    		height: 20px;
    		border: 10px solid transparent;
    		border-right: 10px solid $tu-light-gray-2;
    		position: absolute;
    		left: -20px;
    	}*/ }
    .orderform .personalRightRail {
      border: 4px solid #00A6CA;
      padding: 20px;
      margin-top: 69px; }
      .orderform .personalRightRail P {
        font-size: 20px;
        font-weight: 600; }
        .orderform .personalRightRail P sup {
          font-size: 12px; }
      .orderform .personalRightRail ul li {
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: 600; }
    .orderform #cvcMessage .grayArrow {
      display: none; }
    .orderform .cc-helpMessage {
      right: 110px;
      bottom: 45px; }
    .orderform .cvc {
      float: left; }
      .orderform .cvc .helpMessage {
        margin-top: -10px;
        position: absolute;
        width: 300px;
        right: -310px;
        top: 0px;
        padding: 15px 30px;
        line-height: 1em; }
        .orderform .cvc .helpMessage .grayArrow {
          top: 35px; }
    .orderform #expDateWrap .expDateGE {
      margin-left: 15px; }
      .orderform #expDateWrap .expDateGE:after {
        display: none; }
    .orderform .inFieldLabels label.inDPForm {
      left: 20px; }
    .orderform .inFieldLabels .expDate-wrap {
      margin-top: 0px; }
    .orderform .form-group label.error {
      line-height: 19px;
      height: 16px; }
    .orderform .serviceAgreement {
      margin-top: 15px; }
    .orderform .safePurchasePromise h3 {
      margin-top: 0;
      font-size: 16px; }
    .orderform .safePurchasePromise p {
      width: 90%;
      font-size: 12px; }
    .orderform #expired-card {
      left: 22px;
      position: relative; }
    .orderform .email .fa-times-circle-o {
      position: relative;
      top: -21px; }

  .personalBandRow {
    position: relative; }

  #dp-rightRailWrapper #paymentRightRail .secureMessage {
    height: 60px;
    background-color: #a9d161; }
    #dp-rightRailWrapper #paymentRightRail .secureMessage i {
      font-size: 34px;
      font-weight: 600;
      color: #008A00;
      margin: 13px 5px 10px 18px; }
    #dp-rightRailWrapper #paymentRightRail .secureMessage p {
      font-size: 15px;
      display: inline;
      font-weight: 600;
      vertical-align: super; }
  #dp-rightRailWrapper #paymentRightRail .score {
    border: 4px solid #FCD800;
    padding: 12px 0px 0px 20px;
    margin-top: 25px;
    height: 100px; }
    #dp-rightRailWrapper #paymentRightRail .score .titleText {
      font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 18px; }
    #dp-rightRailWrapper #paymentRightRail .score .scoreLine p {
      font-size: 18px;
      display: inline; }
    #dp-rightRailWrapper #paymentRightRail .score .scoreLine .number {
      display: inline;
      font-size: 48px;
      font-weight: 900;
      vertical-align: text-top;
      margin: 0px 25px;
      color: #a9d161; }
  #dp-rightRailWrapper #paymentRightRail .sampleScore {
    font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #a9a9a9;
    float: right; }
  #dp-rightRailWrapper #paymentRightRail .whatyouget {
    border: 4px solid #dddddd;
    margin-top: 32px;
    padding: 25px 30px 15px; }
    #dp-rightRailWrapper #paymentRightRail .whatyouget p {
      font-size: 17px;
      font-weight: 600; }
    #dp-rightRailWrapper #paymentRightRail .whatyouget .pricingInfo {
      font-size: 16px; }
      #dp-rightRailWrapper #paymentRightRail .whatyouget .pricingInfo sup {
        font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
        font-size: 8px;
        color: #a9a9a9; }
    #dp-rightRailWrapper #paymentRightRail .whatyouget ul li {
      font-size: 12px;
      margin-bottom: 10px;
      font-weight: 600; }
  #dp-rightRailWrapper #paymentRightRail .cancelmessage {
    margin: 35px 35px 15px 30px;
    font-size: 12px;
    line-height: normal; }
  #dp-rightRailWrapper #paymentRightRail .safePurchasePromise {
    margin: 55px 35px 15px 30px; }
    #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .fa {
      font-size: 26px;
      color: #008A00;
      font-weight: bold;
      float: left; }
    #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .safePurchasetitle {
      float: left;
      font-family: IntroCaps,"Trebuchet MS",Helvetica,Arial,sans-serif;
      width: 150px;
      margin-left: 5px;
      margin-top: -2px;
      font-size: 16px;
      line-height: 14px;
      font-weight: bold; }
    #dp-rightRailWrapper #paymentRightRail .safePurchasePromise .safePurchasetext {
      font-size: 12px;
      line-height: normal; }
  #dp-rightRailWrapper #nortonSecuredLogo {
    margin-left: 25px; }

  #lifeEventBand .bgrImage {
    background-image: url(../../resources/img/heroes/homeHero1.jpg) !important;
    background-repeat: no-repeat;
    max-height: 300px;
    padding: 0px 300px 0px 60px;
    background-size: cover; }
  #lifeEventBand .lifeEventHeadline {
    padding: 0; }
  #lifeEventBand .innerContent-bulletList P {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400; }
    #lifeEventBand .innerContent-bulletList P sup {
      font-size: 14px; }
  #lifeEventBand .innerContent-bulletList ul {
    margin-bottom: 25px; }
    #lifeEventBand .innerContent-bulletList ul li {
      font-size: 14px; }

  .tuo-banner {
    margin-top: -100px; }
    .tuo-banner .large-heroBannerCalloutsPhoto {
      display: block;
      position: relative;
      height: 500px;
      background-size: cover;
      background-position: center top; }
    .tuo-banner .large-heroBannerCalloutsPhotoMobile {
      display: none; }
    .tuo-banner .highlight {
      right: 5%;
      width: 45%; }
      .tuo-banner .highlight .highlight-overlay-text .title {
        font-size: 26px; }
      .tuo-banner .highlight .highlight-overlay-text .text {
        font-size: 16px; }
      .tuo-banner .highlight .highlight-overlay-text .highlight-btn {
        font-size: 16px;
        padding-top: 4px; }

  /* LESS Document */
  .tuo-header #mobiNavActivate {
    opacity: 0; }
  .tuo-header .topBar .tuMainNav {
    position: absolute;
    top: 11px;
    right: 240px; }
    .tuo-header .topBar .tuMainNav li {
      float: left;
      width: auto;
      height: 55px;
      margin: 0 10px 0 0; }
      .tuo-header .topBar .tuMainNav li a {
        display: block;
        padding-top: 20px;
        padding-right: 20px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none; }
        .tuo-header .topBar .tuMainNav li a:hover {
          text-decoration: underline; }
      .tuo-header .topBar .tuMainNav li.navDivider {
        width: 1px;
        height: 30px;
        margin-top: 15px;
        padding-top: 0;
        background-color: #FCD800;
        border-top: none; }
  .tuo-header .topBar .tiTopLinks {
    display: block;
    opacity: 0;
    float: right;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    position: absolute;
    top: -18px;
    right: 160px; }
    .tuo-header .topBar .tiTopLinks a {
      float: left;
      margin-top: 33px;
      color: #ffffff;
      text-decoration: none;
      font-size: 10px;
      font-weight: 600; }
      .tuo-header .topBar .tiTopLinks a .fa {
        font-size: 20px;
        margin: 1px 3px 0 0;
        float: left; }
  .tuo-header .topBar .tuo-cta {
    display: block;
    opacity: 0;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    float: right;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    font-size: 16px;
    height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
    margin: 0px 15px 0 20px;
    background-color: #f16e00;
    border-radius: 0;
    border: 2px solid #ffffff;
    color: #ffffff;
    position: absolute;
    top: 20px;
    right: 0; }
  .tuo-header.notScrolled .topBar .tiTopLinks {
    opacity: 1; }
  .tuo-header.notScrolled .topBar .tuo-cta {
    opacity: 1; }
  .tuo-header.notScrolled .tiMainNavWrapper {
    opacity: 1;
    position: relative;
    background-color: transparent;
    z-index: 1000;
    width: 50%; }
    .tuo-header.notScrolled .tiMainNavWrapper .tiLogo {
      display: none; }
  .tuo-header.notScrolled.white .tiMainNavWrapper .tiMainNav li a {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }
  .tuo-header.navScrolled #mobiNavActivate {
    opacity: 1; }
  .tuo-header .tiMainNavWrapper {
    top: -10px;
    left: 270px; }

  .tuo-offers .offers .offer {
    margin: 60px 0; }
    .tuo-offers .offers .offer .offer-content {
      height: 800px; }
      .tuo-offers .offers .offer .offer-content .first-title {
        font-size: 22px; }
      .tuo-offers .offers .offer .offer-content .second-title {
        font-size: 16px; }
    .tuo-offers .offers .offer.col-md-custom {
      width: 25%; }
  .tuo-offers .offers.three-offers .offer .offer-content {
    height: 600px; }
  .tuo-offers .offers.three-offers .offer.col-md-custom {
    width: 33%; }
  .tuo-offers .offers.two-offers .offer .offer-content {
    height: 500px; }
  .tuo-offers .offers.two-offers .offer.col-md-custom {
    width: 50%; }

  /* CSS Document */
  #credit .mini-order-form {
    /*	.grayArrow {
    		width: 20px;
    		height: 20px;
    		border: 10px solid transparent;
    		border-right: 10px solid $tu-light-gray-2;
    		position: absolute;
    		left: -20px;
    	}*/ }
    #credit .mini-order-form .report {
      margin-bottom: 0;
      margin-top: 17%; }
      #credit .mini-order-form .report div.score {
        margin-right: 2%;
        width: 35%; }
      #credit .mini-order-form .report .credit-img {
        max-width: 140%;
        width: 140%;
        left: -70px; }
    #credit .mini-order-form .row div {
      margin: 0 auto 2em; }
      #credit .mini-order-form .row div.radio-inline {
        margin-bottom: 10px; }
    #credit .mini-order-form .nextstep {
      margin-top: 0; }
    #credit .mini-order-form .personalRightRail {
      border: 4px solid #00A6CA;
      padding: 20px;
      margin-top: 69px; }
      #credit .mini-order-form .personalRightRail P {
        font-size: 20px;
        font-weight: 600; }
        #credit .mini-order-form .personalRightRail P sup {
          font-size: 12px; }
      #credit .mini-order-form .personalRightRail ul li {
        font-size: 12px;
        margin-bottom: 10px;
        font-weight: 600; }
    #credit .mini-order-form #cvcMessage .grayArrow {
      display: none; }
    #credit .mini-order-form .cc-helpMessage {
      right: 110px;
      bottom: 45px; }
    #credit .mini-order-form .cvc {
      float: left; }
      #credit .mini-order-form .cvc .helpMessage {
        margin-top: -10px;
        position: absolute;
        width: 300px;
        right: -310px;
        top: 0px;
        padding: 15px 30px;
        line-height: 1em; }
        #credit .mini-order-form .cvc .helpMessage .grayArrow {
          top: 35px; }
    #credit .mini-order-form #expDateWrap .expDateGE {
      margin-left: 15px; }
      #credit .mini-order-form #expDateWrap .expDateGE:after {
        display: none; }
    #credit .mini-order-form .inFieldLabels label.inDPForm {
      left: 20px; }
    #credit .mini-order-form .inFieldLabels .expDate-wrap {
      margin-top: 0px; }
    #credit .mini-order-form .form-group label.error {
      line-height: 19px;
      height: 16px; }
    #credit .mini-order-form .serviceAgreement {
      margin-top: 15px; }
    #credit .mini-order-form .safePurchasePromise h3 {
      margin-top: 0;
      font-size: 16px; }
    #credit .mini-order-form .safePurchasePromise p {
      width: 90%;
      font-size: 12px; }
    #credit .mini-order-form #expired-card {
      left: 22px;
      position: relative; }
    #credit .mini-order-form .email .fa-times-circle-o {
      position: relative;
      top: -21px; }

  .personalBandRow {
    position: relative; }

  /* Scss Document */
  /* Begin: Card compare */
  .cardCompareContainer #ccCompareTable .ccName {
    width: 18%; }
  .cardCompareContainer #ccCompareTable .annualFee {
    width: 15%; }
  .cardCompareContainer #ccCompareTable .creditNeeded {
    width: 15%; }
  .cardCompareContainer #ccCompareTable .cashbackRewards {
    width: 15%; }
  .cardCompareContainer #ccCompareTable .balanceTransfer {
    width: 20%; }
  .cardCompareContainer #ccCompareTable .other {
    width: 17%; }
  .cardCompareContainer .cardCompareBox .learnMore, .cardCompareContainer .cardCompareBox .remove {
    font-size: 14px; }

  /* End: Card compare */
  /* Scss Document */
  .cardDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg img, .cardDetailsContainer .creditCardInfo .creditCardDetails .offerImg img, .cardDetailsContainer .creditCardInfo .offerDetails .creditCardImg img, .cardDetailsContainer .creditCardInfo .offerDetails .offerImg img, .cardDetailsContainer .offerInfo .creditCardDetails .creditCardImg img, .cardDetailsContainer .offerInfo .creditCardDetails .offerImg img, .cardDetailsContainer .offerInfo .offerDetails .creditCardImg img, .cardDetailsContainer .offerInfo .offerDetails .offerImg img, .offerDetailsContainer .creditCardInfo .creditCardDetails .creditCardImg img, .offerDetailsContainer .creditCardInfo .creditCardDetails .offerImg img, .offerDetailsContainer .creditCardInfo .offerDetails .creditCardImg img, .offerDetailsContainer .creditCardInfo .offerDetails .offerImg img, .offerDetailsContainer .offerInfo .creditCardDetails .creditCardImg img, .offerDetailsContainer .offerInfo .creditCardDetails .offerImg img, .offerDetailsContainer .offerInfo .offerDetails .creditCardImg img, .offerDetailsContainer .offerInfo .offerDetails .offerImg img {
    width: 248px;
    height: 156px; }
  .cardDetailsContainer .ccDetailsTableDesktop .annualFee, .offerDetailsContainer .ccDetailsTableDesktop .annualFee {
    width: 17%; }
  .cardDetailsContainer .ccDetailsTableDesktop .creditNeeded, .offerDetailsContainer .ccDetailsTableDesktop .creditNeeded {
    width: 16%; }
  .cardDetailsContainer .ccDetailsTableDesktop .cashbackRewards, .offerDetailsContainer .ccDetailsTableDesktop .cashbackRewards {
    width: 17%; }
  .cardDetailsContainer .ccDetailsTableDesktop .balanceTransfer, .offerDetailsContainer .ccDetailsTableDesktop .balanceTransfer {
    width: 25%; }
  .cardDetailsContainer .ccDetailsTableDesktop .other, .offerDetailsContainer .ccDetailsTableDesktop .other {
    width: 25%; }

  #engagement .callToAction div.mainHeadline {
    padding: 30px 0 20px 0; }

  .relatedArticlesPersonal2Wrapper h2 {
    font-size: 28px;
    margin-top: 50px; }
  .relatedArticlesPersonal2Wrapper .relatedArticlesSubhead {
    font-size: 18px; }
  .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item {
    width: 23.50%; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle img {
      width: 90%;
      height: 90%; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle .itemTitle h5 {
      font-size: 16px; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .itemText p {
      font-size: 16px; }

  /* Scss Document */
  #headerWrapper #headerMain #searchContact #searchContainer img {
    position: absolute;
    top: 8px;
    left: 9px;
    height: 20px;
    width: 20px;
    z-index: 10; }

  #headerWrapper #headerMain #searchContact #searchContainer .clearBtn img {
    left: -10px;
    height: 15px;
    width: 15px;
    top: 13px; }

  #globalFooter #socialLinksSVG li {
    display: inline-block;
    margin-left: 7px;
    height: 35px;
    width: 35px;
    margin-top: 25px; }

  /* Scss Document */
  #creditFreezeToggleComponent {
    max-width: 960px; }
    #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-tab-text {
      width: 60%;
      text-align: center;
      margin: 0 0 0 10px; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-tab-text .tu-title {
        width: 90%; }
    #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-main-icon {
      width: 20%;
      text-align: left;
      float: left; }
      #creditFreezeToggleComponent .credit-freeze-feature-dskt .toggleFeature-container .toggleFeature .tu-tab .tu-main-icon.arrows {
        width: 10%;
        text-align: right;
        float: right; } }
@media screen and (min-width: 992px) and (min-width: 992px) {
  .headContainer {
    width: 885px;
    text-align: left;
    margin: auto; }

  .protectContainer, .cardContainer0 {
    display: flex; }

  .highlightsList {
    display: block; }

  .highlightToggle {
    display: none; }

  .featureHeader {
    display: block; }

  .cardContainer {
    min-height: 900px;
    max-width: 295px;
    height: 1100px;
    position: relative; }

  .offerCostLine {
    width: 90%; }

  .javelin {
    display: block;
    height: 175px;
    width: 175px;
    margin: auto; }

  .tuProductBtn {
    margin-top: 35px;
    margin-bottom: 35px;
    right: 0;
    left: 0;
    position: absolute;
    bottom: 0; }

  .mobileLine {
    display: none; }

  .bottomLine {
    display: block;
    margin-top: 75px;
    right: 0;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0; }

  #highList {
    display: block; } }
@media (min-width: 992px) {
  .faqContainer {
    padding: 100px; }

  .tu-title {
    font-size: 32px; }

  .tu-subtitle {
    font-size: 22px; }

  .faqInput {
    font-size: 20px;
    border-bottom: 1px black solid; }

  .searchIcon {
    height: 20px;
    width: 20px; }

  .catResultsSection {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-gap: 1em; }

  .catListItem {
    margin-bottom: 15px; }

  .tu-divider {
    margin-top: 25px;
    margin-bottom: 15px;
    width: 80%; }

  .faqQuestionBox {
    border-bottom: 2px white solid; }

  .box:hover {
    border-bottom: 2px #FCD800 solid; }

  .plusIcon {
    height: 30px;
    width: 30px; }

  .faqQuestionText {
    font-size: 20px; } }
/* Large devices (large laptops, desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Page Structure Styles - Large Break Point*/
  /* Grid Modifications */
  .container {
    width: 1200px;
    padding-right: 10px;
    padding-left: 10px; }
    .container.containerNoRow {
      padding-left: 0;
      padding-right: 0; }

  .row {
    margin-right: -10px;
    margin-left: -10px; }

  *[class^='col-'], *[class*='col-'] {
    padding-right: 10px;
    padding-left: 10px; }

  /* Header Styles - Large Break Point */
  #headerWrapper #headerMain #headerLogo {
    width: 185px;
    height: 49px;
    margin: 39px 20px 0 43px;
    background-size: 185px 49px; }
    #headerWrapper #headerMain #headerLogo img {
      width: 185px;
      height: 49px; }
  #headerWrapper #headerMain #logoDivider {
    height: 80px;
    margin: 23px 0 0 0; }
  #headerWrapper #headerMain #targetNav {
    top: 16px;
    left: 288px;
    font-size: 16px; }
    #headerWrapper #headerMain #targetNav a {
      height: 32px; }
    #headerWrapper #headerMain #targetNav .blue-bar {
      display: none;
      /*left: 0;
      bottom: 15px;*/ }
  #headerWrapper #headerMain #mainNav {
    left: 271px; }
    #headerWrapper #headerMain #mainNav .container {
      width: 980px;
      padding-right: 0;
      padding-left: 0; }
    #headerWrapper #headerMain #mainNav .nav li a {
      padding: 26px 17px 0 17px;
      font-size: 20px; }
    #headerWrapper #headerMain #mainNav .nav li .dtSubNav {
      left: -271px; }
      #headerWrapper #headerMain #mainNav .nav li .dtSubNav #productsSpSubHead {
        left: 118px; }
  #headerWrapper #headerMain #utilityNav a {
    height: 29px; }
  #headerWrapper #headerMain #utilityNav .flag {
    margin-top: 6px; }
  #headerWrapper.personalHeader #headerMain #mainNav .nav li a {
    /*font-size: 22px*/ }
  #headerWrapper.personalHeader #headerMain #searchContact .tui-orange-btn {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }
  #headerWrapper.personalHeader #headerMain #searchContact #searchContainer #searchBox {
    width: 80px; }
    #headerWrapper.personalHeader #headerMain #searchContact #searchContainer #searchBox:focus {
      width: 300px; }

  /* Logo size for HK */
  .transunion-hk #headerWrapper #headerMain #headerLogo, .transunion-hk_zh #headerWrapper #headerMain #headerLogo {
    width: 143px;
    height: 68px;
    margin: 29px 20px 0 43px;
    background-size: 143px 68px; }
    .transunion-hk #headerWrapper #headerMain #headerLogo img, .transunion-hk_zh #headerWrapper #headerMain #headerLogo img {
      width: 143px;
      height: 68px; }

  /* Nav Bar Styles - Large Break Point*/
  /* Typography - Large Break Point */
  body {
    font-size: 16px; }

  h1, .primaryHeadline {
    font-size: 40px; }

  h3, .introOne {
    font-size: 22px;
    line-height: 26px; }

  h4, .introTwo {
    font-size: 20px;
    line-height: 26px; }

  h6, .eyebrow {
    /* Eyebrows */
    font-size: 14px; }

  .description {
    font-size: 14px;
    line-height: 15px; }

  /* Alert Styles - Large Break Point */
  /* Panel Styles - Large Break Point */
  /* Button Styles - Large Break Point */
  .btn {
    height: 36px;
    font-size: 14px; }

  /* LESS Document */
  .wrapper .sideNavContainer {
    margin-top: 16px; }
    .wrapper .sideNavContainer .listSideNav.affix, .wrapper .sideNavContainer .listSideNav.affix-top {
      top: 64px; }
    .wrapper .sideNavContainer .mainSideNav li.active > a {
      padding-left: 16px;
      margin-left: -20px; }
    .wrapper .sideNavContainer .mainSideNav.affix, .wrapper .sideNavContainer .mainSideNav.affix-bottom, .wrapper .sideNavContainer .mainSideNav.affix-top {
      width: 195px; }

  /* Tables and Paging Styles - Large Break Point*/
  /* Modal Styles - Large Break Point */
  /* Footer Styles - Large Break Point */
  .toggleNav {
    top: 120px;
    left: 252px;
    width: 25px; }

  /* CMS Components for TransUnion.com */
  /* Hero Image Styles - Large Break Point */
  .hero .heroImage {
    height: 460px;
    margin-top: 0; }
  .hero .heroContent {
    width: 440px;
    height: 380px;
    padding: 0 60px;
    margin-left: 40px;
    margin-top: -460px;
    background-color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }
    .hero .heroContent .heroContentTop {
      padding: 54px 0 9px 0;
      min-height: inherit;
      height: auto;
      margin-top: 0;
      background-color: transparent; }
      .hero .heroContent .heroContentTop .primaryHeadline {
        margin-top: 15px; }
    .hero .heroContent .heroContentBottom {
      padding-top: 0;
      margin-top: 0;
      padding-left: 0;
      border-left: none;
      background-color: transparent; }
      .hero .heroContent .heroContentBottom p {
        font-size: 20px;
        line-height: 26px; }

  .heroWrapper.carousel .carousel-indicators li {
    height: 12px;
    width: 12px;
    border-radius: 6px; }
    .heroWrapper.carousel .carousel-indicators li.active {
      height: 12px;
      width: 12px; }
  .heroWrapper.carousel .hero {
    min-height: 520px; }
    .heroWrapper.carousel .hero .heroImage {
      height: 520px; }
    .heroWrapper.carousel .hero .heroContent {
      width: 800px; }
      .heroWrapper.carousel .hero .heroContent .eyebrow {
        font-size: 18px; }
      .heroWrapper.carousel .hero .heroContent .primaryHeadline {
        font-size: 58px;
        line-height: 68px;
        letter-spacing: -.25px; }
      .heroWrapper.carousel .hero .heroContent p {
        display: block;
        font-size: 24px;
        line-height: 29px; }

  /* Personal Hero Component Styles */
  .heroPersonal .heroImage {
    height: 460px;
    margin-top: 0; }
  .heroPersonal .heroContent {
    width: 540px;
    height: 394px;
    padding: 0 60px;
    margin-left: 40px;
    margin-top: -460px; }
    .heroPersonal .heroContent .heroContentTop {
      padding: 50px 0 20px 0;
      min-height: inherit; }
      .heroPersonal .heroContent .heroContentTop .primaryHeadline {
        font-size: 30px;
        line-height: 34px; }
      .heroPersonal .heroContent .heroContentTop.personalHero .primaryHeadline {
        font-size: 41px;
        line-height: 39px; }
    .heroPersonal .heroContent .heroContentBottom p {
      font-size: 20px;
      line-height: 26px; }
    .heroPersonal .heroContent .heroContentBottom p.largeText {
      font-size: 22px;
      line-height: 1.1em; }
    .heroPersonal .heroContent .heroContentBottom p.smallText {
      font-size: 16px;
      line-height: 19px; }
    .heroPersonal .heroContent .heroContentBottom p.loginMsg {
      font-size: 17px; }
    .heroPersonal .heroContent .heroContentBottom a.homePageBannerCTA {
      padding-top: 25px;
      height: 80px; }

  .transunion-ca .heroPersonal .heroContent:after, .transunion-ca_fr .heroPersonal .heroContent:after {
    font-size: 72px;
    right: 35px;
    bottom: 35px; }

  .heroPersonalSubPage .heroImage {
    height: 460px;
    margin-top: 0; }
  .heroPersonalSubPage .heroContent {
    width: 540px;
    height: 394px;
    padding: 0 60px;
    margin-left: 40px;
    margin-top: -460px; }
    .heroPersonalSubPage .heroContent .heroContentTop {
      padding: 50px 0 20px 0;
      min-height: inherit; }
      .heroPersonalSubPage .heroContent .heroContentTop.personalHero .primaryHeadline {
        font-size: 41px;
        line-height: 39px; }
    .heroPersonalSubPage .heroContent .heroContentBottom p {
      font-size: 20px;
      line-height: 26px; }
    .heroPersonalSubPage .heroContent .heroContentBottom p.largeText {
      font-size: 22px;
      line-height: 1.1em; }
    .heroPersonalSubPage .heroContent .heroContentBottom p.smallText {
      font-size: 16px;
      line-height: 19px; }
    .heroPersonalSubPage .heroContent .heroContentBottom p.loginMsg {
      font-size: 17px; }
    .heroPersonalSubPage .heroContent .heroContentBottom a.tui-orange-tall-btn {
      padding-top: 25px;
      height: 80px; }

  /*Large 1200px*/
  #immersiveComponent .row {
    margin: 0; }

  .immersive-banner {
    text-align: center;
    padding: 0; }
    .immersive-banner ::-ms-clear {
      display: none; }
    .immersive-banner .immersive-background {
      width: 100%;
      min-height: 630px;
      /*background: url(../../resources/img/heroes/industriesHero.jpg) no-repeat;*/
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      margin: 0 auto;
      text-align: center;
      background-position: center center; }
      .immersive-banner .immersive-background .bc-iframe, .immersive-banner .immersive-background .bc-iframe body, .immersive-banner .immersive-background .bc-player-Vke6ZuPU0l_default {
        height: 630px !important; }
      .immersive-banner .immersive-background .video-js {
        height: 630px !important; }
      .immersive-banner .immersive-background .video-js .vjs-tech {
        height: 630px !important; }
      .immersive-banner .immersive-background iframe {
        height: 630px !important; }
    .immersive-banner #video-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden;
      z-index: 0;
      max-height: 630px; }
    .immersive-banner .immersive-close {
      display: none;
      font-size: 40px;
      bottom: 0;
      z-index: 1;
      top: 20px;
      margin: 0 0 -280px 0;
      text-align: right;
      color: #ffffff;
      right: 20px; }
      .immersive-banner .immersive-close span.fa.tufa-declined {
        cursor: pointer; }
    .immersive-banner .immersive-headline {
      bottom: 0;
      z-index: 2;
      top: 180px; }
      .immersive-banner .immersive-headline .eyebrow {
        color: #ffffff;
        margin-top: 10px;
        font-size: 16px; }
      .immersive-banner .immersive-headline h1 {
        color: #ffffff;
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }
    .immersive-banner .immersive-play {
      bottom: 0;
      z-index: 2;
      top: 270px;
      margin: 0 0 -280px 0;
      text-align: center; }
    .immersive-banner span.fa.tufa-play-media {
      width: 102px;
      height: 102px;
      font-size: 102px;
      color: #ffffff;
      cursor: pointer; }
    .immersive-banner .immersive-search {
      background-color: rgba(0, 0, 0, 0.25);
      margin-top: -170px;
      padding: 20px;
      height: 170px;
      z-index: 2; }
    .immersive-banner .immersive-search-copy h2 {
      color: #ffffff; }
    .immersive-banner .immersive-searchbar {
      display: block;
      height: 36px;
      position: relative; }
      .immersive-banner .immersive-searchbar form {
        position: relative; }
      .immersive-banner .immersive-searchbar .fa.fa-search {
        position: relative;
        margin: 3px -35px 3px 5px;
        font-size: 25px; }
      .immersive-banner .immersive-searchbar .clearBtn {
        margin: 2px 0 2px -25px;
        border: 0px;
        font-size: 25px;
        background: transparent;
        position: absolute;
        right: 0%;
        top: 0;
        position: relative; }
      .immersive-banner .immersive-searchbar #jobSearchBox {
        width: 25%;
        height: 36px;
        -webkit-transition: width 0.3s ease-in-out;
        padding-left: 40px; }
      .immersive-banner .immersive-searchbar #jobSearchBox:focus {
        width: 40%;
        height: 36px;
        -webkit-transition: width 0.5s ease-in-out;
        padding-left: 40px; }
    .immersive-banner .immersive-button {
      margin-top: -365px;
      padding: 20px;
      height: 170px;
      z-index: 2; }
    .immersive-banner .immersive-button-copy h2 {
      color: #ffffff; }
    .immersive-banner .vid-button {
      margin-top: -275px; }

  /* Anchor Nav Component Styles - Large Break Point */
  /* Content Detail Component Styles */
  .articleWrapper {
    /*margin-top: 60px;*/ }
    .articleWrapper .articlePhoto {
      margin-top: 0px;
      margin-bottom: 51px; }
    .articleWrapper .articleDate {
      font-size: 16px;
      margin-bottom: 29px;
      margin-top: 13px; }
    .articleWrapper .articleDetail {
      margin-top: 19px; }
      .articleWrapper .articleDetail .introLight {
        font-size: 30px;
        font-weight: 300;
        line-height: 36px;
        display: block; }
      .articleWrapper .articleDetail .articleNavDesc {
        font-size: 24px;
        display: block;
        margin-bottom: 25px;
        margin-top: 31px; }
      .articleWrapper .articleDetail .listHeadings {
        font-size: 24px;
        font-weight: 400;
        display: block;
        border-top: 1px solid #00A6CA;
        padding-top: 30px;
        text-transform: uppercase;
        margin-bottom: 39px;
        margin-top: 31px; }
      .articleWrapper .articleDetail .articleNavBody {
        font-size: 20px;
        line-height: 26px; }
      .articleWrapper .articleDetail .articleNavSmall {
        font-size: 16px;
        line-height: 22px; }
      .articleWrapper .articleDetail .articleListHeading {
        font-size: 16px;
        line-height: 22px;
        font-weight: 400; }
      .articleWrapper .articleDetail p, .articleWrapper .articleDetail ol, .articleWrapper .articleDetail ul {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 30px; }
      .articleWrapper .articleDetail ul li {
        margin-left: 50px; }
        .articleWrapper .articleDetail ul li:before {
          width: 18px;
          margin-top: 1px;
          margin-left: -18px;
          font-size: 30px; }
      .articleWrapper .articleDetail a.articleDescriptionLink {
        color: #707070;
        text-decoration: none;
        font-size: 16px; }
      .articleWrapper .articleDetail .articleBlueHeader {
        font-size: 22px;
        line-height: 26px; }
    .articleWrapper .nextArticle {
      font-size: 14px;
      text-transform: uppercase;
      color: #000000;
      text-decoration: none;
      margin-top: 56px;
      border-bottom: none; }
      .articleWrapper .nextArticle .fa {
        color: #00a6ca; }

  .headerSharePageContainer .primaryHeader {
    font-size: 36px;
    line-height: 46px;
    margin-top: 0px; }
  .headerSharePageContainer .shareThisPage {
    border-bottom: none;
    font-weight: 600;
    margin-top: 19px; }
    .headerSharePageContainer .shareThisPage .addthis_toolbox {
      float: right;
      margin-top: -9px; }

  .titleWrapper {
    height: 100px; }
    .titleWrapper .titleContent {
      padding-top: 0px;
      min-height: 100px;
      height: auto; }
      .titleWrapper .titleContent #pageTitle {
        font-size: 40px;
        padding-left: 99px;
        padding-top: 27px;
        line-height: 1.1em; }
      .titleWrapper .titleContent.affix {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
        top: 64px; }

  #tinymce ol, #tinymce ul {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px; }
  #tinymce ul li {
    margin-left: 18px; }
    #tinymce ul li:before {
      width: 18px;
      margin-top: 1px;
      margin-left: -18px;
      font-size: 30px; }

  /* Article Component Styles for Personal */
  .articlePhotoPersonal {
    margin-top: 30px;
    margin-bottom: 60px; }

  .articlePhotoWrapper .headerSharePageContainer .primaryHeader {
    padding-right: 0; }
  .articlePhotoWrapper .headerSharePageContainer .shareThisPagePersonal {
    position: relative; }

  .articleBodyPersonal {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px; }

  .footNote {
    font-size: 15px;
    line-height: 22px; }

  /* Article Component Styles for Personal */
  .articleWrapperPersonal2 .articlePhotoPersonal {
    margin-top: 30px;
    margin-bottom: 60px; }
  .articleWrapperPersonal2 .articlePhotoWrapper .headerSharePageContainer .primaryHeader {
    padding-right: 0; }
  .articleWrapperPersonal2 .articlePhotoWrapper .headerSharePageContainer .shareThisPagePersonal {
    position: relative; }
  .articleWrapperPersonal2 .articleBodyPersonal2 {
    margin-bottom: 20px; }
  .articleWrapperPersonal2 .articleTitle {
    font-size: 22px; }
  .articleWrapperPersonal2 .footNote {
    font-size: 15px;
    line-height: 22px; }

  /* Content Detail Component Styles - Large Break Point */
  .contentDetail p {
    margin: 0; }
  .contentDetail ol, .contentDetail ul {
    margin-bottom: 40px; }
  .contentDetail ul li {
    margin-left: 18px; }
    .contentDetail ul li:before {
      width: 18px;
      margin-top: 1px;
      margin-left: -18px;
      font-size: 30px; }

  .contentPrimaryHeadline {
    font-size: 30px;
    line-height: 36px; }

  .contentIntroOne {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px; }

  .contentIntroOneBlueline, .contentIntroOneBlueLine {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 23px; }

  .contentIntroTwo {
    margin-bottom: 34px;
    font-size: 20px;
    line-height: 26px; }

  .contentLabelHead {
    font-size: 18px;
    margin-bottom: 40px; }

  .contentSecondaryHeadline {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px; }

  .contentBody {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 19px; }

  .sharePage {
    margin-top: 20px; }

  #popupPhotoModal .modal-dialog {
    width: 80%; }
    #popupPhotoModal .modal-dialog img {
      width: 100%; }

  /* Content Feature Component Styles - Large Break Point */
  .contentBox {
    border-width: 3px;
    background-color: rgba(0, 0, 0, 0.04);
    margin-left: -60px;
    margin-right: -60px;
    padding: 60px;
    margin-bottom: 60px; }
    .contentBox .labelHead {
      margin-top: -5px;
      margin-bottom: 27px; }
    .contentBox.gray {
      margin-left: -60px;
      margin-right: -60px;
      padding-left: 60px;
      padding-right: 60px; }

  .contentFeature {
    min-height: 0; }
    .contentFeature .primaryHeadline {
      font-size: 27px;
      line-height: 32px; }
      .contentFeature .primaryHeadline .fa {
        font-size: 70px; }

  .contentList ul {
    padding: 0; }
    .contentList ul li:before {
      font-size: 24px; }

  /* Content Detail Component Styles */
  .contentHero .smallProductsTitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 77px;
    text-transform: uppercase; }
  .contentHero .primaryHeadline {
    font-size: 30px;
    line-height: 34px; }
  .contentHero .smallProductsBody {
    margin-bottom: 39px; }
  .contentHero .btn {
    margin-bottom: 63px; }

  /* Resources Component Styles - Large Break Point */
  .resources .resourcesTitle {
    margin-bottom: 34px; }
  .resources .resource .resourceIcon {
    margin-top: 1px;
    margin-right: 20px; }
  .resources .resource .resourceText .bodyTitle {
    font-size: 16px; }
  .resources .resource .description {
    font-size: 14px;
    line-height: 15px; }
  .resources .resource.featureResource .introOne {
    font-size: 22px;
    line-height: 26px; }
  .resources .resource.featureResource .description, .resources .resource.featureResource p {
    font-size: 14px;
    line-height: 15px; }
    .resources .resource.featureResource .description.resourceBody, .resources .resource.featureResource p.resourceBody {
      font-size: 16px;
      line-height: 20px; }

  .col-lg-3 .resource {
    width: 100%; }

  /* Resources Component Styles - Large Break Point */
  .resourcesPersonal .description {
    font-size: 14px;
    line-height: 16px; }
  .resourcesPersonal .bodyTitle {
    font-size: 16px;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 10px; }

  /* Carousel Component Styles */
  .featureCarouselWrapper {
    padding-top: 52px;
    padding-bottom: 45px; }
    .featureCarouselWrapper .carousel .carouselHeading {
      font-size: 40px;
      line-height: 48px;
      margin-bottom: 42px;
      padding-left: 100px;
      padding-right: 100px; }
    .featureCarouselWrapper .carousel .carousel-inner.byTwo, .featureCarouselWrapper .carousel .carousel-inner.byFour {
      padding: 0 40px 0 40px;
      text-align: left; }
      .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .fa, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .fa {
        float: left;
        font-size: 75px;
        margin-right: 19px; }
      .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .carouselContent .carouselHeadline, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .carouselContent .carouselHeadline {
        display: block;
        padding: 12px 0 16px 0;
        margin-top: -1px;
        text-align: left; }
      .featureCarouselWrapper .carousel .carousel-inner.byTwo .item .carouselContent p, .featureCarouselWrapper .carousel .carousel-inner.byFour .item .carouselContent p {
        font-size: 18px;
        line-height: 22px;
        border-top: none;
        margin-top: -7px;
        margin-bottom: 10px; }
    .featureCarouselWrapper .carousel .carousel-inner.byThree .item, .featureCarouselWrapper .carousel .carousel-inner.byFive .item {
      height: 400px; }
      .featureCarouselWrapper .carousel .carousel-inner.byThree .item .fa, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .fa {
        font-size: 114px; }
      .featureCarouselWrapper .carousel .carousel-inner.byThree .item .carouselContent .carouselHeadline, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .carouselContent .carouselHeadline {
        padding: 12px 0 16px 0;
        margin-top: 18px; }
      .featureCarouselWrapper .carousel .carousel-inner.byThree .item .carouselContent p, .featureCarouselWrapper .carousel .carousel-inner.byFive .item .carouselContent p {
        font-size: 18px;
        line-height: 22px;
        border-top: none;
        padding: 0 20px 0 20px; }
    .featureCarouselWrapper .carousel .carousel-inner.byFive .item {
      height: 450px; }
    .featureCarouselWrapper .carousel .carousel-inner.byFive div.item:nth-child(4) {
      margin-left: 200px; }

  .featuresBoxesWrapper .boxesTwo {
    text-align: left; }
    .featuresBoxesWrapper .boxesTwo .item {
      padding: 34px 45px 44px 45px; }
      .featuresBoxesWrapper .boxesTwo .item .carouselBoxesHeadline {
        font-size: 30px;
        line-height: 34px;
        font-weight: 300; }
      .featuresBoxesWrapper .boxesTwo .item p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 27px;
        height: 51px; }
      .featuresBoxesWrapper .boxesTwo .item .carouselButtons {
        margin-top: 30px; }
  .featuresBoxesWrapper .boxesThree {
    text-align: center; }
    .featuresBoxesWrapper .boxesThree .item .carouselBoxesHeadline {
      font-size: 30px;
      line-height: 34px;
      font-weight: 300;
      padding: 0 70px; }
    .featuresBoxesWrapper .boxesThree .item p {
      font-size: 18px;
      line-height: 22px;
      margin-top: 27px;
      height: 135px;
      padding: 0 56px; }
  .featuresBoxesWrapper .boxesFour {
    text-align: left; }
    .featuresBoxesWrapper .boxesFour .item {
      padding: 34px 45px 44px 45px; }
      .featuresBoxesWrapper .boxesFour .item .carouselBoxesHeadline {
        font-size: 30px;
        line-height: 34px;
        font-weight: 300; }
      .featuresBoxesWrapper .boxesFour .item p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 28px;
        height: 62px; }
      .featuresBoxesWrapper .boxesFour .item .carouselButtons {
        margin-top: 30px; }

  /* Carousel Component Styles */
  .featureCarouselPersonalWrapper {
    padding-top: 52px;
    padding-bottom: 45px; }
    .featureCarouselPersonalWrapper .carouselPersonal .instantAlertImage {
      text-align: center; }
    .featureCarouselPersonalWrapper .carouselPersonal .carouselHeading {
      margin-bottom: 42px;
      margin-left: 110px;
      margin-right: 110px;
      padding-top: 60px;
      padding-left: 80px;
      padding-right: 80px;
      border-top: 1px solid #ccc;
      font-size: 40px;
      font-weight: 300;
      line-height: 48px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carouselHeading.noBorder {
        font-size: 41px;
        font-weight: normal; }
    .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner {
      width: 980px;
      margin: 0 auto; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour {
        padding: 0 40px 0 40px;
        text-align: left; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item {
          font-weight: lighter; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .fa, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .fa {
            float: left;
            font-size: 75px;
            margin-right: 19px; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .carouselContent .carouselHeadline, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .carouselContent .carouselHeadline {
            display: block;
            padding: 12px 0 16px 0;
            margin-top: -1px;
            text-align: left; }
          .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byTwo .item .carouselContent p, .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFour .item .carouselContent p {
            font-size: 18px;
            line-height: 22px;
            border-top: none;
            margin-top: -7px;
            margin-bottom: 10px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item {
        width: 280px;
        margin-right: 70px;
        font-weight: 300; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item .fa {
          font-size: 114px; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item .carouselContent .carouselHeadline {
          padding: 12px 0 16px 0;
          margin-top: 18px; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byThree .item .carouselContent p {
          font-size: 18px;
          line-height: 22px;
          border-top: none;
          padding: 0px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .fa {
        font-size: 50px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent .carouselHeadline {
        padding: 12px 0 16px 0;
        margin-top: -1px;
        font-size: 27px; }
      .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent p {
        font-size: 16px;
        line-height: 22px;
        border-top: none;
        margin-top: -7px; }
        .featureCarouselPersonalWrapper .carouselPersonal .carousel-inner.byFourVariant .item .carouselContent p.finePrint {
          font-size: 13px; }

  /* Tab Carousel Component Styles */
  .tabCarouselSection .tabContentFeature {
    padding: 60px; }
    .tabCarouselSection .tabContentFeature img {
      width: auto; }
    .tabCarouselSection .tabContentFeature .carousel-inner {
      width: 90%; }
    .tabCarouselSection .tabContentFeature .primaryHeadline {
      margin: 0 auto;
      text-align: center;
      font-weight: 300;
      font-size: 40px; }
    .tabCarouselSection .tabContentFeature .landingText p {
      font-size: 21px;
      line-height: 26px; }
    .tabCarouselSection .tabContentFeature .carouselBox {
      display: table;
      height: 300px;
      padding: 40px 20px;
      width: 50%; }
      .tabCarouselSection .tabContentFeature .carouselBox .tabCarouselIcon {
        font-size: 180px; }
      .tabCarouselSection .tabContentFeature .carouselBox div {
        display: table-cell;
        vertical-align: middle; }
        .tabCarouselSection .tabContentFeature .carouselBox div p {
          text-align: left; }
          .tabCarouselSection .tabContentFeature .carouselBox div p.boxHeadline {
            font-size: 30px;
            line-height: 34px; }
        .tabCarouselSection .tabContentFeature .carouselBox div span ul {
          text-align: left; }
          .tabCarouselSection .tabContentFeature .carouselBox div span ul li {
            width: 400px; }
    .tabCarouselSection .tabContentFeature .carousel-control {
      background: none;
      color: #ddd;
      display: inline-block;
      font-size: 70px;
      width: 2%;
      text-shadow: none;
      top: 60%; }
      .tabCarouselSection .tabContentFeature .carousel-control .fa {
        position: relative; }
        .tabCarouselSection .tabContentFeature .carousel-control .fa.fa-angle-left {
          left: 20px; }
        .tabCarouselSection .tabContentFeature .carousel-control .fa.fa-angle-right {
          right: 20px; }
      .tabCarouselSection .tabContentFeature .carousel-control button {
        display: none; }
    .tabCarouselSection .tabContentFeature .carousel-control:focus, .tabCarouselSection .tabContentFeature .carousel-control:hover {
      color: #A9A9A9; }
    .tabCarouselSection .tabContentFeature.tab .dropdown-toggle {
      display: none; }
    .tabCarouselSection .tabContentFeature.tab .carousel-indicators {
      margin: 40px auto 10px;
      left: auto;
      position: relative;
      width: 100%; }
      .tabCarouselSection .tabContentFeature.tab .carousel-indicators li {
        background-color: transparent;
        border: none;
        display: inline-block;
        padding-right: 5%;
        width: auto; }
        .tabCarouselSection .tabContentFeature.tab .carousel-indicators li span {
          font-weight: 600;
          font-size: 18px;
          line-height: 28px;
          padding: 5px 0;
          text-transform: uppercase; }
        .tabCarouselSection .tabContentFeature.tab .carousel-indicators li.active span {
          border-bottom: 4px solid #00a6ca; }
  .tabCarouselSection.gray .contentBox.tabContentFeature.tab .carousel-indicators li {
    color: #fff; }

  /* Related Articles Component Styles - Large Break Point */
  .relatedArticlesContainer .relatedArticleTitle {
    margin-bottom: 20px; }
  .relatedArticlesContainer a.relatedArticle img {
    height: 130px;
    width: 280px;
    margin-bottom: 20px; }
  .relatedArticlesContainer a.relatedArticle .description {
    font-size: 13px; }
  .relatedArticlesContainer a.relatedArticle span.articleDescriptionLink {
    font-size: 12px; }
  .relatedArticlesContainer a.thirdPartyAdvertisement img {
    height: 130px;
    width: 280px;
    margin-bottom: 20px; }
    .relatedArticlesContainer a.thirdPartyAdvertisement img.tallImage {
      height: 176px; }
  .relatedArticlesContainer a.thirdPartyAdvertisement .description {
    font-size: 13px; }
  .relatedArticlesContainer a.thirdPartyAdvertisement span.articleDescriptionLink {
    font-size: 12px; }

  /* TU Ad Component Styles for Personal */
  #consumer-ad {
    height: 385px; }

  a.tuAd {
    position: relative;
    margin-bottom: 15px;
    padding-right: 0;
    text-decoration: none;
    font-size: 23px; }
    a.tuAd .whiteBox {
      position: relative;
      padding: 30px 0 25px 20px;
      width: 278px;
      height: 117px; }
      a.tuAd .whiteBox .redUnderline {
        border-bottom: 2px solid #F16E00; }
    a.tuAd .blueBox {
      width: 278px;
      height: 250px;
      padding: 26px 0 30px 20px; }
      a.tuAd .blueBox .btn.tui-orange-tall-btn {
        position: relative;
        right: auto;
        margin: 0;
        margin-top: 40px;
        float: none;
        width: 240px; }

  /* Third Party Ad Component Styles for Personal */
  .thirdPartyAd {
    margin-left: 0; }

  /* Lending Tree Widgets */
  .ltWidgetLeftColumn {
    height: 300px;
    width: 100%;
    margin-left: -20px;
    margin-right: -20px; }

  .ltWidgetRightColumn {
    height: 775px;
    width: 300px;
    margin-left: -20px; }

  /* Blue banner CTA Component Styles for Personal */
  .callToAction {
    min-height: 350px; }
    .callToAction div.mainHeadline {
      font-weight: 600;
      padding: 85px 0 20px 0;
      font-size: 40px;
      line-height: 45px; }
    .callToAction .btn {
      font-size: 14px; }
    .callToAction.tallCallToAction {
      min-height: auto; }
      .callToAction.tallCallToAction .subHeadline {
        font-size: 30px;
        line-height: 35px; }
      .callToAction.tallCallToAction a.tui-orange-tall-btn {
        margin-top: 40px; }
      .callToAction.tallCallToAction .termsConditions {
        font-size: 20px;
        margin-top: 35px;
        margin-bottom: 15px; }
      .callToAction.tallCallToAction .legalNotice {
        font-size: 16px;
        line-height: 20px; }
    .callToAction.callToActionWithImage {
      height: 340px;
      padding: 0 0 15px 0; }
      .callToAction.callToActionWithImage .subHeadline {
        font-size: 19px;
        line-height: 35px; }
    .callToAction.homepageCallToAction div.mainHeadline {
      font-size: 41px;
      padding: 70px 0 32px 0; }

  /* Ad Disclosure Component Styles for Personal */
  .disclosureWrapper {
    font-size: 18px;
    padding-top: 60px;
    padding-bottom: 60px; }
    .disclosureWrapper.homePageOfferDetails {
      padding-top: 15px;
      padding-bottom: 20px;
      font-size: 16px; }

  /* LESS Document */
  .memberBenefitsWrapper .memberBenefits .item {
    height: auto;
    padding: 40px 0;
    margin: 0 .25% 35px 0; }
    .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader .fa {
      font-size: 79px;
      float: none; }
    .memberBenefitsWrapper .memberBenefits .item .benefitsContentHeader .benefitsHeadline {
      padding-top: 35px;
      padding-bottom: 30px;
      float: none;
      margin-left: 0; }
    .memberBenefitsWrapper .memberBenefits .item .benefitsContent p {
      padding-left: 25px;
      padding-right: 25px;
      line-height: 23px;
      font-size: 18px; }
  .memberBenefitsWrapper .memberBenefits .byTwo, .memberBenefitsWrapper .memberBenefits .byThree, .memberBenefitsWrapper .memberBenefits .byFour {
    -js-display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .memberBenefitsWrapper .memberBenefits .byTwo .item {
    width: 49.75%; }
    .memberBenefitsWrapper .memberBenefits .byTwo .item .benefitsContentHeader .benefitsHeadline {
      font-size: 33px;
      line-height: 36px; }
  .memberBenefitsWrapper .memberBenefits .byThree .item {
    width: 33%; }
    .memberBenefitsWrapper .memberBenefits .byThree .item .benefitsContentHeader .benefitsHeadline {
      font-size: 33px;
      line-height: 36px; }
  .memberBenefitsWrapper .memberBenefits .byFour .item {
    width: 24.75%; }
    .memberBenefitsWrapper .memberBenefits .byFour .item .benefitsContentHeader .benefitsHeadline {
      font-size: 28px;
      line-height: 32px;
      padding-top: 25px;
      padding-bottom: 20px; }
    .memberBenefitsWrapper .memberBenefits .byFour .item .benefitsContent p {
      padding-left: 18px;
      padding-right: 18px;
      line-height: 23px;
      font-size: 16px;
      margin: 11px 0 18px 0; }

  /* Mixed Media Wall Styles */
  .mixedMediaWall .labelHead {
    font-size: 40px;
    font-weight: 300;
    line-height: 42px; }
  .mixedMediaWall .subCopy {
    font-size: 20px;
    line-height: 30px; }
  .mixedMediaWall .tiles {
    height: 400px; }
    .mixedMediaWall .tiles .infoSolutions {
      line-height: 19.5px; }
    .mixedMediaWall .tiles.tileWithImageBg {
      padding: 0; }
      .mixedMediaWall .tiles.tileWithImageBg .icon-overlay {
        color: #ffffff;
        font-size: 30px;
        position: absolute;
        bottom: 25px;
        right: 25px; }
      .mixedMediaWall .tiles.tileWithImageBg .icon-play {
        font-size: 85px; }
    .mixedMediaWall .tiles .introTwo {
      font-size: 30px;
      line-height: 40px;
      max-width: 70%; }
    .mixedMediaWall .tiles:hover {
      -webkit-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 3px 3px #000000 rgba(0, 0, 0, 0.3);
      box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
      text-decoration: none; }

  /* Products & Solutions Styles - Large Break Point */
  .productsSolutions {
    padding-top: 75px;
    padding-bottom: 60px; }
    .productsSolutions .productsSolutionsDropdownWrapper {
      height: 35px;
      margin-bottom: 5px; }
      .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown {
        width: 420px;
        float: right;
        margin-top: -65px; }
        .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterDropdown {
          width: 420px; }
        .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList {
          position: absolute;
          width: 420px;
          z-index: 2; }
          .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList li {
            background-color: #fff;
            padding: 10px;
            margin-bottom: 0; }
            .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList li a {
              text-decoration: none;
              color: #000;
              cursor: default; }
          .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .filterList li:hover {
            color: #000;
            background-color: #f5f5f5; }
        .productsSolutions .productsSolutionsDropdownWrapper .productsSolutionsDropdown .solutionResults {
          float: right;
          margin-top: 11px; }
    .productsSolutions .solutions {
      height: 230px;
      margin-bottom: 20px; }
      .productsSolutions .solutions .introTwo {
        line-height: 26px; }
      .productsSolutions .solutions .infoSolutions {
        font-size: 15px;
        line-height: 19px; }

  /* Insights & Events Styles - Large Break Point */
  .insightsWrapper {
    margin-bottom: 75px; }
    .insightsWrapper .viewAllBtn {
      top: 65px;
      right: 110px; }
    .insightsWrapper .insightTopContent {
      height: 130px;
      padding-top: 70px; }
    .insightsWrapper .insightsList .insight {
      height: 251px;
      padding: 0 10px 20px 10px; }
      .insightsWrapper .insightsList .insight img {
        width: 230px;
        height: 230px; }
      .insightsWrapper .insightsList .insight .dateIcon {
        height: 230px;
        width: 230px; }
        .insightsWrapper .insightsList .insight .dateIcon .month {
          font-size: 36px;
          margin-top: 50px;
          margin-bottom: 8px; }
        .insightsWrapper .insightsList .insight .dateIcon .date {
          font-size: 100px; }
      .insightsWrapper .insightsList .insight .insightText {
        height: 230px;
        padding: 10px 0 0 20px; }
        .insightsWrapper .insightsList .insight .insightText .eyebrow {
          margin-bottom: 18px;
          font-size: 18px; }
        .insightsWrapper .insightsList .insight .insightText p {
          margin-bottom: 14px;
          font-size: 18px;
          line-height: normal;
          word-spacing: normal;
          letter-spacing: normal; }
        .insightsWrapper .insightsList .insight .insightText .insightLink {
          font-size: 14px; }
      .insightsWrapper .insightsList .insight hr {
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        display: block;
        height: 1px;
        margin: 0;
        background: rgba(0, 0, 0, 0.131);
        border: none; }
    .insightsWrapper .insightSubscribeWrapper .subscribeIntro {
      margin-top: 35px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeIntro .fa {
        margin-right: 20px;
        font-size: 42px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeIntro .introOne {
        float: left;
        margin-top: 13px;
        font-size: 20px;
        line-height: 1em; }
    .insightsWrapper .insightSubscribeWrapper .subscribeForm {
      margin-top: 40px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeForm input {
        width: 318px; }
      .insightsWrapper .insightSubscribeWrapper .subscribeForm label.error {
        width: 318px; }

  /* Insights Subscribe Right Rail Component styles */
  #insightsComponentRightRail {
    border: 4px solid #00A6CA;
    padding: 30px; }
    #insightsComponentRightRail .subscribeIntro {
      margin-top: 0; }
      #insightsComponentRightRail .subscribeIntro .introOne {
        float: none; }
    #insightsComponentRightRail .subscribeForm {
      text-align: center; }
      #insightsComponentRightRail .subscribeForm input {
        width: 218px; }
      #insightsComponentRightRail .subscribeForm .btn {
        margin: 20px 0 0 0;
        float: none; }

  /* Email Component - Desktop View */
  .emailWrapper.emailWrapperTI btn {
    font-size: 16px; }
  .emailWrapper.emailWrapperTI .faBox {
    display: inline; }
  .emailWrapper.emailWrapperTI .emailBox .emailTitle {
    font-size: 16px; }
  .emailWrapper.emailWrapperTI .emailBox .emailBody {
    font-size: 16px; }

  .emailRightColumnWrapper .railBnr {
    float: none;
    width: 100%;
    margin-right: 0; }
  .emailRightColumnWrapper.emailOptInTI .railBnr {
    width: 100%; }

  /* LESS Document */
  .wrapper .pageHeadline {
    padding: 54px 0 30px 0;
    margin: 0;
    font-size: 40px;
    line-height: 48px; }
  .wrapper .matchingResults {
    font-size: 16px; }
  .wrapper .sideNavContainer div.refine {
    color: #000000;
    margin-top: 11px;
    margin-bottom: 15px; }
  .wrapper .searchNavList {
    margin-top: -10px; }
    .wrapper .searchNavList .searchResult {
      padding-bottom: 40px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.131); }
      .wrapper .searchNavList .searchResult img {
        margin-top: 40px;
        width: 160px;
        height: 160px; }
      .wrapper .searchNavList .searchResult div.searchHeadline {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 40px; }
      .wrapper .searchNavList .searchResult a.searchDescriptionLink {
        display: block;
        color: #707070;
        text-decoration: none;
        margin-top: 20px;
        font-size: 12px; }
      .wrapper .searchNavList .searchResult div.searchDescription {
        font-size: 16px;
        line-height: 19px; }
    .wrapper .searchNavList .pagination {
      text-align: center;
      margin-top: 60px; }
      .wrapper .searchNavList .pagination a.paginateBtn {
        text-decoration: none;
        color: #000000;
        padding: 10px 15px;
        background-color: rgba(0, 0, 0, 0.065);
        cursor: pointer; }
      .wrapper .searchNavList .pagination a.selected {
        background-color: rgba(0, 0, 0, 0.131); }

  /* CSS Document */
  #contactUsModal .modal-dialog {
    width: 980px; }
    #contactUsModal .modal-dialog .modal-content .close {
      font-size: 46px;
      font-weight: 500;
      margin-right: -6px;
      margin-top: -30px;
      opacity: 1; }
    #contactUsModal .modal-dialog .modal-content .consumerPicker {
      margin-top: 25px; }
      #contactUsModal .modal-dialog .modal-content .consumerPicker .modalConsumerText {
        font-size: 36px;
        line-height: 36px;
        width: 98%; }
      #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons {
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 54px; }
        #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons .btn {
          height: 150px;
          width: 262px;
          font-size: 100px;
          border: 5px solid #00a6ca;
          margin-bottom: 19px;
          margin-top: 0px;
          line-height: .7em;
          padding-top: 11px; }
        #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons .modalButtonText {
          font-size: 21px;
          line-height: 20px; }
          #contactUsModal .modal-dialog .modal-content .consumerPicker .consumerButtons .modalButtonText .modalUnderline {
            border-bottom: 3px solid #ffffff; }
    #contactUsModal .modal-dialog .modal-content .contactForm label {
      margin-top: 0px; }
    #contactUsModal .modal-dialog .modal-content .contactForm input[type=text].error, #contactUsModal .modal-dialog .modal-content .contactForm textarea.error {
      border: 3px solid #d74025; }
    #contactUsModal .modal-dialog .modal-content .contactForm label.error, #contactUsModal .modal-dialog .modal-content .contactForm span.error {
      position: absolute;
      font-size: 14px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .modalBody {
      border-bottom: 2px solid #ffffff;
      font-size: 24px;
      line-height: 25px;
      padding-bottom: 35px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .requiredContact {
      font-size: 14px;
      font-weight: 600; }
    #contactUsModal .modal-dialog .modal-content .contactForm .existingCustomer {
      font-size: 18px;
      margin-top: 21px;
      padding-bottom: 22px; }
      #contactUsModal .modal-dialog .modal-content .contactForm .existingCustomer p {
        float: left;
        font-size: 18px;
        line-height: 18px;
        margin-right: 51px;
        width: 50%; }
    #contactUsModal .modal-dialog .modal-content .contactForm .checkbox label {
      font-size: 14px;
      line-height: 18px; }
    #contactUsModal .modal-dialog .modal-content .contactForm .requestButton {
      margin-top: 5px;
      text-align: center; }
      #contactUsModal .modal-dialog .modal-content .contactForm .requestButton .btn {
        font-size: 14px;
        width: 34%;
        padding-left: 10px;
        padding-right: 10px; }

  .contactWrapper .labelHead {
    color: #ffffff;
    margin-top: 50px;
    margin-bottom: 30px; }
  .contactWrapper .contactForm .requiredContact {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600; }
  .contactWrapper .contactForm .inFieldLabels .form-group {
    position: relative;
    padding-top: 20px; }
    .contactWrapper .contactForm .inFieldLabels .form-group label, .contactWrapper .contactForm .inFieldLabels .form-group .label {
      color: #ffffff; }
      .contactWrapper .contactForm .inFieldLabels .form-group label.inForm, .contactWrapper .contactForm .inFieldLabels .form-group .label.inForm {
        color: #707070; }
    .contactWrapper .contactForm .inFieldLabels .form-group label {
      margin-top: 0px; }
    .contactWrapper .contactForm .inFieldLabels .form-group input[type=text].error, .contactWrapper .contactForm .inFieldLabels .form-group textarea.error {
      border: 3px solid #d74025; }
    .contactWrapper .contactForm .inFieldLabels .form-group label.error, .contactWrapper .contactForm .inFieldLabels .form-group span.error {
      position: absolute;
      font-size: 14px; }
    .contactWrapper .contactForm .inFieldLabels .form-group .modalBody {
      border-bottom: 2px solid #ffffff;
      font-size: 24px;
      line-height: 25px;
      padding-bottom: 35px; }
  .contactWrapper .contactForm .inFieldLabels .existingCustomer {
    font-size: 18px;
    margin-top: 21px;
    padding-bottom: 22px; }
    .contactWrapper .contactForm .inFieldLabels .existingCustomer p {
      float: left;
      font-size: 18px;
      line-height: 18px;
      margin-right: 51px;
      width: 50%; }
  .contactWrapper .contactForm .inFieldLabels .checkbox label {
    font-size: 14px;
    line-height: 18px; }
  .contactWrapper .contactForm .inFieldLabels p {
    color: #ffffff; }
  .contactWrapper .contactForm .inFieldLabels .requestButton {
    margin-top: 5px;
    text-align: center;
    margin-bottom: 50px; }
    .contactWrapper .contactForm .inFieldLabels .requestButton .btn {
      font-size: 14px;
      width: 34%; }

  /* Global Footer Styles - Large Break Point*/
  #globalFooter #footerLeft {
    border-right: 1px solid #ededed;
    padding-right: 46px; }
    #globalFooter #footerLeft .footerColumnn .headerFooter {
      border-bottom: 4px solid #00a6ca;
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 17px;
      padding-bottom: 16px;
      line-height: 12px;
      height: 32px; }
    #globalFooter #footerLeft .footerColumnn ul li {
      font-size: 15px;
      font-weight: 600;
      margin-bottom: 9px; }
  #globalFooter #footerRight {
    margin-left: 63px;
    margin-top: 32px;
    /*padding-left: 49px;*/
    text-align: center; }
    #globalFooter #footerRight .haveQuestions {
      display: block;
      font-size: 30px;
      margin-bottom: 32px; }
  #globalFooter .footerLinks {
    display: block;
    bottom: 11px;
    position: absolute;
    left: -654px; }
    #globalFooter .footerLinks a {
      font-size: 12px;
      margin: 0 10px 0 0;
      text-decoration: none;
      color: #939393;
      line-height: 19px; }
  #globalFooter #socialLinks {
    margin-top: 11px; }
    #globalFooter #socialLinks li {
      display: inline-block; }
    #globalFooter #socialLinks .fa {
      font-size: 42px;
      margin-right: 12px;
      margin-top: 7px; }
    #globalFooter #socialLinks .tufa-facebook {
      color: #4463a3; }
    #globalFooter #socialLinks .tufa-twitter {
      color: #03b4ef; }
    #globalFooter #socialLinks .tufa-youtube {
      color: #c20200; }
    #globalFooter #socialLinks .tufa-linkedin {
      color: #0285be; }
    #globalFooter #socialLinks .tufa-google {
      color: #e15440; }
    #globalFooter #socialLinks .fa-circle {
      color: #02b5d9; }
    #globalFooter #socialLinks #blog .fa-stack-1x {
      font-size: 14px;
      color: #ffffff;
      padding-top: 6px;
      padding-left: 4px; }
  #globalFooter .copyright {
    font-size: 12px;
    /*margin-top: 136px;*/
    text-decoration: none;
    color: #939393;
    width: 111%; }

  .tlo #globalFooter .copyright {
    /*margin-top: 236px; }*/

  /*#globalFooter {
      margin-top: 40px;
  	#footerLeft {
  		border-right: 2px solid #ededed;
  		margin-right: 60px;
  		width: 92%;
  		.footerColumnn {
  			margin-right: 20px;
  			a {
  				color: #000000;
  				text-decoration: none;
  			}
  			.headerFooter {
  				border-bottom: 4px solid #00a6ca;
  				font-weight: 600;
  				font-size: 16px;
  				margin-bottom: 17px;
  				padding-bottom: 15px;
  			}
  			.subFooter {
  				font-size: 14px;
  				font-weight: 600;
  				margin-bottom: 10px;
  			}
  		}
  	}
  	#footerRight {
  		height: 190px;
  		margin-top: 29px;
  		text-align: center;
  		.haveQuestions {
  			font-size: 30px;
  			margin-bottom: 32px;
  		}
  	}
  	.footerLinks {
  		margin-top: 60px;
  		a {
  			font-size: 12px;
  			margin: 0 15px 0 0;
  			text-decoration: none;
  			color: #939393;
  		}
  	}
  	#socialLinks {
  		margin-top: 11px;
  		li {
  			display: inline-block;
  		}
  		.fa {
  			font-size: 42px;
  			margin-right: 9px;
  			margin-top: 7px;
  		}
  		.tufa-facebook {
  			color: #4463a3;
  		}
  		.tufa-twitter {
  			color: #03b4ef;
  		}
  		.tufa-youtube {
  			color: #c20200;
  		}
  		.tufa-linkedin {
  			color: #0285be;
  		}
  		.tufa-google {
  			color: #e15440;
  		}
  		.fa-circle {
  			color: #02b5d9;
  		}
  		#blog {
  			margin-top: -45px;
  			.fa-stack-1x {
  				font-size: 14px;
  				color: #ffffff;
  				padding-top: 6px;
  				padding-left: 5px;
  			}
  		}
  	}
  	.copyright {
  		font-size: 12px;
  		margin: 90px 15px 0 0;
  		text-decoration: none;
  		color: #939393;
  	}
  }*/
  /* Specialty Nav Component Styles */
  #specialtyNavComponent {
    height: 60px;
    width: 100%;
    padding: 0;
    background-color: #ffffff; }
    #specialtyNavComponent .specialtyNav {
      height: 60px;
      padding-right: 0px; }
      #specialtyNavComponent .specialtyNav .careersTab {
        height: 60px;
        margin-left: 57px;
        margin-right: 34px;
        width: 128px;
        background-position: 0%; }
        #specialtyNavComponent .specialtyNav .careersTab .careersTU {
          font-size: 22px;
          border-bottom: 5px solid #00a6ca;
          padding-bottom: 14px;
          margin-left: -17px;
          padding-top: 22px; }
      #specialtyNavComponent .specialtyNav .specialtyNavLinks {
        margin-left: 40px;
        padding-top: 12px; }
        #specialtyNavComponent .specialtyNav .specialtyNavLinks .nav > li > a:hover {
          background-color: #fff;
          border-bottom: 5px solid #00a6ca;
          padding-bottom: 5px; }
        #specialtyNavComponent .specialtyNav .specialtyNavLinks .nav {
          margin-left: 0px; }
        #specialtyNavComponent .specialtyNav .specialtyNavLinks .nav .open > a {
          background-color: #fff;
          border-bottom: 5px solid #00a6ca;
          padding-bottom: 5px; }
        #specialtyNavComponent .specialtyNav .specialtyNavLinks li {
          margin: 0; }
          #specialtyNavComponent .specialtyNav .specialtyNavLinks li a {
            font-size: 12px;
            font-weight: 600;
            margin: 0 34px 0 0; }
          #specialtyNavComponent .specialtyNav .specialtyNavLinks li .specialtySubNav li a {
            padding-left: 20px;
            padding-right: 20px; }
      #specialtyNavComponent .specialtyNav .careersNavButtons {
        margin-right: 15px; }
        #specialtyNavComponent .specialtyNav .careersNavButtons .btn {
          height: 36px;
          padding-left: 22px;
          padding-right: 22px;
          padding-top: 7px;
          font-size: 14px; }
    #specialtyNavComponent .specialtyNav-menu {
      height: 60px;
      background-position-x: 56px; }
      #specialtyNavComponent .specialtyNav-menu.affix {
        background-position-x: 56px; }
    #specialtyNavComponent .secondary-nav {
      margin-left: 0;
      margin-right: 0;
      padding: 0 17px 0 43px; }
    #specialtyNavComponent ul.careers-side-nav > li {
      margin-bottom: 0; }
      #specialtyNavComponent ul.careers-side-nav > li.active li {
        padding-left: 20px;
        padding-right: 40px; }
        #specialtyNavComponent ul.careers-side-nav > li.active li a {
          height: 34px;
          padding-top: 7px;
          font-weight: 600;
          font-size: 12px; }
      #specialtyNavComponent ul.careers-side-nav > li a {
        height: 60px;
        padding-top: 25px;
        padding-bottom: 0; }
        #specialtyNavComponent ul.careers-side-nav > li a span {
          font-size: 22px; }
    #specialtyNavComponent .listSideNavContainer .careersNavButtons {
      margin-top: 12px; }
      #specialtyNavComponent .listSideNavContainer .careersNavButtons .btn {
        height: 36px;
        font-size: 14px;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 8px; }

  /* LESS Document */
  .blueBoxWrapper {
    padding: 40px 60px 20px; }
    .blueBoxWrapper .primaryHeadline {
      padding: 0; }
      .blueBoxWrapper .primaryHeadline span {
        padding-top: 20px; }

  /* LESS Document */
  .rightRailFormWrapper {
    margin: 0 -60px 40px; }
    .rightRailFormWrapper form .field-wrapper {
      width: 100%;
      float: none;
      padding: 0; }
      .rightRailFormWrapper form .field-wrapper .input-wrapper {
        padding-right: 0; }
      .rightRailFormWrapper form .field-wrapper .select-wrapper {
        padding: 0; }
    .rightRailFormWrapper form .submit-button {
      width: auto;
      margin: 0 auto; }

  /* LESS Document */
  #rightRailListComponent {
    padding: 40px; }
    #rightRailListComponent h2 {
      text-align: left; }
    #rightRailListComponent h3 {
      text-align: left; }
    #rightRailListComponent ul {
      max-width: 100%; }
      #rightRailListComponent ul li {
        width: 100%;
        float: none; }

  /* LESS Document */
  .leftRailFormWrapper {
    margin: 0 -60px 40px; }
    .leftRailFormWrapper form .field-wrapper .input-wrapper {
      padding-right: 0; }
    .leftRailFormWrapper form .field-wrapper .select-wrapper {
      padding: 0; }
    .leftRailFormWrapper form .submit-button {
      width: auto; }

  /* LESS Document */
  .testimonialWrapper {
    margin: 0 -60px 60px; }

  /* LESS Document */
  #videoFeatureWindowComponent h2 {
    margin-bottom: 30px; }

  /* LESS Document */
  #videoFeatureWindowTextRightComponent h2 {
    margin-bottom: 30px; }

  /* Products Summary with Related Articles Styles - XS  */
  .prodSummaryWrapper .productSummary {
    flex-direction: row;
    padding: 60px 80px 80px 80px; }
    .prodSummaryWrapper .productSummary .prodSummaryContent {
      flex-basis: 50%;
      order: 2;
      padding-top: 0;
      padding-left: 80px; }
      .prodSummaryWrapper .productSummary .prodSummaryContent h2 {
        margin-top: 0;
        font-size: 24px; }
    .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles {
      flex-basis: 50%;
      order: 1;
      padding-top: 0;
      padding-right: 80px;
      border-top: none;
      border-right: 4px solid #f5f5f5; }
      .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle {
        margin-bottom: 35px; }
        .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle .prodSummaryRelatedArticlePic {
          width: 100px;
          height: 100px; }
        .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles .prodSummaryRelatedArticle .prodSummaryRelatedArticleDesc {
          padding-left: 120px;
          margin-left: -100px; }

  .oldie .prodSummaryWrapper .productSummary .prodSummaryContent {
    width: 50%;
    float: right; }
  .oldie .prodSummaryWrapper .productSummary .prodSummaryRelatedArticles {
    width: 50%;
    float: left; }

  /* Products Summary with Related Articles Styles - LG  */
  .productFeatureWrapper .container {
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    height: 985px; }
    .productFeatureWrapper .container h1 {
      width: 100%; }
    .productFeatureWrapper .container .feature {
      flex: 0 1 auto;
      position: relative;
      height: 680px;
      margin-bottom: 20px;
      border-right: 1px solid #eeeeee;
      background-color: #000;
      overflow: hidden; }
      .productFeatureWrapper .container .feature .picDesktop {
        height: 680px;
        margin: 0 -20px;
        opacity: .4;
        background-size: cover; }
        .productFeatureWrapper .container .feature .picDesktop .caption {
          position: absolute;
          height: 320px;
          top: 610px;
          transition: 550ms;
          background-color: #ffffff;
          vertical-align: bottom;
          color: #dddddd; }
          .productFeatureWrapper .container .feature .picDesktop .caption .title {
            margin: 0;
            padding: 20px;
            padding-right: 0px;
            font-size: 21px;
            font-weight: 600;
            text-transform: uppercase; }
          .productFeatureWrapper .container .feature .picDesktop .caption .shortDesc {
            display: block;
            color: #494949;
            background-color: #fff;
            font-size: 16px;
            text-transform: none;
            font-weight: 300;
            padding: 25px 20px 0 20px; }
      .productFeatureWrapper .container .feature.active .picDesktop {
        opacity: 1; }
        .productFeatureWrapper .container .feature.active .picDesktop .caption {
          transform: translateY(-50%); }
      .productFeatureWrapper .container .feature.active + .featureDescription {
        display: block; }
    .productFeatureWrapper .container .featureDescription {
      order: 1;
      display: none;
      padding: 30px;
      border-width: 4px 4px 4px 4px; }
      .productFeatureWrapper .container .featureDescription .para {
        display: block;
        font-size: 16px;
        float: left; }
        .productFeatureWrapper .container .featureDescription .para .fa {
          float: left;
          width: 126px;
          margin-right: 0;
          font-size: 80px; }
        .productFeatureWrapper .container .featureDescription .para .longDesc {
          color: #000000;
          margin-bottom: 10px; }
      .productFeatureWrapper .container .featureDescription .btn {
        margin: 0 auto 0 126px; }
      .productFeatureWrapper .container .featureDescription:after, .productFeatureWrapper .container .featureDescription:before {
        bottom: 100%;
        left: 5%;
        border: solid transparent;
        border-bottom-color: #a9a9a9;
        border-width: 16px;
        margin-left: -16px;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .productFeatureWrapper .container .featureDescription:after {
        border-bottom-color: #ffffff;
        border-width: 10px;
        margin-left: -10px; }
    .productFeatureWrapper .container .featureDescription2:after, .productFeatureWrapper .container .featureDescription2:before {
      left: 50%; }
    .productFeatureWrapper .container .featureDescription3:after, .productFeatureWrapper .container .featureDescription3:before {
      left: 95%; }

  .oldie .productFeatureWrapper .container {
    position: relative; }
    .oldie .productFeatureWrapper .container .featureDescription {
      position: absolute;
      bottom: 0; }

  #utilityFooter {
    padding-top: 40px; }
    #utilityFooter .col-lg-5 a {
      float: left; }
      #utilityFooter .col-lg-5 a img {
        width: 68px;
        height: 68px; }
    #utilityFooter .copyright {
      font-size: 12px;
      margin: 30px 0 0 10px; }
    #utilityFooter .utilityFooterLinks {
      margin-top: 25px;
      line-height: 1em; }
      #utilityFooter .utilityFooterLinks a {
        font-size: 12px;
        line-height: 1em; }

  /* LESS Document - Featured Articles Center Component - LG */
  .categoryBannerRelatedArticles {
    margin-top: 160px; }

  /* Native Ad Component Styles - Large Break Point */
  .nativeAdContainer a.nativeAd img {
    height: 130px;
    width: 280px;
    margin-bottom: 20px; }
  .nativeAdContainer a.nativeAd .description {
    font-size: 13px; }

  /* Content Detail Component Styles */
  .insightsCarouselWrapper {
    padding: 65px 0 0 0;
    height: 835px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .yellowBorder {
      position: relative;
      transition: color 0.5s;
      top: 45px; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .yellowBorder::before, .insightsCarouselWrapper .carousel .carousel-inner .item .yellowBorder::after {
        content: '';
        position: absolute;
        border: 6px solid transparent;
        width: 0;
        height: 0;
        z-index: 2000; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .yellowBorder::before {
        top: 0;
        left: 0; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .yellowBorder::after {
        right: 0;
        bottom: -442px; }
    .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent {
      left: 40px; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg {
        text-align: left;
        height: 520px;
        background-size: cover;
        background-position: top right;
        position: relative;
        width: 740px; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay {
          padding: 0; }
          .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay .img-content {
            position: absolute;
            bottom: 45px;
            right: 40px;
            left: 40px; }
            .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay .img-content .categoryTitle {
              background-color: #ffffff;
              color: #00A6CA;
              padding: 9px 20px 12px;
              font-size: 14px;
              line-height: 24px;
              font-weight: 600;
              font-family: IntroCaps;
              border: 1px solid #ffffff;
              letter-spacing: .1em;
              opacity: 1; }
            .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay .img-content .carouselHeadline {
              font-size: 32px;
              line-height: 30px;
              letter-spacing: -.005em;
              padding-top: 20px;
              padding-bottom: 10px; }
            .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay .img-content p {
              font-size: 18px;
              line-height: 22px;
              letter-spacing: -.005em;
              padding-bottom: 15px; }
            .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg .imgOverlay .img-content a {
              font-size: 14px;
              line-height: 22px;
              letter-spacing: .1em;
              z-index: 2500;
              position: relative;
              font-weight: 600; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg h3, .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.contentBgImg p {
          color: #ffffff; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles {
        opacity: 0;
        background-color: #ffffff;
        top: 80px;
        left: 740px;
        position: absolute;
        width: 400px;
        height: 350px;
        padding: 50px 50px 0; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles .categoryArticle {
          margin-bottom: 15px; }
          .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles .categoryArticle p {
            font-size: 18px;
            line-height: 21px;
            letter-spacing: -.005em;
            margin: 0; }
          .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.right-side-articles .categoryArticle a {
            font-size: 14px;
            line-height: 17px;
            letter-spacing: .1em;
            margin: 0;
            z-index: 2500;
            position: relative;
            font-weight: 600; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent.two-articles {
        padding: 103px 50px 0; }
      .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory {
        height: 125px;
        opacity: 0; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory .categoryTitle {
          font-size: 14px;
          line-height: 17px;
          letter-spacing: 0;
          font-weight: 600;
          vertical-align: top;
          border: none;
          padding: 7px 20px 10px;
          display: inline-block; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.yellowBg {
          margin-top: 40px;
          width: 32%;
          margin-right: 2%;
          float: left; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.grayBg {
          margin-top: 40px;
          width: 32%;
          margin-right: 2%;
          float: left; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory.blueBg {
          margin-top: 40px;
          width: 32%;
          float: left; }
        .insightsCarouselWrapper .carousel .carousel-inner .item .carouselContent .insightsCategory p {
          font-size: 18px;
          font-weight: 300;
          line-height: 20px;
          letter-spacing: -.005em;
          margin: 20px 0 25px 0; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .yellowBorder::before, .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .yellowBorder::after {
      width: 100%;
      height: 442px; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .yellowBorder::before {
      border-top-color: #FCD800;
      border-right-color: #FCD800;
      transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .yellowBorder::after {
      border-bottom-color: #FCD800;
      border-left-color: #FCD800;
      transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .insightsCategory:nth-child(1) {
      opacity: 1;
      transition: opacity .5s ease-in-out .20s;
      -moz-transition: opacity .5s ease-in-out .20s;
      -webkit-transition: opacity .5s ease-in-out .20s; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .insightsCategory:nth-child(2) {
      opacity: 1;
      transition: opacity .5s ease-in-out .50s;
      -moz-transition: opacity .5s ease-in-out .50s;
      -webkit-transition: opacity .5s ease-in-out .50s; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .insightsCategory:nth-child(3) {
      opacity: 1;
      transition: opacity .5s ease-in-out .80s;
      -moz-transition: opacity .5s ease-in-out .80s;
      -webkit-transition: opacity .5s ease-in-out .80s; }
    .insightsCarouselWrapper.animateComponent .carousel .carousel-inner .item .carouselContent.right-side-articles {
      opacity: 1;
      transition: opacity .5s ease-in-out .20s;
      -moz-transition: opacity .5s ease-in-out .20s;
      -webkit-transition: opacity .5s ease-in-out .20s; }

  .products-finTech .grayline {
    margin: 100px 0 75px 0; }
  .products-finTech .section-title {
    font-size: 34px;
    line-height: 22px; }
  .products-finTech .section-subTitle {
    margin: 0 5%;
    margin-bottom: 3%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300; }
  .products-finTech .buttonWrap {
    padding-top: 50px; }
  .products-finTech .solutionsContainer .solutions-finTech {
    border-top: 4px solid #00a6ca;
    padding: 30px 30px 80px 30px;
    height: 260px;
    margin-bottom: 20px; }
    .products-finTech .solutionsContainer .solutions-finTech .product-heading {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: .005em;
      height: 40px; }
    .products-finTech .solutionsContainer .solutions-finTech .product-text {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: .005em;
      height: 100px; }
    .products-finTech .solutionsContainer .solutions-finTech .learnMore {
      font-size: 14px;
      line-height: 18px; }
  .products-finTech .solutionsContainer .featured .solutions-finTech {
    opacity: 0; }
  .products-finTech .solutionsContainer .more-products .solutions-finTech {
    border-top: 4px solid #a9a9a9; }
  .products-finTech .buttonWrap a {
    opacity: 0; }
  .products-finTech.animateComponent .solutionsContainer .featured:nth-child(1) .solutions-finTech {
    opacity: 1;
    transition: opacity .5s ease-in-out .20s;
    -moz-transition: opacity .5s ease-in-out .20s;
    -webkit-transition: opacity .5s ease-in-out .20s; }
  .products-finTech.animateComponent .solutionsContainer .featured:nth-child(2) .solutions-finTech {
    opacity: 1;
    transition: opacity .5s ease-in-out .40s;
    -moz-transition: opacity .5s ease-in-out .40s;
    -webkit-transition: opacity .5s ease-in-out .40s; }
  .products-finTech.animateComponent .solutionsContainer .featured:nth-child(3) .solutions-finTech {
    opacity: 1;
    transition: opacity .5s ease-in-out .60s;
    -moz-transition: opacity .5s ease-in-out .60s;
    -webkit-transition: opacity .5s ease-in-out .60s; }
  .products-finTech.animateComponent .solutionsContainer .featured:nth-child(4) .solutions-finTech {
    opacity: 1;
    transition: opacity .5s ease-in-out .80s;
    -moz-transition: opacity .5s ease-in-out .80s;
    -webkit-transition: opacity .5s ease-in-out .80s; }
  .products-finTech.animateComponent .buttonWrap a {
    opacity: 1;
    transition: opacity .5s ease-in-out 1s;
    -moz-transition: opacity .5s ease-in-out 1s;
    -webkit-transition: opacity .5s ease-in-out 1s; }

  .heroWrapper.heroTabbed .hero {
    min-height: 500px;
    margin-bottom: 0; }
    .heroWrapper.heroTabbed .hero .heroImage {
      margin-top: 0;
      height: 502px; }
    .heroWrapper.heroTabbed .hero.hideImage .heroImage {
      height: 502px; }
    .heroWrapper.heroTabbed .hero.hideImage .heroContent .heroContentTop {
      margin-top: 0px; }
    .heroWrapper.heroTabbed .hero .heroContent {
      width: 600px;
      background-color: transparent; }
      .heroWrapper.heroTabbed .hero .heroContent .heroContentTop {
        margin-top: 0;
        width: 450px;
        margin-left: 10%; }
      .heroWrapper.heroTabbed .hero .heroContent .btn {
        margin-left: auto;
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 30px; }

  /* LESS Document */
  #tabbedHeroComponent .fourTabbedHero {
    padding-bottom: 50px; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(1) .tabNav {
      left: 10%;
      top: 450px; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(1) .subComponentContent .yellowArrow, #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(1) .subComponentContent .yellowArrowOverlay {
      left: 21%; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(2) .tabNav {
      left: 30%;
      margin-left: 20px;
      top: 450px; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(2) .subComponentContent .yellowArrow, #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(2) .subComponentContent .yellowArrowOverlay {
      left: 43%; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(3) .tabNav {
      left: 50%;
      margin-left: 20px;
      top: 450px; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(3) .subComponentContent .yellowArrow, #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(3) .subComponentContent .yellowArrowOverlay {
      left: 62%; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(4) .tabNav {
      left: 70%;
      margin-left: 20px;
      top: 450px; }
    #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(4) .subComponentContent .yellowArrow, #tabbedHeroComponent .fourTabbedHero .subComponent:nth-child(4) .subComponentContent .yellowArrowOverlay {
      left: 82%; }
  #tabbedHeroComponent .threeTabbedHero {
    padding-bottom: 50px; }
    #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(1) .tabNav {
      left: 20%;
      top: 450px; }
    #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(1) .subComponentContent .yellowArrow, #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(1) .subComponentContent .yellowArrowOverlay {
      left: 31%; }
    #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(2) .tabNav {
      left: 42%;
      margin-left: 15px;
      top: 450px; }
    #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(2) .subComponentContent .yellowArrow, #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(2) .subComponentContent .yellowArrowOverlay {
      left: 54%; }
    #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(3) .tabNav {
      left: 64%;
      margin-left: 15px;
      top: 450px; }
    #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(3) .subComponentContent .yellowArrow, #tabbedHeroComponent .threeTabbedHero .subComponent:nth-child(3) .subComponentContent .yellowArrowOverlay {
      left: 76%; }
  #tabbedHeroComponent .subComponent .tabNav {
    position: absolute; }
    #tabbedHeroComponent .subComponent .tabNav.closedState {
      color: #ffffff;
      width: 225px;
      height: 35px; }
  #tabbedHeroComponent .subComponent .subComponentContent {
    position: absolute;
    height: 1110px;
    top: 470px;
    margin-bottom: 0; }
    #tabbedHeroComponent .subComponent .subComponentContent .yellowBorder {
      border: 10px solid transparent;
      width: 90%;
      left: 4%;
      transition: color 0.5s;
      top: -12px; }
      #tabbedHeroComponent .subComponent .subComponentContent .yellowBorder::before, #tabbedHeroComponent .subComponent .subComponentContent .yellowBorder::after {
        content: '';
        position: absolute;
        border: 10px solid transparent;
        width: 0;
        height: 0;
        z-index: 2000; }
      #tabbedHeroComponent .subComponent .subComponentContent .yellowBorder::before, #tabbedHeroComponent .subComponent .subComponentContent .yellowBorder::after {
        top: 0;
        left: 0; }
    #tabbedHeroComponent .subComponent .subComponentContent .yellowArrow {
      width: 40px;
      height: 40px;
      border: 20px solid transparent;
      border-top: 20px solid #FCD800;
      position: absolute;
      z-index: 2500;
      left: 0%; }
    #tabbedHeroComponent .subComponent .subComponentContent .yellowArrowOverlay {
      width: 40px;
      height: 40px;
      border: 20px solid transparent;
      border-top: 20px solid #ffffff;
      position: absolute;
      z-index: 3000;
      left: 0%;
      top: -10px; }
    #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-background {
      min-height: 810px; }
      #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-background .video-js {
        min-height: 810px;
        height: auto !important; }
    #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner .immersive-play {
      top: 300px; }
    #tabbedHeroComponent .subComponent .subComponentContent #immersiveComponent .immersive-banner #video-container {
      max-height: 810px; }
    #tabbedHeroComponent .subComponent .subComponentContent .textOnMedia {
      font-size: 34px;
      top: 420px;
      left: 5%;
      width: 90%; }
    #tabbedHeroComponent .subComponent .subComponentContent .whiteInfoBox {
      width: 80%;
      height: 15%;
      padding: 55px 100px;
      font-size: 26px;
      line-height: 30px;
      top: 37%;
      left: 9%;
      opacity: 0; }
    #tabbedHeroComponent .subComponent .subComponentContent .relatedArticlesOnHero {
      margin-top: 150px;
      z-index: 4000;
      position: relative; }
      #tabbedHeroComponent .subComponent .subComponentContent .relatedArticlesOnHero a {
        text-decoration: none;
        color: #000000; }
      #tabbedHeroComponent .subComponent .subComponentContent .relatedArticlesOnHero .relatedArticleIntroText {
        text-align: left;
        font-size: 20px;
        line-height: 24px;
        width: 85%;
        font-weight: 400;
        margin-top: 2%; }
  #tabbedHeroComponent .subComponent.imageOnly .subComponentContent .textOnMedia, #tabbedHeroComponent .subComponent.videoOnly .subComponentContent .textOnMedia {
    top: 720px; }
  #tabbedHeroComponent .subComponent.imageOnly .subComponentContent .whiteInfoBox, #tabbedHeroComponent .subComponent.videoOnly .subComponentContent .whiteInfoBox {
    top: 780px; }
  #tabbedHeroComponent .subComponent.imageTwoRelatedArticles .subComponentContent .relatedArticlesOnHero {
    margin-left: 10%; }
    #tabbedHeroComponent .subComponent.imageTwoRelatedArticles .subComponentContent .relatedArticlesOnHero img {
      width: 80%;
      height: 40%; }
    #tabbedHeroComponent .subComponent.imageTwoRelatedArticles .subComponentContent .relatedArticlesOnHero .relatedArticleIntroText {
      margin-left: 10%; }
  #tabbedHeroComponent .subComponent.imageThreeRelatedArticles .subComponentContent .relatedArticlesOnHero {
    margin-left: 5%; }
    #tabbedHeroComponent .subComponent.imageThreeRelatedArticles .subComponentContent .relatedArticlesOnHero img {
      width: 100%;
      height: 60%; }
  #tabbedHeroComponent.animateComponent .subComponent .subComponentContent .yellowBorder::before, #tabbedHeroComponent.animateComponent .subComponent .subComponentContent .yellowBorder::after {
    width: 100%;
    height: 1050px; }
  #tabbedHeroComponent.animateComponent .subComponent .subComponentContent .yellowBorder::before {
    border-top-color: #FCD800;
    border-right-color: #FCD800;
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out 0.5s; }
  #tabbedHeroComponent.animateComponent .subComponent .subComponentContent .yellowBorder::after {
    border-bottom-color: #FCD800;
    border-left-color: #FCD800;
    transition: height 0.5s ease-in-out, width 0.5s ease-in-out 0.5s; }
  #tabbedHeroComponent.animateComponent .subComponent .subComponentContent .whiteInfoBox {
    opacity: 1;
    transition: opacity 1.5s ease-in-out 1.5s;
    -moz-transition: opacity 1.5s ease-in-out 1.5s;
    -webkit-transition: opacity 1.5s ease-in-out 1.5s; }

  #tabbedHeroComponent .subComponent .subComponentContent .chapters {
    padding: 0; }
  #tabbedHeroComponent .subComponent .subComponentContent .vjs-tech {
    width: 100% !important;
    height: 87% !important; }
  #tabbedHeroComponent .subComponent .subComponentContent .vjs-big-play-button {
    display: none !important; }
  #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /*margin-top: -5%;*/
    display: inline-flex;
    text-align: center; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li {
      position: relative;
      margin-bottom: -1px;
      background-color: #fff;
      display: inline-flex;
      margin: 1%;
      width: auto;
      max-width: 30%;
      text-align: left;
      cursor: pointer; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li a {
        display: inline-block;
        padding: 10px 15px 10px 5px;
        color: #000000;
        text-decoration: none;
        font-size: .48em;
        line-height: 1.45em;
        font-family: IntroCaps; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #FCD800; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list li:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: 1px;
      border-bottom-left-radius: 1px; }
    #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list .active {
      border-top: 2px solid #00A6CA; }
      #tabbedHeroComponent .subComponent .subComponentContent ul#marker-list .active a {
        font-weight: 700; }
  #tabbedHeroComponent .subComponent .subComponentContent .immersive-play {
    z-index: 4000;
    top: 20%;
    cursor: pointer;
    bottom: 0;
    top: 25%;
    left: 0%;
    /*margin: 0 0 -280px 0;*/
    text-align: center; }
    #tabbedHeroComponent .subComponent .subComponentContent .immersive-play .fa.tufa-play-media {
      width: 100px;
      height: 100px;
      font-size: 100px;
      color: #ffffff;
      cursor: pointer;
      text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }

  /* LESS Document */
  #testimonials {
    padding-bottom: 15px; }
    #testimonials .header-text {
      opacity: 0;
      margin-top: 100px; }
      #testimonials .header-text h1 {
        font-size: 34px;
        line-height: 22px; }
      #testimonials .header-text p {
        font-size: 18px;
        line-height: 34px;
        font-weight: 300;
        padding: 0;
        margin-bottom: 50px; }
    #testimonials .container .tabsContainer {
      opacity: 0; }
      #testimonials .container .tabsContainer .sectionsCarousel {
        left: 4%;
        width: 92%;
        z-index: 5000; }
        #testimonials .container .tabsContainer .sectionsCarousel .subComponent {
          height: 124px;
          width: 15%;
          padding: 0px; }
          #testimonials .container .tabsContainer .sectionsCarousel .subComponent .sectionNav .text-section {
            font-size: 14px;
            padding: 0 30%; }
    #testimonials .container .subComponentContent {
      height: 475px;
      margin: 0;
      opacity: 0; }
      #testimonials .container .subComponentContent .yellowBorder {
        border: 4px solid transparent;
        top: 38px;
        width: 93%;
        left: 3.5%;
        transition: color 0.5s; }
        #testimonials .container .subComponentContent .yellowBorder::before, #testimonials .container .subComponentContent .yellowBorder::after {
          content: '';
          position: absolute;
          border: 4px solid transparent;
          width: 0;
          height: 0;
          z-index: 2000; }
        #testimonials .container .subComponentContent .yellowBorder::before, #testimonials .container .subComponentContent .yellowBorder::after {
          top: 0;
          left: 0; }
      #testimonials .container .subComponentContent .textOnMedia {
        top: 90px;
        font-size: 34px;
        width: 70%;
        left: 15%; }
        #testimonials .container .subComponentContent .textOnMedia .quotation-mark {
          font-size: 35px; }
        #testimonials .container .subComponentContent .textOnMedia .author {
          font-size: 14px;
          line-height: 60px;
          font-weight: 600; }
      #testimonials .container .subComponentContent.bgrImage .mediaBanner {
        height: 475px;
        background-size: cover; }
      #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background {
        height: 475px; }
      #testimonials .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-play {
        top: 200px; }
      #testimonials .container .subComponentContent.logos .logo-container {
        height: 30%; }
      #testimonials .container .subComponentContent .immersive-play {
        z-index: 4000;
        top: 20%;
        cursor: pointer;
        bottom: 0;
        top: 45%;
        left: 0%;
        text-align: center;
        position: absolute; }
        #testimonials .container .subComponentContent .immersive-play .fa.tufa-play-media {
          width: 100px;
          height: 100px;
          font-size: 100px;
          color: #ffffff;
          cursor: pointer;
          text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
    #testimonials.animateComponent .header-text {
      opacity: 1;
      transition: opacity .5s ease-in-out .20s;
      -moz-transition: opacity .5s ease-in-out .20s;
      -webkit-transition: opacity .5s ease-in-out .20s; }
    #testimonials.animateComponent .container .subComponentContent {
      opacity: 1;
      transition: opacity .5s ease-in-out .20s;
      -moz-transition: opacity .5s ease-in-out .20s;
      -webkit-transition: opacity .5s ease-in-out .20s; }
      #testimonials.animateComponent .container .subComponentContent .yellowBorder::before, #testimonials.animateComponent .container .subComponentContent .yellowBorder::after {
        width: 100%;
        height: 561px; }
      #testimonials.animateComponent .container .subComponentContent .yellowBorder::before {
        border-top-color: #FCD800;
        border-right-color: #FCD800;
        transition: width 1s ease-in-out, height 1s ease-in-out 1.5s; }
      #testimonials.animateComponent .container .subComponentContent .yellowBorder::after {
        border-bottom-color: #FCD800;
        border-left-color: #FCD800;
        transition: height 1s ease-in-out, width 1s ease-in-out 1.25s; }
    #testimonials.animateComponent .container .tabsContainer {
      opacity: 1;
      transition: opacity .5s ease-in-out .20s;
      -moz-transition: opacity .5s ease-in-out .20s;
      -webkit-transition: opacity .5s ease-in-out .20s; }

  /* LESS Document */
  #homepageBlueRail-finTech {
    margin-top: 80px;
    margin-bottom: 80px; }
    #homepageBlueRail-finTech.container {
      width: 1200px; }
    #homepageBlueRail-finTech p {
      font-weight: 300;
      font-size: 34px;
      padding: 32px 50px 50px;
      line-height: normal;
      letter-spacing: -.005;
      margin: 0;
      display: inline-block; }
    #homepageBlueRail-finTech a.btn {
      margin-bottom: 35px;
      margin-top: 20px;
      font-size: 18px;
      height: 55px;
      padding-top: 10px;
      line-height: normal;
      display: inline-block; }

  /* Global Header Styles */
  #globalFooter #dataPass-footer .footerLinks-wrapper .dataPass-footerLinks {
    float: left;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px; }
  #globalFooter #dataPass-footer .footerText {
    margin: 40px 0 20px 0;
    text-align: left;
    float: left;
    width: 50%; }

  /* CSS Document */
  #ctaContinuityBand #ctaContinuityBandLarge .ctaHeadline {
    text-align: left; }

  #dp-rightRailWrapper {
    margin-right: 100px; }

  .orderform .accordion-field {
    padding: 11px 10px 12px 8px; }
  .orderform .accdCloseView-content {
    margin: 0px 0 6px 0px; }
  .orderform .email .fa-times-circle-o {
    position: relative;
    top: -19px; }
  .orderform .secret-question .fa-times-circle-o, .orderform .answer .fa-times-circle-o {
    position: relative;
    top: 35px; }
  .orderform .cc-helpMessage {
    right: -210px; }
  .orderform .password .fa-times-circle-o {
    position: relative;
    top: 36px; }
  .orderform .confirmPassword .fa-times-circle-o, .orderform .ssn .fa-times-circle-o {
    position: relative;
    top: 36px; }
  .orderform .date .fa-times-circle-o, .orderform .cvc .fa-times-circle-o {
    position: relative;
    top: 36px; }
  .orderform .date-month .fa-times-circle-o {
    top: 36px;
    position: relative; }
  .orderform .month .fa-times-circle-o, .orderform .day .fa-times-circle-o, .orderform .year .fa-times-circle-o {
    margin-top: -27px; }
  .orderform .inFieldLabels .form-group label {
    left: 10px; }

  .tuo-banner {
    margin-top: -100px; }
    .tuo-banner .large-heroBannerCalloutsPhoto {
      height: 650px; }
    .tuo-banner .highlight {
      right: 10%;
      width: 35%; }
      .tuo-banner .highlight .highlight-overlay-text .title {
        font-size: 26px; }
      .tuo-banner .highlight .highlight-overlay-text .text {
        font-size: 16px; }
      .tuo-banner .highlight .highlight-overlay-text .highlight-btn {
        font-size: 16px;
        padding-top: 4px; }

  /* LESS Document */
  .tuo-header #mobiNavActivate {
    opacity: 0; }
  .tuo-header .topBar .tuMainNav {
    position: absolute;
    top: 11px;
    right: 300px; }
    .tuo-header .topBar .tuMainNav li a {
      padding-top: 22px; }
  .tuo-header .topBar .tiTopLinks a {
    position: relative;
    left: -72px; }
  .tuo-header .topBar .tuo-cta {
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 8px;
    margin-right: 25px; }

  .tuo-offers .offers .offer {
    margin: 60px 0; }
    .tuo-offers .offers .offer .offer-content {
      height: 600px; }
      .tuo-offers .offers .offer .offer-content .first-title {
        font-size: 22px; }
      .tuo-offers .offers .offer .offer-content .second-title {
        font-size: 16px; }
    .tuo-offers .offers .offer.col-md-custom {
      width: 25%; }
  .tuo-offers .offers.three-offers .offer .offer-content {
    height: 500px; }
  .tuo-offers .offers.three-offers .offer.col-md-custom {
    width: 33%; }
  .tuo-offers .offers.two-offers .offer .offer-content {
    height: 450px; }
  .tuo-offers .offers.two-offers .offer.col-md-custom {
    width: 50%; }

  /* LESS Document */
  #tabbedCaseStudyDemo {
    padding-bottom: 15px; }
    #tabbedCaseStudyDemo .container .tabsContainer .subComponent {
      height: 124px;
      padding: 0px; }
      #tabbedCaseStudyDemo .container .tabsContainer .subComponent.grayTab {
        padding-left: 2%; }
        #tabbedCaseStudyDemo .container .tabsContainer .subComponent.grayTab .sectionNav .activeTitle::after {
          height: 5px;
          width: 80px;
          display: block;
          content: '';
          margin-top: 2px;
          background-color: #FCD800; }
      #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav {
        padding: 20px; }
        #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .activeTitle {
          font-size: 26px;
          font-weight: 300;
          line-height: 1em;
          text-align: left; }
        #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle {
          font-size: 26px;
          font-weight: 300;
          text-align: center; }
          #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle img.playImg {
            width: 20px;
            height: 20px; }
          #tabbedCaseStudyDemo .container .tabsContainer .subComponent .sectionNav .inActiveTitle span.tufa-plus {
            font-size: 30px;
            font-weight: 600; }
    #tabbedCaseStudyDemo .container .subComponentContent {
      height: 475px;
      margin: 0; }
      #tabbedCaseStudyDemo .container .subComponentContent .textOnMedia {
        color: #ffffff;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        letter-spacing: -.005em;
        top: 130px;
        left: 5%;
        position: absolute;
        z-index: 3000;
        width: 20%; }
        #tabbedCaseStudyDemo .container .subComponentContent .textOnMedia h6 {
          color: #ffffff;
          margin-top: 15px; }
      #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-background {
        height: 475px; }
      #tabbedCaseStudyDemo .container .subComponentContent.video #finTech-immersiveComponent .immersive-banner .immersive-play {
        top: 200px; }

  #tertiaryProductsSolutionsComponent {
    background-color: #eeeeee; }
    #tertiaryProductsSolutionsComponent .buttonWrap {
      padding-top: 50px; }
      #tertiaryProductsSolutionsComponent .buttonWrap .yellow {
        background-color: #ffffff; }
    #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights {
      padding: 30px; }
      #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-heading {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: .005em;
        height: 40px; }
      #tertiaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-text {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: .005em;
        height: 100px;
        font-weight: 600; }

  #secondaryProductsSolutionsComponent {
    background-color: #eeeeee; }
    #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights {
      border: none;
      border-top: 4px solid #00A6CA;
      padding: 30px 30px 80px 30px;
      height: 260px;
      background-color: #ffffff;
      margin-bottom: 20px; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-heading {
        margin-bottom: 0;
        height: 55px;
        letter-spacing: .005em; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-text {
        letter-spacing: .005em;
        height: 100px;
        font-weight: 300;
        color: #707070; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .product-divider {
        display: block; }
      #secondaryProductsSolutionsComponent .solutionsContainer .solutions-insights .learnMore {
        font-family: IntroCaps;
        letter-spacing: .1em; }

  /* LESS Document */
  #productFeaturesScrolling {
    position: relative;
    width: 100%;
    min-height: 700px;
    height: 100vh;
    overflow: hidden; }
    #productFeaturesScrolling .text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 50px 5%;
      background-color: #eeeeee;
      min-height: 700px;
      height: 100%; }
      #productFeaturesScrolling .text h2 {
        color: #707070;
        font-weight: 300;
        font-size: 2vw;
        line-height: 2.1vw;
        margin-top: 20px;
        margin-bottom: 10px; }
      #productFeaturesScrolling .text p {
        width: 100%;
        padding: 0;
        color: #707070;
        font-weight: 600;
        font-size: 1.4vw;
        line-height: 1.375em;
        margin-bottom: 10px; }
      #productFeaturesScrolling .text .learnMoreLink {
        font-size: 1.25vw;
        margin-top: 30px;
        font-weight: 600;
        font-family: IntroCaps;
        text-decoration: none;
        color: #00A6CA;
        letter-spacing: .1em; }
    #productFeaturesScrolling .media {
      padding-right: 0;
      min-height: 700px;
      height: 100%; }
      #productFeaturesScrolling .media .mediaBanner {
        width: 100%;
        background-size: cover;
        background-position: center;
        height: 100%; }
    #productFeaturesScrolling .productCard {
      height: 100%;
      position: absolute;
      width: 100%; }

  /* ID Theft - LG */
  #IDTheftHelpComponent .IDTheftWrapper {
    height: 620px;
    margin-bottom: 80px; }
    #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder .primaryHeader {
      margin-top: 200px;
      font-size: 54px;
      font-weight: 500; }
    #IDTheftHelpComponent .IDTheftWrapper .photoHeaderHolder h4 {
      font-size: 34px;
      font-weight: 400; }
  #IDTheftHelpComponent .IDTheftHelpWrapper {
    padding: 40px;
    margin: 100px;
    margin-top: -260px;
    width: 80%; }
    #IDTheftHelpComponent .IDTheftHelpWrapper p {
      font-size: 16px; }

  /* CreditRetriever Login Component Styles */
  .creditRetrieverLoginWrapper .loginTitleMain {
    font-size: 28px;
    font-weight: 300; }

  .creditRetrieverRightColumn {
    width: 400px;
    margin-left: -60px; }

  /* Scss Document */
  #featureFourIcons .featureIconCarousel .item:nth-child(-n+3) {
    padding-right: 30px; }
  #featureFourIcons .featureIconCarousel .item .circle {
    height: 200px;
    width: 200px;
    font-size: 110px;
    font-weight: 600;
    padding-top: 50px; }

  /* CSS Document */
  #credit .mini-order-form .report {
    margin-bottom: 0;
    margin-top: 75px; }
  #credit .mini-order-form .accordion-field {
    padding: 11px 10px 12px 8px; }
  #credit .mini-order-form .accdCloseView-content {
    margin: 0px 0 6px 0px; }
  #credit .mini-order-form .email .fa-times-circle-o {
    position: relative;
    top: -19px; }
  #credit .mini-order-form .secret-question .fa-times-circle-o, #credit .mini-order-form .answer .fa-times-circle-o {
    position: relative;
    top: 35px; }
  #credit .mini-order-form .cc-helpMessage {
    right: -210px; }
  #credit .mini-order-form .password .fa-times-circle-o {
    position: relative;
    top: 36px; }
  #credit .mini-order-form .confirmPassword .fa-times-circle-o, #credit .mini-order-form .ssn .fa-times-circle-o {
    position: relative;
    top: 36px; }
  #credit .mini-order-form .date .fa-times-circle-o, #credit .mini-order-form .cvc .fa-times-circle-o {
    position: relative;
    top: 36px; }
  #credit .mini-order-form .date-month .fa-times-circle-o {
    top: 36px;
    position: relative; }
  #credit .mini-order-form .month .fa-times-circle-o, #credit .mini-order-form .day .fa-times-circle-o, #credit .mini-order-form .year .fa-times-circle-o {
    margin-top: -27px; }
  #credit .mini-order-form .inFieldLabels .form-group label {
    left: 10px; }

  #engagement .callToAction div.mainHeadline {
    padding: 30px 0 20px 0; }
  #engagement .callToAction.reengage {
    min-height: 95px; }
    #engagement .callToAction.reengage div.mainHeadLine {
      padding: 20px 0 20px 0; }
    #engagement .callToAction.reengage p {
      font-size: 18px;
      font-weight: 100;
      display: inline; }
    #engagement .callToAction.reengage .btn {
      margin-left: 40px; }

  .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item {
    width: 23.75%; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle img {
      width: 100%;
      height: 100%; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .imageAndTitle .itemTitle h5 {
      font-size: 18px; }
    .relatedArticlesPersonal2Wrapper .relatedArticlesContainer .item .itemText p {
      font-size: 18px; }

  /* Feature Article Component Styles for Personal */
  .articlePersonalFeature .insightText {
    padding: 45px 20px 10px; }
  .articlePersonalFeature .mid-header {
    font-size: 26px;
    line-height: 30px; }
  .articlePersonalFeature .articleDescription {
    font-size: 18px; }
  .articlePersonalFeature .read-article {
    font-size: 20px; }

  /* Scss Document */
  #creditFreezeToggleComponent {
    max-width: 1140px; } }
/* Hacks for poorly thought out Personal Header Navigation */
@media (min-width: 1200px) and (max-width: 1299px) {
  #headerWrapper.personalHeader #headerMain #searchContact .tui-orange-btn {
    display: none; }
  #headerWrapper.personalHeader #headerMain #searchContact #searchContainer #searchBox:focus {
    width: 200px; } }
@media (min-width: 1200px) and (max-width: 1439px) {
  #headerWrapper.personalHeader #headerMain #mainNav .nav li a {
    font-size: 16px; } }
@media (min-width: 1200px) and (max-width: 1529px) {
  #headerWrapper.personalHeader .hideAt1300 {
    display: none; }
  #headerWrapper.personalHeader #headerMain #searchContact .tui-orange-btn {
    padding-right: 5px;
    padding-left: 5px; }
  #headerWrapper.personalHeader #headerMain #searchContact #searchContainer #searchBox {
    width: 80px; }
    #headerWrapper.personalHeader #headerMain #searchContact #searchContainer #searchBox:focus {
      width: 200px; } }
/* Hacks for Large Banners to make sure we see all we need to see */
@media (min-width: 1200px) {
  .heroBannerCalloutsWrapper {
    margin-top: -160px; }
    .heroBannerCalloutsWrapper .calloutBoxes .whiteBox {
      width: 1000px;
      margin-left: 8.333%; } }
@media (min-width: 1200px) and (min-height: 800px) {
  /* Category Banner - SM */
  .categoryBannerWrapper {
    height: 620px;
    margin-bottom: 80px; }

  .categoryBannerCopy {
    height: 400px;
    padding: 40px;
    margin-top: -460px; }
    .categoryBannerCopy p {
      font-size: 16px; }

  .categoryBannerRelatedArticles {
    height: 620px;
    margin-top: 160px; }
    .categoryBannerRelatedArticles a {
      padding: 13px 25px 0 25px; }
      .categoryBannerRelatedArticles a.articleLink {
        height: 193px;
        font-size: 16px; }
        .categoryBannerRelatedArticles a.articleLink span {
          bottom: 20px; }
    .categoryBannerRelatedArticles .moreButton {
      height: 41px;
      font-size: 10px; }

  .modalArticleList li {
    margin-bottom: 30px; }
    .modalArticleList li img {
      width: 160px;
      height: 160px; }
    .modalArticleList li h6 {
      padding-left: 180px;
      margin: 0 0 10px -160px;
      font-size: 20px; }
    .modalArticleList li p {
      padding-left: 180px;
      margin-left: -160px;
      font-size: 16px; }

  /* LESS Document - Banner w/ Right Callouts Component - LG */
  .heroBannerCalloutsWrapper {
    margin-top: -160px; }
    .heroBannerCalloutsWrapper .heroBannerCalloutsPhoto {
      height: 780px; }
    .heroBannerCalloutsWrapper .calloutBoxes {
      margin-top: -620px;
      margin-bottom: 40px; }
      .heroBannerCalloutsWrapper .calloutBoxes .orangeBox {
        padding: 60px 80px 30px 80px;
        width: 400px;
        height: 400px;
        margin-top: 240px;
        z-index: 1; }
      .heroBannerCalloutsWrapper .calloutBoxes .whiteBox {
        height: 620px;
        width: 320px;
        margin: 0 0 0 -20px;
        padding: 35px 20px 20px 40px;
        background: rgba(255, 255, 255, 0.85); }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxTitle {
          margin-bottom: 35px; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList {
          width: 100%; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li {
            width: 100%;
            margin-bottom: 30px;
            font-size: 18px; }
            .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li .fa {
              width: 40px;
              padding-top: 0;
              font-size: 36px; }
            .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .whiteBoxList li p {
              padding-top: 2px;
              padding-left: 50px;
              margin: 0 0 0 -40px; }
        .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons {
          width: 100%;
          padding-left: 0; }
          .heroBannerCalloutsWrapper .calloutBoxes .whiteBox .calloutButtons .btn {
            width: auto;
            margin-bottom: 10px; } }