@import url(https://use.typekit.net/qat5yap.css);@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(fonts/fontawesome-webfont.eot);
  src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff2) format("woff2"), url(fonts/fontawesome-webfont.woff) format("woff"), url(fonts/fontawesome-webfont.ttf) format("truetype"), url(fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000"; }

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

.fa-envelope-o:before {
  content: "\F003"; }

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-o:before {
  content: "\F006"; }

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-check:before {
  content: "\F00C"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-signal:before {
  content: "\F012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\F013"; }

.fa-trash-o:before {
  content: "\F014"; }

.fa-home:before {
  content: "\F015"; }

.fa-file-o:before {
  content: "\F016"; }

.fa-clock-o:before {
  content: "\F017"; }

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

.fa-arrow-circle-o-down:before {
  content: "\F01A"; }

.fa-arrow-circle-o-up:before {
  content: "\F01B"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-play-circle-o:before {
  content: "\F01D"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E"; }

.fa-refresh:before {
  content: "\F021"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-list:before {
  content: "\F03A"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-video-camera:before {
  content: "\F03D"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E"; }

.fa-pencil:before {
  content: "\F040"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044"; }

.fa-share-square-o:before {
  content: "\F045"; }

.fa-check-square-o:before {
  content: "\F046"; }

.fa-arrows:before {
  content: "\F047"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-eject:before {
  content: "\F052"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-times-circle-o:before {
  content: "\F05C"; }

.fa-check-circle-o:before {
  content: "\F05D"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064"; }

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-arrows-v:before {
  content: "\F07D"; }

.fa-arrows-h:before {
  content: "\F07E"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-key:before {
  content: "\F084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\F085"; }

.fa-comments:before {
  content: "\F086"; }

.fa-thumbs-o-up:before {
  content: "\F087"; }

.fa-thumbs-o-down:before {
  content: "\F088"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-heart-o:before {
  content: "\F08A"; }

.fa-sign-out:before {
  content: "\F08B"; }

.fa-linkedin-square:before {
  content: "\F08C"; }

.fa-thumb-tack:before {
  content: "\F08D"; }

.fa-external-link:before {
  content: "\F08E"; }

.fa-sign-in:before {
  content: "\F090"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-upload:before {
  content: "\F093"; }

.fa-lemon-o:before {
  content: "\F094"; }

.fa-phone:before {
  content: "\F095"; }

.fa-square-o:before {
  content: "\F096"; }

.fa-bookmark-o:before {
  content: "\F097"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A"; }

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-feed:before,
.fa-rss:before {
  content: "\F09E"; }

.fa-hdd-o:before {
  content: "\F0A0"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-hand-o-right:before {
  content: "\F0A4"; }

.fa-hand-o-left:before {
  content: "\F0A5"; }

.fa-hand-o-up:before {
  content: "\F0A6"; }

.fa-hand-o-down:before {
  content: "\F0A7"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-group:before,
.fa-users:before {
  content: "\F0C0"; }

.fa-chain:before,
.fa-link:before {
  content: "\F0C1"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-plus:before {
  content: "\F0D5"; }

.fa-money:before {
  content: "\F0D6"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4"; }

.fa-comment-o:before {
  content: "\F0E5"; }

.fa-comments-o:before {
  content: "\F0E6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA"; }

.fa-lightbulb-o:before {
  content: "\F0EB"; }

.fa-exchange:before {
  content: "\F0EC"; }

.fa-cloud-download:before {
  content: "\F0ED"; }

.fa-cloud-upload:before {
  content: "\F0EE"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-bell-o:before {
  content: "\F0A2"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

.fa-file-text-o:before {
  content: "\F0F6"; }

.fa-building-o:before {
  content: "\F0F7"; }

.fa-hospital-o:before {
  content: "\F0F8"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B"; }

.fa-circle-o:before {
  content: "\F10C"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-folder-o:before {
  content: "\F114"; }

.fa-folder-open-o:before {
  content: "\F115"; }

.fa-smile-o:before {
  content: "\F118"; }

.fa-frown-o:before {
  content: "\F119"; }

.fa-meh-o:before {
  content: "\F11A"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-keyboard-o:before {
  content: "\F11C"; }

.fa-flag-o:before {
  content: "\F11D"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-crop:before {
  content: "\F125"; }

.fa-code-fork:before {
  content: "\F126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127"; }

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-shield:before {
  content: "\F132"; }

.fa-calendar-o:before {
  content: "\F133"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-ticket:before {
  content: "\F145"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-minus-square-o:before {
  content: "\F147"; }

.fa-level-up:before {
  content: "\F148"; }

.fa-level-down:before {
  content: "\F149"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-pencil-square:before {
  content: "\F14B"; }

.fa-external-link-square:before {
  content: "\F14C"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\F153"; }

.fa-gbp:before {
  content: "\F154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\F155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\F156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158"; }

.fa-won:before,
.fa-krw:before {
  content: "\F159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-text:before {
  content: "\F15C"; }

.fa-sort-alpha-asc:before {
  content: "\F15D"; }

.fa-sort-alpha-desc:before {
  content: "\F15E"; }

.fa-sort-amount-asc:before {
  content: "\F160"; }

.fa-sort-amount-desc:before {
  content: "\F161"; }

.fa-sort-numeric-asc:before {
  content: "\F162"; }

.fa-sort-numeric-desc:before {
  content: "\F163"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-youtube-square:before {
  content: "\F166"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-youtube-play:before {
  content: "\F16A"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitbucket-square:before {
  content: "\F172"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-long-arrow-down:before {
  content: "\F175"; }

.fa-long-arrow-up:before {
  content: "\F176"; }

.fa-long-arrow-left:before {
  content: "\F177"; }

.fa-long-arrow-right:before {
  content: "\F178"; }

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184"; }

.fa-sun-o:before {
  content: "\F185"; }

.fa-moon-o:before {
  content: "\F186"; }

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-arrow-circle-o-right:before {
  content: "\F18E"; }

.fa-arrow-circle-o-left:before {
  content: "\F190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191"; }

.fa-dot-circle-o:before {
  content: "\F192"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195"; }

.fa-plus-square-o:before {
  content: "\F196"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-slack:before {
  content: "\F198"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-file-pdf-o:before {
  content: "\F1C1"; }

.fa-file-word-o:before {
  content: "\F1C2"; }

.fa-file-excel-o:before {
  content: "\F1C3"; }

.fa-file-powerpoint-o:before {
  content: "\F1C4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8"; }

.fa-file-code-o:before {
  content: "\F1C9"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD"; }

.fa-circle-o-notch:before {
  content: "\F1CE"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-circle-thin:before {
  content: "\F1DB"; }

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bell-slash-o:before {
  content: "\F1F7"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-area-chart:before {
  content: "\F1FE"; }

.fa-pie-chart:before {
  content: "\F200"; }

.fa-line-chart:before {
  content: "\F201"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B"; }

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-facebook-official:before {
  content: "\F230"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\F236"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-sticky-note-o:before {
  content: "\F24A"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-hourglass-o:before {
  content: "\F250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256"; }

.fa-hand-scissors-o:before {
  content: "\F257"; }

.fa-hand-lizard-o:before {
  content: "\F258"; }

.fa-hand-spock-o:before {
  content: "\F259"; }

.fa-hand-pointer-o:before {
  content: "\F25A"; }

.fa-hand-peace-o:before {
  content: "\F25B"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-safari:before {
  content: "\F267"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-tv:before,
.fa-television:before {
  content: "\F26C"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-500px:before {
  content: "\F26E"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-calendar-plus-o:before {
  content: "\F271"; }

.fa-calendar-minus-o:before {
  content: "\F272"; }

.fa-calendar-times-o:before {
  content: "\F273"; }

.fa-calendar-check-o:before {
  content: "\F274"; }

.fa-industry:before {
  content: "\F275"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-map-o:before {
  content: "\F278"; }

.fa-map:before {
  content: "\F279"; }

.fa-commenting:before {
  content: "\F27A"; }

.fa-commenting-o:before {
  content: "\F27B"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-vimeo:before {
  content: "\F27D"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-edge:before {
  content: "\F282"; }

.fa-credit-card-alt:before {
  content: "\F283"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-modx:before {
  content: "\F285"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-usb:before {
  content: "\F287"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-pause-circle-o:before {
  content: "\F28C"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stop-circle-o:before {
  content: "\F28E"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-percent:before {
  content: "\F295"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-envira:before {
  content: "\F299"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-wheelchair-alt:before {
  content: "\F29B"; }

.fa-question-circle-o:before {
  content: "\F29C"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-volume-control-phone:before {
  content: "\F2A0"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-handshake-o:before {
  content: "\F2B5"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-o:before {
  content: "\F2B7"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-book-o:before {
  content: "\F2BA"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-circle-o:before {
  content: "\F2BE"; }

.fa-user-o:before {
  content: "\F2C0"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-eercast:before {
  content: "\F2DA"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-snowflake-o:before {
  content: "\F2DC"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-meetup:before {
  content: "\F2E0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/* UHM Color Palette */
/* Typography */
/* Shapes */
/* Screen Sizes */
/* Padding */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

/* Accessibility */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */ }

/* Responsive Media */
img,
object,
embed {
  max-width: 100%; }

.hidden {
  display: none !important; }

@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden-md {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .hidden-lg {
    display: none !important; } }

/* Typography */
body {
  font-family: "Raleway", sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  overflow-x: hidden;
  font-size: 16px;
  line-height: 20px; }
  body.modal-open {
    overflow: hidden; }

p {
  font-size: 18px;
  color: #171717;
  line-height: 27px;
  padding: 10px 0;
  font-family: "Raleway", sans-serif; }

h1, h2, h4, h5 {
  font-family: "Raleway", sans-serif;
  font-weight: 400; }

h3 {
  font-family: "Merriweather", serif;
  font-weight: lighter;
  padding: 5px 0; }

h1, h2, h3, h5 {
  color: #3d1951; }

h3, h4 {
  color: #2e8337; }

h1 {
  font-size: 32px;
  line-height: 35px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 40px;
      line-height: 55px; } }
  @media screen and (min-width: 1024px) {
    h1 {
      font-size: 70px;
      line-height: 80px; } }

h2 {
  font-size: 35px;
  line-height: 50px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 45px;
      line-height: 60px; } }

h3 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 100; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 20px;
      line-height: 35px; } }

h4 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold; }

h5 {
  font-size: 16px;
  line-height: 30px;
  color: #3d1951;
  font-weight: bold; }
  h5 .blog-tag-section {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 10px;
    border-top: #eee 2px solid; }

hr {
  color: #2e8337;
  border: 1px solid;
  max-width: 80%;
  margin: 0 auto; }

.align-right {
  text-align: right !important; }

.align-left {
  text-align: left !important; }

.align-center {
  text-align: center !important; }

/* Lists */
ul {
  margin-top: 0;
  padding: 20px 0px;
  list-style: none;
  text-align: left; }
  ul li {
    padding: 4px 0 4px 30px;
    position: relative;
    font-size: 19px;
    line-height: 25px; }
    ul li:after {
      background-color: #2e8337;
      width: 7px;
      height: 7px;
      display: block;
      position: absolute;
      top: 0.6em;
      left: 11px;
      content: " "; }

/* Links */
a:link,
a:active,
a:visited {
  color: #3d1951;
  text-decoration: none; }

a:hover,
a:focus {
  color: #775e85;
  cursor: pointer; }

H5 a:link, H5 a:active, H5 a:visited {
  color: #2e8337; }

H5 a:hover, H5 a:focus {
  color: #3d1951; }

/* All Buttons */
a.button,
a.button:link,
a.button:active,
a.button:visited,
button, [type='button'], [type='reset'], [type='submit'],
button:active, [type='button']:active, [type='reset']:active, [type='submit']:active {
  background-color: #2e8337;
  color: white;
  padding: 30px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  font-family: "Raleway", sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-weight: bold;
  border: 0;
  border-radius: 3px;
  display: inline-block;
  margin: 0 auto;
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    a.button,
    a.button:link,
    a.button:active,
    a.button:visited,
    button, [type='button'], [type='reset'], [type='submit'],
    button:active, [type='button']:active, [type='reset']:active, [type='submit']:active {
      padding: 30px 45px; } }

a.button:hover,
a.button:focus,
button:focus, [type='button']:focus, [type='reset']:focus, [type='submit']:focus,
button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover {
  background-color: #3d1951;
  cursor: pointer; }

a.button.small {
  padding: 10px; }

a.button.large,
button.button.large {
  padding: 25px;
  margin: 10px 0 0 0;
  font-size: 16px;
  line-height: 22px; }
  @media screen and (min-width: 768px) {
    a.button.large,
    button.button.large {
      padding: 35px 20px;
      margin: 10px 0 0 0;
      font-size: 26px;
      line-height: 34px; } }

a.button.trans {
  background-color: rgba(255, 255, 255, 0.5);
  color: #3d1951;
  border: 1px solid #3d1951; }
  a.button.trans:hover, a.button.trans:focus {
    background-color: #3d1951;
    border: 1px solid #3d1951;
    color: white; }

a.button.purple {
  background-color: #3d1951;
  color: white; }
  a.button.purple:hover, a.button.purple:focus {
    background-color: #2e8337;
    color: white;
    border: 0; }

.edit-button,
.edit-button:active,
.edit-button:visited {
  color: #2e8337;
  font-weight: bold;
  background: none;
  padding: 0;
  line-height: 30px;
  width: auto;
  max-width: 250px;
  margin: 0 auto;
  text-align: center;
  display: block;
  border: 1px solid #2e8337;
  border-radius: 3px;
  padding: 10px;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .edit-button,
    .edit-button:active,
    .edit-button:visited {
      display: inline-block; } }
  .edit-button:hover, .edit-button:focus,
  .edit-button:active:hover,
  .edit-button:active:focus,
  .edit-button:visited:hover,
  .edit-button:visited:focus {
    background: none;
    color: #205c27; }
  .edit-button .right,
  .edit-button:active .right,
  .edit-button:visited .right {
    float: right; }

/* Forms */
.form-wrap {
  position: relative; }
  @media screen and (min-width: 768px) {
    .form-wrap {
      float: left;
      text-align: left; } }

.requiredInputs {
  position: absolute;
  font-size: 20px;
  color: red; }

.error-messages {
  color: red;
  font-weight: bold; }
  .error-messages div {
    padding: 5px 0; }

.errorMessage {
  color: red;
  font-weight: bold;
  font-size: 10px;
  padding: 0px;
  line-height: 15px;
  min-height: 20px;
  margin-bottom: 10px; }

.errorMessageSubmit {
  color: red;
  font-weight: bold;
  font-size: 20px;
  padding: 0px;
  line-height: 15px;
  min-height: 20px;
  margin-bottom: 10px;
  text-align: center; }

fieldset {
  border: 0;
  text-align: center;
  padding: 0px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    fieldset {
      width: 700px; } }
  @media screen and (min-width: 1024px) {
    fieldset {
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -webkit-padding-before: 0em;
      -webkit-padding-start: 0em;
      -webkit-padding-end: 0em;
      -webkit-padding-after: 0em;
      display: block;
      margin: 0 auto;
      text-align: left; } }

.submit-button {
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .submit-button {
      text-align: left;
      padding-left: 20px; } }

label {
  display: block;
  font-weight: bold;
  color: #3d1951;
  width: auto; }
  label.slider-label {
    display: inline-block; }
    @media screen and (min-width: 768px) {
      label.slider-label {
        width: 40px; } }
    label.slider-label:nth-child(odd) {
      text-align: right; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  border: 1px solid #3d1951;
  font-family: "Raleway", sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  margin: 5px 0px 10px 0px;
  padding: 20px 15px;
  width: 218px;
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
      margin: 5px 0px 10px 0px;
      width: 168px; } }

.input-long {
  width: calc(100% - 25px); }

.input-small {
  width: 100px !important;
  margin-right: 10px; }

.input-element {
  position: relative;
  display: inline-block; }
  .input-element.dollar::before {
    content: "$";
    display: block;
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -12px;
    font-weight: bold;
    color: #3d1951; }
  .input-element.percentage::after {
    content: "%";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    font-weight: bold;
    color: #3d1951; }
  .input-element.calendar::after {
    content: "\F073";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    top: 45%;
    right: 12px;
    margin-top: -12px;
    cursor: pointer;
    font-weight: bold;
    color: #3d1951;
    pointer-events: inherit; }

textarea {
  width: calc(100% - 25px);
  height: 120px;
  line-height: 20px;
  font-size: 16px;
  resize: vertical; }

select {
  border: 1px solid #3d1951;
  border-radius: 0;
  font-family: "Raleway", sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  width: 300px;
  background-color: white;
  margin: 5px 20px 15px 0px;
  padding: 20px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 16px;
  z-index: 2;
  /* Necessary for datalist polyfill for Safari */ }
  select::-ms-expand {
    display: none; }
  @media screen and (max-width: 768px) {
    select.polyfilling {
      width: 100%;
      height: auto;
      margin-top: 0 !important;
      margin-left: 0 !important;
      position: relative !important;
      top: 5px;
      left: 0px;
      padding: 5px;
      font-size: 16px;
      border: 1px solid #3d1951; } }
  @media screen and (min-width: 768px) {
    select.polyfilling {
      margin-top: -65px !important;
      position: absolute; } }
  select.polyfilling option {
    line-height: 20px;
    font-size: 16px;
    font-family: Raleway; }
  select .select-small {
    width: 100px !important;
    margin-right: 10px; }
  select .select-long {
    width: calc(100% - 25px); }

.select {
  position: relative;
  display: inline-block; }
  .select::after {
    content: "\F0D7";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -5px;
    pointer-events: none;
    font-weight: bold;
    color: #3d1951; }
  .select .select-small {
    width: 100px !important;
    margin-right: 10px; }
  .select .select-long {
    width: calc(100% - 25px); }

/* List Groups */
.control-group {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0px;
  width: 100%;
  height: auto;
  margin: 10px; }
  @media screen and (min-width: 768px) {
    .control-group {
      width: 400px; } }
  .control-group label {
    font-weight: 400;
    color: #171717; }

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px; }
  .control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #f7f7f7;
    border: 1px solid #3d1951; }

.control:hover input ~ .control-indicator,
.control input:focus ~ .control-indicator {
  background: #f7f7f7; }

.control input:checked ~ .control-indicator,
.control:hover input:not([disabled]):checked ~ .control-indicator,
.control input:checked:focus ~ .control-indicator {
  background: #2e8337;
  border: 0; }

.control input:disabled ~ .control-indicator {
  background: #f7f7f7;
  border: 1px solid #3d1951;
  opacity: 0.3;
  pointer-events: none; }

.control-indicator:after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .control-indicator:after {
  display: block; }

.control-checkbox .control-indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.control-checkbox input:disabled ~ .control-indicator:after {
  border-color: #171717; }

/* Radio buttons */
.control-radio .control-indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: white; }

.control-radio input:disabled ~ .control-indicator:after {
  background: #171717; }

.control-radio .control-indicator {
  border-radius: 50%; }

/* Tooltip */
[data-has-tooltip] {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border-bottom: 1px dashed #3d1951;
  cursor: help; }

[data-tooltip],
[data-tooltip]:after {
  visibility: hidden;
  position: absolute;
  left: 50%;
  box-sizing: inherit;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

[data-tooltip] {
  bottom: 100%;
  width: 300px;
  padding: 15px;
  border-radius: 3px;
  background-color: white;
  color: #171717;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 20px;
  font-weight: 100;
  border: 0px solid #3d1951;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 768px) {
    [data-tooltip] {
      width: 400px; } }
  [data-tooltip] strong {
    font-weight: bold; }

[data-tooltip]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  border-top: 6px solid #fff;
  position: absolute;
  top: 100%;
  left: 50%; }

[data-has-tooltip]:focus [data-tooltip],
[data-has-tooltip]:focus [data-tooltip]:after,
[data-has-tooltip]:hover [data-tooltip],
[data-has-tooltip]:hover [data-tooltip]:after,
[data-has-tooltip]:active [data-tooltip],
[data-has-tooltip]:active [data-tooltip]:after {
  visibility: visible; }

/* File Upload Button */
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .inputfile + label {
    color: white;
    background-color: #3d1951;
    display: inline-block;
    cursor: pointer;
    padding: 10px 30px;
    margin: 10px 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
    text-transform: uppercase; }
    .inputfile + label * {
      /* pointer-events: none; */
      /* in case of FastClick lib use */ }
  .inputfile:focus + label,
  .inputfile + label:hover {
    background-color: #775e85;
    outline: 0px solid #2e8337;
    outline: -webkit-focus-ring-color auto 5px;
    border: 0; }

#recaptcha {
  margin: 0 auto;
  display: inline-block; }

.infographic {
  width: 100%;
  height: auto;
  text-align: center; }

.pagination {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-size: 20px;
  color: #171717;
  text-align: center;
  clear: both;
  float: none;
  margin: 20px auto; }
  .pagination a {
    color: #3d1951;
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    background: white; }
    .pagination a.active {
      font-weight: bold; }
    .pagination a:hover {
      background-color: #f7f7f7; }

/* Pop up Overlay */
.popup {
  padding: 10px;
  background: #fff;
  border: 1px solid #171717;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative;
  transition: all 500ms ease-in-out;
  top: 0;
  left: 0;
  width: calc(100vw - 22px);
  height: calc(100vh - 22px); }
  @media screen and (min-width: 768px) {
    .popup {
      height: auto;
      width: 100%;
      margin: 25px auto;
      max-width: 675px;
      padding: 20px; } }
  .popup .close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #3d1951; }
    .popup .close:hover {
      opacity: 1; }
  .popup h2 {
    font-size: 22px;
    line-height: 28px; }
  .popup p {
    font-size: 14px;
    line-height: 18px; }
    @media screen and (min-width: 768px) {
      .popup p {
        font-size: 18px;
        line-height: 22px; } }
    .popup p.errorMessage {
      font-size: 10px !important;
      line-height: 10px !important;
      min-height: 0; }
      @media screen and (min-width: 768px) {
        .popup p.errorMessage {
          padding-left: 22px; } }
  .popup .edit-button {
    display: inline-block; }
  .popup .col-half {
    width: 50%;
    float: left; }

.popup-button {
  cursor: pointer; }

.popup-content {
  height: calc(100% - 100px);
  overflow-y: scroll;
  overflow-x: hidden; }
  @media screen and (min-width: 768px) {
    .popup-content {
      max-height: calc(100vh - 200px); } }

#modal-controls {
  position: relative;
  bottom: 0px;
  left: 0px;
  height: 50px;
  padding: 10px 0;
  background: white;
  display: block; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
  z-index: 999; }
  .overlay .cancel {
    position: relative;
    cursor: default;
    transition: all 400ms ease-in;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in; }
  .overlay:target {
    visibility: visible;
    opacity: 1; }

.overlay2 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0; }
  .overlay2 .cancel {
    position: relative;
    cursor: default;
    transition: all 200ms; }

/* Pre-Loader */
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.loader-content {
  display: block;
  width: 100%;
  z-index: 1001;
  position: fixed;
  top: 100px;
  left: 0px;
  margin: 0 auto; }
  .loader-content h2 {
    z-index: 1002;
    text-align: center;
    position: relative;
    top: 100px;
    margin: 0 auto; }

.loader {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3d1951;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001; }
  .loader.large {
    top: 50%;
    width: 150px;
    height: 150px;
    top: 100px;
    margin: 200px auto 0 auto; }
  .loader.medium {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    /*top: 100px;
        margin: 200px auto 0 auto;*/ }

.loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #2e8337;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }

.loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #171717;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

.loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: white;
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */ }

.loader-wrapper .loader-section.section-left {
  left: 0; }

.loader-wrapper .loader-section.section-right {
  right: 0; }

/* Loaded State */
.loader-wrapper.loaded .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loader-wrapper.loaded .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loader-wrapper.loaded {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-in-out;
  transition: all 0.3s 1s ease-in-out; }
  .loader-wrapper.loaded .loader, .loader-wrapper.loaded .loader-content {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

/* JavaScript Turned Off */
.no-js .loader-wrapper {
  display: none; }

/* Table */
table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  text-align: left; }
  table.table.table-striped tr:nth-of-type(even) {
    background-color: #f7f7f7; }
    table.table.table-striped tr:nth-of-type(even):hover {
      background-color: rgba(61, 25, 81, 0.2); }
  table th {
    text-transform: uppercase;
    color: #3d1951;
    font-variant: small-caps;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: 5px 10px;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    background-color: white; }
  table td {
    padding: 5px 10px;
    line-height: 30px;
    font-size: 16px; }
  table tr {
    line-height: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #f7f7f7; }
    table tr td table tr {
      background-color: white; }
    table tr:hover {
      background-color: rgba(61, 25, 81, 0.2); }
    table tr.row-accordion.active, table tr.row-accordion:hover, table tr.row-accordion:focus {
      background: rgba(61, 25, 81, 0.2);
      cursor: pointer; }
    table tr.row-accordion.active td:first-child:before {
      content: "-"; }
    table tr.row-accordion td:first-child::before {
      content: "+";
      position: relative;
      left: 0px;
      font-weight: bold;
      color: #3d1951; }
  table tr.row-subtable-container {
    border: 0; }
    table tr.row-subtable-container td.subtable-container {
      padding: 0;
      background-color: white; }

.table-panel {
  padding: 0px 0px;
  display: none;
  opacity: 0;
  text-align: center;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  border-left: 1px;
  border-bottom: 0px;
  border-right: 0;
  border-top: 0;
  border-style: solid;
  border-color: #f7f7f7;
  border-radius: 0px 0px 0px 0px;
  margin-left: 25px;
  width: calc(100% - 25px);
  height: 0; }

.table-panel.show {
  display: block;
  opacity: 1;
  height: auto; }

footer {
  background-color: #3d1951;
  color: white;
  text-align: center;
  padding-top: 25px;
  margin-top: 50px; }
  @media screen and (min-width: 1024px) {
    footer {
      text-align: left;
      padding-top: 25px; } }
  footer p {
    padding: 0;
    font-size: 13px;
    line-height: 20px; }
  footer a:link,
  footer a:visited,
  footer a:active {
    color: white; }
  footer a:hover,
  footer a:focus {
    color: #205c27; }
  @media screen and (min-width: 768px) {
    footer h4 {
      padding-bottom: 0px; } }
  footer h4,
  footer nav,
  footer p {
    color: white;
    padding: 0; }
  footer h5 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 10px; }
  footer ul {
    padding: 0;
    list-style-type: none;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      footer ul {
        text-align: left; } }
    footer ul li {
      line-height: 30px;
      padding: 0; }
      footer ul li:after {
        width: 0;
        height: 0; }
      footer ul li a {
        color: white;
        text-decoration: none;
        font-size: 13px; }
        footer ul li a:hover, footer ul li a:focus {
          color: #205c27; }
  @media screen and (max-width: 768px) {
    footer #footer-branding h5,
    footer #resource-links {
      display: none; } }
  footer .footer-col-links, footer .footer-col-branding, footer .footer-col-location {
    min-height: 80px; }
    @media screen and (min-width: 1024px) {
      footer .footer-col-links, footer .footer-col-branding, footer .footer-col-location {
        min-height: 200px; } }
  footer .footer-col-branding p {
    max-width: 325px;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      footer .footer-col-branding p {
        margin: 0;
        max-width: 90%; } }
  footer .footer-location {
    width: 100%; }
    @media screen and (min-width: 768px) {
      footer .footer-location {
        width: 50%;
        float: left; } }
  @media screen and (min-width: 1024px) {
    footer #back-to-top {
      display: none; } }
  footer .sub-footer {
    font-size: 13px;
    color: #f7f7f7;
    background-color: #250f31;
    padding: 25px 0;
    margin: 0 auto; }
    footer .sub-footer span.copyright, footer .sub-footer nav ul li {
      font-size: 14px;
      line-height: 25px; }
    footer .sub-footer-uhm {
      background-color: #3d1951;
      clear: both;
      padding: 25px 0;
      text-align: center; }
      footer .sub-footer-uhm span.copyright, footer .sub-footer-uhm nav ul li {
        font-size: 14px;
        line-height: 25px; }
  footer .logo-reverse {
    max-width: 200px; }
  footer hr {
    border: 1px solid #f7f7f7; }
    @media screen and (min-width: 1024px) {
      footer hr {
        display: none; } }
  footer nav {
    margin: 0; }
    footer nav.social {
      text-align: center;
      width: 100%;
      float: right;
      display: block;
      position: relative;
      top: 0;
      right: 0;
      background: none;
      border: 0;
      height: auto; }
      @media screen and (min-width: 1024px) {
        footer nav.social {
          width: auto; } }
      footer nav.social ul {
        background: none;
        list-style-type: none;
        overflow: none; }
        footer nav.social ul li {
          width: 30%;
          text-align: center; }
          footer nav.social ul li:hover, footer nav.social ul li:focus {
            background: none; }
          @media screen and (min-width: 1024px) {
            footer nav.social ul li {
              width: auto; } }
          footer nav.social ul li a {
            padding: 15px 15px;
            margin: 0; }
            footer nav.social ul li a:hover, footer nav.social ul li a:focus {
              color: #2e8337; }

/* UHM Header */
header.header-uhm {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: transparent;
  padding: 10px 0px;
  /* starting point */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: .2s all;
  -moz-transition: .2s all;
  -webkit-transition: .2s all;
  -o-transition: .2s all; }
  header.header-uhm.active {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; }
  header.header-uhm .logo-uhm-holder {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      header.header-uhm .logo-uhm-holder {
        float: none;
        max-width: 1200px;
        text-align: left;
        padding: 0 20px; } }
  header.header-uhm img.logo-uhm {
    width: 190px;
    height: auto;
    margin: 0px;
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all; }
    @media screen and (min-width: 1024px) {
      header.header-uhm img.logo-uhm {
        height: 75px;
        width: auto;
        margin: 10px 0; } }
    @media screen and (min-width: 1024px) {
      header.header-uhm img.logo-uhm.small-logo {
        height: 50px !important;
        width: auto; } }
    header.header-uhm img.logo-uhm.center {
      display: block;
      margin: 0 auto; }
  header.header-uhm .mobile-menu {
    display: block;
    width: auto;
    float: right;
    position: fixed;
    right: 0px; }
    @media screen and (min-width: 1024px) {
      header.header-uhm .mobile-menu {
        display: none; } }

/* Mutual Title Header */
header.header-mta {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: transparent;
  padding: 10px 0px;
  /* starting point */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: .2s all;
  -moz-transition: .2s all;
  -webkit-transition: .2s all;
  -o-transition: .2s all; }
  @media screen and (min-width: 1024px) {
    header.header-mta {
      padding: 10px 25px; } }
  header.header-mta .logo-mta-holder {
    float: left;
    display: block;
    width: auto;
    padding: 0;
    margin: 0 0 0 25px; }
    @media screen and (min-width: 1024px) {
      header.header-mta .logo-mta-holder {
        float: none;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto; } }
  header.header-mta img.logo-mta {
    width: 120px;
    height: auto;
    margin: 0px;
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all; }
    @media screen and (min-width: 1024px) {
      header.header-mta img.logo-mta {
        height: 75px;
        width: auto;
        margin: 10px 0; } }
    @media screen and (min-width: 1024px) {
      header.header-mta img.logo-mta.small-logo {
        height: 50px !important;
        width: auto; } }
  header.header-mta .mobile-menu {
    display: block;
    width: auto;
    float: right;
    padding: 10px 0; }
    @media screen and (min-width: 1024px) {
      header.header-mta .mobile-menu {
        display: none; } }

/* Apps Header */
header.header-apps {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: white;
  box-shadow: 1px 2px 19px #666666;
  padding: 10px 0px;
  /* starting point */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  transition: .2s all;
  -moz-transition: .2s all;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  /* Header Search Bar */ }
  header.header-apps .logo-uhm-holder {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      header.header-apps .logo-uhm-holder {
        float: left;
        width: 30%;
        height: auto;
        text-align: left;
        padding: 0 20px; } }
  header.header-apps img.logo-uhm {
    width: 190px;
    height: auto;
    margin: 0px;
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all; }
    @media screen and (min-width: 1024px) {
      header.header-apps img.logo-uhm {
        height: 75px;
        width: auto;
        margin: 10px 0; } }
    @media screen and (min-width: 1024px) {
      header.header-apps img.logo-uhm.small-logo {
        height: 50px !important;
        width: auto; } }
  header.header-apps .search-wrap {
    width: 50%;
    position: relative;
    float: left;
    left: 0px;
    top: 20px; }
    header.header-apps .search-wrap .search-input {
      visibility: hidden;
      opacity: 0;
      display: none;
      width: 85%;
      border: 1px solid #3d1951;
      padding: 11px;
      border-radius: 0px;
      outline: none; }
      header.header-apps .search-wrap .search-input.visible {
        visibility: visible;
        opacity: 1;
        display: block;
        float: left;
        position: fixed;
        top: 15px;
        left: 10px;
        padding: 11px 11px 11px 50px;
        max-width: 260px; }
        @media screen and (min-width: 1024px) {
          header.header-apps .search-wrap .search-input.visible {
            padding: 11px;
            position: relative;
            top: 0;
            left: 0;
            max-width: none; } }
      @media screen and (min-width: 1024px) {
        header.header-apps .search-wrap .search-input {
          visibility: visible;
          opacity: 1;
          display: block;
          float: left; } }
    header.header-apps .search-wrap .search-input:focus {
      color: #3d1951; }
    header.header-apps .search-wrap .button-search {
      position: fixed;
      top: 10px;
      left: 10px;
      display: block;
      color: #3d1951;
      background: none;
      font-size: 30px;
      padding: 10px;
      line-height: 40px; }
      @media screen and (min-width: 1024px) {
        header.header-apps .search-wrap .button-search {
          position: relative;
          display: inline-block;
          left: 0;
          margin: 5px 0px 10px;
          border: 1px solid #2e8337;
          color: #fff;
          background-color: #2e8337;
          border-radius: 0px;
          cursor: pointer;
          font-size: 20px;
          line-height: 21px;
          font-weight: 100;
          padding: 10px;
          top: 0; } }
  header.header-apps .nav-logout {
    font-size: 30px;
    padding: 10px;
    display: block;
    position: fixed;
    float: right;
    right: 0px;
    top: 10px;
    font-weight: bold;
    line-height: 40px; }
    @media screen and (min-width: 1024px) {
      header.header-apps .nav-logout {
        font-size: 20px;
        line-height: 25px;
        font-weight: bold;
        float: right;
        text-align: right;
        position: relative;
        left: 0;
        margin: 0px auto;
        top: 20px; } }

/* UHM Purple Hamburger */
#navIconPurple {
  width: 40px;
  height: 26px;
  display: inline-block;
  position: relative;
  -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;
  margin-right: 5px; }
  @media screen and (min-width: 1024px) {
    #navIconPurple {
      display: none; } }
  #navIconPurple.open-icon span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%; }
  #navIconPurple.open-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #navIconPurple.open-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #navIconPurple.open-icon span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%; }
  #navIconPurple span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #3d1951;
    border-radius: 9px;
    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; }
    #navIconPurple span:nth-child(1) {
      top: 0px; }
    #navIconPurple span:nth-child(2), #navIconPurple span:nth-child(3) {
      top: 10px; }
    #navIconPurple span:nth-child(4) {
      top: 20px; }

/* Mutual Title Green Hamburger */
#navIcon {
  width: 60px;
  height: 45px;
  display: inline-block;
  position: relative;
  -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;
  margin: 0 25px 0 0; }
  @media screen and (min-width: 1024px) {
    #navIcon {
      display: none; } }
  #navIcon.open-icon span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%; }
  #navIcon.open-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #navIcon.open-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #navIcon.open-icon span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%; }
  #navIcon span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #2e8337;
    border-radius: 9px;
    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; }
    #navIcon span:nth-child(1) {
      top: 0px; }
    #navIcon span:nth-child(2), #navIcon span:nth-child(3) {
      top: 18px; }
    #navIcon span:nth-child(4) {
      top: 36px; }

/* Navigation header */
nav {
  top: 0;
  float: right;
  right: 0px;
  height: 100vw;
  width: 240px;
  position: fixed;
  margin: 0;
  /* starting point */
  opacity: 1;
  -webkit-transform: translateX(5%) scale(0.97);
  -moz-transform: translateX(5%) scale(0.97);
  transform: translateX(5%) scale(0.97);
  z-index: 0; }
  @media screen and (min-width: 1024px) {
    nav {
      margin: 35px auto 0px auto;
      height: auto;
      float: left;
      position: fixed;
      background: none;
      opacity: 1;
      border: 0;
      z-index: 999; } }
  @media screen and (min-width: 1024px) {
    nav.nav-mta {
      left: 0px;
      width: 780px; } }
  @media screen and (min-width: 1024px) {
    nav.nav-uhm {
      left: 0px;
      width: 100%;
      float: left;
      margin: 35px auto 0;
      padding-left: 300px;
      max-width: 1024px; } }
  nav.nav-uhm ul li {
    text-transform: uppercase; }
  nav ul {
    padding: 0;
    margin: 0;
    background-color: white;
    list-style-type: none; }
    @media screen and (min-width: 1024px) {
      nav ul {
        height: auto;
        background: none; } }
    nav ul li {
      display: block;
      float: left;
      text-align: left;
      line-height: 50px;
      width: 100%;
      font-size: 18px;
      padding: 0; }
      @media screen and (min-width: 1024px) {
        nav ul li.cta {
          margin-left: 150px;
          position: fixed;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: visibility .2s, opacity 0.2s linear;
          -moz-transition: visibility .2s, opacity 0.2s linear;
          -o-transition: visibility .2s, opacity 0.2s linear;
          transition: visibility .2s, opacity 0.2s linear; } }
      @media screen and (min-width: 1024px) {
        nav ul li.cta.show {
          visibility: visible;
          opacity: 1;
          -webkit-transition: visibility .2s, opacity 0.2s linear;
          -moz-transition: visibility .2s, opacity 0.2s linear;
          -o-transition: visibility .2s, opacity 0.2s linear;
          transition: visibility .2s, opacity 0.2s linear; } }
      nav ul li.cta-button a:link,
      nav ul li.cta-button a:active,
      nav ul li.cta-button a:visited {
        background-color: #3d1951;
        color: white;
        padding: 10px;
        border-radius: 3px;
        text-transform: uppercase; }
        @media screen and (min-width: 1024px) {
          nav ul li.cta-button a:link,
          nav ul li.cta-button a:active,
          nav ul li.cta-button a:visited {
            padding: 10px;
            display: block;
            position: relative;
            margin-left: 150px; } }
        nav ul li.cta-button a:link:hover, nav ul li.cta-button a:link:focus,
        nav ul li.cta-button a:active:hover,
        nav ul li.cta-button a:active:focus,
        nav ul li.cta-button a:visited:hover,
        nav ul li.cta-button a:visited:focus {
          background-color: #775e85;
          color: white; }
      nav ul li:after {
        width: 0;
        height: 0; }
      nav ul li:hover, nav ul li:focus {
        color: #644774; }
      @media screen and (min-width: 1024px) {
        nav ul li {
          display: inline-block;
          margin: 0px 15px;
          text-align: right;
          width: auto; }
          nav ul li:hover, nav ul li:focus {
            background: none; } }
      nav ul li a {
        line-height: 30px;
        margin: 30px 0px 20px 30px;
        text-decoration: none; }
        @media screen and (min-width: 1024px) {
          nav ul li a {
            padding: 0 10px;
            margin: 0; } }
        nav ul li a:hover, nav ul li a:focus {
          color: #644774; }
      nav ul li:hover > ul {
        display: inherit; }
    nav ul ul {
      background-color: white;
      padding-left: 10px;
      border: 0; }
      @media screen and (min-width: 1024px) {
        nav ul ul {
          display: none;
          top: 50px;
          left: 0px;
          width: 250px;
          position: absolute;
          border: 1px solid #2e8337;
          padding-left: 0; } }
      @media screen and (min-width: 1024px) {
        nav ul ul:before {
          height: 0;
          width: 0;
          border-bottom: 6px solid #2e8337;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          content: "";
          display: block;
          position: absolute;
          top: -6px;
          left: 10%; } }
      nav ul ul li {
        width: 100%;
        height: auto;
        float: left;
        text-align: left;
        display: list-item;
        list-style-type: none;
        position: relative;
        margin: 0;
        overflow: hidden; }
        @media screen and (min-width: 1024px) {
          nav ul ul li:hover, nav ul ul li:focus {
            background-color: #f8f8f8; } }
  nav.open {
    /*Nav Expanding Open Effect*/
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
    -webkit-animation: slideIn .5s ease-in-out;
    -moz-transform: translateX(0) scale(1);
    -moz-animation: slideIn .5s ease-in-out;
    transform: translateX(0) scale(1);
    animation: slideIn .5s ease-in-out;
    z-index: 2; }

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(5%) scale(0.97); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1); } }

@-moz-keyframes slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(5%) scale(0.97); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) scale(1); } }

@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(5%) scale(0.97); }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1); } }
  nav.close {
    -webkit-transform: translateX(5%) scale(0.97);
    -webkit-animation: slideOut .5s ease-in-out;
    -moz-transform: translateX(5%) scale(0.97);
    -moz-animation: slideOut .5s ease-in-out;
    transform: translateX(5%) scale(0.97);
    animation: slideOut .5s ease-in-out;
    z-index: 0;
    opacity: 0; }
    @media screen and (min-width: 1024px) {
      nav.close {
        opacity: 1;
        z-index: 999; } }

@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%) scale(0.97); } }

@-moz-keyframes slideOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0) scale(1); }
  100% {
    opacity: 0;
    -moz-transform: translateX(5%) scale(0.97); } }

@keyframes slideOut {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1); }
  100% {
    opacity: 0;
    transform: translateX(5%) scale(0.97); } }

/* CONTAINER ANNIMATION */
.container {
  /* starting point */
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }

/*Content Sliding Open Effect*/
header.open,
.container.open {
  -webkit-transform: translateX(-240px);
  -webkit-animation: open .5s ease-in-out;
  -moz-transform: translateX(-240px);
  -moz-animation: open .5s ease-in-out;
  transform: translateX(-240px);
  animation: open .5s ease-in-out; }

@-webkit-keyframes open {
  0% {
    -webkit-transform: translateX(0); }
  70% {
    -webkit-transform: translateX(-260px); }
  100% {
    -webkit-transform: translateX(-240px); } }

@-moz-keyframes open {
  0% {
    -moz-transform: translateX(0); }
  70% {
    -moz-transform: translateX(-260px); }
  100% {
    -moz-transform: translateX(-240px); } }

@keyframes open {
  0% {
    transform: translateX(0); }
  70% {
    transform: translateX(-260px); }
  100% {
    transform: translateX(-240px); } }

/*Content Sliding Closed Effect*/
header.close,
.container.close {
  -webkit-transform: translateX(0);
  -webkit-animation: close .5s ease-in-out;
  -moz-transform: translateX(0);
  -moz-animation: close .5s ease-in-out;
  transform: translateX(0);
  animation: close .5s ease-in-out; }

@-webkit-keyframes close {
  0% {
    -webkit-transform: translateX(-240px); }
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes close {
  0% {
    -moz-transform: translateX(-240px); }
  100% {
    -moz-transform: translateX(0); } }

@keyframes close {
  0% {
    transform: translateX(-240px); }
  100% {
    transform: translateX(0); } }

.container-uhm,
.container-mta,
header,
footer,
section {
  margin: 0 auto;
  width: 100%; }
  .container-uhm::after,
  .container-mta::after,
  header::after,
  footer::after,
  section::after {
    clear: both;
    content: "";
    display: block; }

.footer-col {
  width: calc(30px + (100% - 40px)); }
  .footer-col::after {
    clear: both;
    content: "";
    display: block; }

.col {
  display: block;
  float: left;
  padding: 0 5px; }
  .col::after {
    clear: both;
    content: "";
    display: block; }
  .col.full {
    width: calc(30px + (100% - 40px)); }
  .col.half, .col.fourth {
    width: calc(30px + (100% - 40px)); }
  .col.third {
    width: calc(30px + (100% - 40px)); }
  .col.twothirds {
    width: calc(30px + (100% - 40px)); }

section {
  padding: 25px 0px;
  background-color: white; }

.wrap {
  max-width: 98vw;
  margin: 0 auto; }

.row {
  display: block;
  box-sizing: border-box; }
  .row::after {
    clear: both;
    content: "";
    display: block; }

@media (min-width: 768px) {
  .wrap {
    padding: 0px 25px; }
  .col {
    padding: 0 5px; }
    .col.full {
      width: calc(120px + (100% - 135px)); }
    .col.half {
      width: calc(60px + ((100% - 135px) / 9 * 4.5)); }
    .col.third {
      width: calc(30px + ((100% - 135px) / 9 * 3)); }
    .col.twothirds {
      width: calc(75px + ((100% - 135px) / 9 * 6)); }
    .col.fourth {
      width: calc(30px + ((100% - 135px) / 9 * 2.25)); }
  .footer-col {
    width: calc(30px + ((100% - 135px) / 9 * 3));
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 15px 0; }
  footer.footer-ext .footer-col-branding {
    width: calc(30px + ((100% - 135px) / 9 * 3));
    float: left; }
  footer.footer-ext .footer-col-links,
  footer.footer-ext .footer-col-social {
    width: calc(15px + ((100% - 135px) / 9 * 2));
    float: left; }
  footer.footer-ext .footer-col-legal {
    width: calc(45px + ((100% - 135px) / 9 * 4));
    float: left; } }

@media (min-width: 1024px) {
  section {
    padding: 50px 0px; }
  .wrap {
    margin: 0 auto;
    max-width: 1200px; }
  .col {
    margin: 0 10px; }
    .col.full {
      width: calc(220px + (100% - 240px)); }
    .col.half {
      width: calc(100px + ((100% - 240px) / 12 * 6)); }
    .col.third {
      width: calc(60px + ((100% - 240px) / 12 * 4)); }
    .col.twothirds {
      width: calc(140px + ((100% - 240px) / 12 * 8)); }
    .col.fourth {
      width: calc(40px + ((100% - 240px) / 12 * 3)); }
  .footer-col-branding {
    width: calc(80px + ((100% - 240px) / 12 * 5));
    float: left; }
  .footer-col-links {
    width: calc(40px + ((100% - 240px) / 12 * 3));
    float: left; }
  .footer-col-locations {
    width: calc(60px + ((100% - 240px) / 12 * 4));
    float: left; }
  footer.footer-uhm .footer-col-branding {
    width: calc(40px + ((100% - 240px) / 12 * 3));
    float: left; }
  footer.footer-uhm .footer-col-links,
  footer.footer-uhm .footer-col-social {
    width: calc(20px + ((100% - 240px) / 12 * 2));
    float: left; }
  footer.footer-uhm .footer-col-legal {
    width: calc(60px + ((100% - 240px) / 12 * 4));
    float: left; } }

.row {
  margin: 20px 0px; }
  .row::after {
    content: "";
    display: table;
    clear: both; }
  .row-wide {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 20px;
    background: white; }
    .row-wide::after {
      clear: both;
      content: "";
      display: block; }

.container-uhm {
  height: calc(100vh - 250px); }

.hero {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  background-attachment: scroll;
  background-size: cover;
  background-position: bottom center;
  margin: 0px auto 0 auto;
  height: calc(100vh - 200px);
  max-height: 400px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .hero {
      max-height: none; } }
  .hero .wrap {
    margin-top: 50px; }
    @media screen and (min-width: 768px) {
      .hero .wrap {
        margin-top: 100px; } }
  .hero h1 {
    margin-bottom: 50px; }
    @media screen and (min-width: 768px) {
      .hero h1 {
        margin: 0 0 10px 0; } }
  .hero h3 a {
    border-bottom: 1px dotted #2e8337;
    display: inline-block; }
  .hero.hero-apps {
    background-color: #3d1951;
    height: 500px; }
    .hero.hero-apps h1, .hero.hero-apps h2, .hero.hero-apps h3, .hero.hero-apps h4, .hero.hero-apps h5, .hero.hero-apps h6 {
      color: white; }

section.content {
  text-align: center; }
  @media screen and (min-width: 768px) {
    section.content {
      text-align: left; } }
  section.content.overlap {
    top: -140px;
    position: relative;
    background: transparent; }

/* Accordion */
.accordion {
  color: #3d1951;
  width: 100%;
  background: none;
  text-transform: none;
  margin: 20px auto;
  cursor: pointer;
  padding: 18px;
  border: none;
  font-weight: bold; }

.accordion::before {
  content: "+";
  margin-right: 10px;
  font-weight: bold; }

.accordion.active, .accordion:hover, .accordion:focus {
  color: #775e85;
  text-transform: none;
  background: none;
  padding: 18px;
  border: none;
  margin: 20px auto;
  background: #f7f7f7; }

.accordion.active::before {
  content: "-";
  margin-right: 10px;
  font-weight: bold; }

.panel {
  padding: 18px 0px;
  display: none;
  opacity: 0;
  text-align: center;
  transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out; }

.panel.show {
  display: block;
  opacity: 1; }

/* Card */
.card {
  background-color: white;
  border-radius: 17px;
  text-align: center;
  box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 15px;
  max-width: 350px;
  transition: 0.3s;
  cursor: pointer; }
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); }
  .card .card-icon {
    height: 114px;
    width: 114px;
    padding: 15px;
    display: inline-block; }
  .card h2 {
    margin: 0;
    font-size: 30px;
    text-transform: uppercase;
    padding: 0px 3px;
    line-height: 45px; }
  .card p {
    font-size: 14px;
    line-height: 20px; }
  .card a.delete {
    background-color: darkred; }

/* Drag-n-drop */
.upload-area {
  background: #fff;
  border: 1px dashed #3d1951;
  border-radius: 3px; }

@media screen and (max-width: 767px) {
  .upload-area {
    margin-bottom: 50px; } }

.upload {
  color: #3d1951;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  padding: 25px; }

.upload:hover,
.upload-box:hover,
.drag-over {
  background: #eeeeee;
  cursor: pointer;
  color: #000000;
  -webkit-transition: background .15s linear,border .15s linear,color .15s linear,opacity .15s linear;
  transition: background .15s linear,border .15s linear,color .15s linear,opacity .15s linear; }

.upload-file {
  width: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.uploads-list {
  display: none; }

@media screen and (max-width: 480px) {
  .uploads-list {
    margin-top: 50px; } }

.uploadComplete {
  margin: 5px 0;
  padding: 5px;
  text-align: center; }

@media screen and (min-width: 768px) {
  .uploadComplete {
    text-align: left; } }

.deleteUploadButton {
  color: #ec1b1b !important;
  padding-right: 5px; }

.deleteUploadButton:hover {
  color: #ec1b1b;
  cursor: pointer; }

/*Search Bar*/
@media screen and (min-width: 768px) {
  .search-wrap {
    width: 50%; } }

.search-wrap .search .search-input {
  padding: 11px;
  float: left;
  line-height: 19px; }
  @media screen and (min-width: 768px) {
    .search-wrap .search .search-input {
      width: 80%; } }

.search-wrap .search .button-search {
  margin: 5px 0 10px;
  padding: 10px;
  font-size: 20px;
  line-height: 21px;
  border: 1px solid #2e8337;
  border-radius: unset;
  float: left; }

.search-wrap .search.large .search-input {
  padding: 20px 15px;
  margin: 0;
  font-size: 16px; }

.search-wrap .search.large .button-search {
  padding: 20px;
  border-radius: 3px;
  border: 0;
  font-size: 16px;
  margin: 0px 0px 0px 10px;
  line-height: unset; }

/*Carousel Slider*/
#carouselSlider .slider-step {
  all: unset;
  display: block; }
  #carouselSlider .slider-step h3:hover, #carouselSlider .slider-step:focus, #carouselSlider .slider-step:active,
  #carouselSlider .slider-step.active h3 {
    font-weight: bold; }

@media screen and (min-width: 768px) {
  #carouselSlider a.button,
  #carouselSlider a.button:link,
  #carouselSlider a.button:active,
  #carouselSlider a.button:visited {
    padding: 20px 45px; } }

.slider-container {
  width: 100%;
  max-width: 1024px;
  margin: 10px auto;
  padding: 0;
  float: left;
  position: relative; }

.slider-descriptions {
  width: 0px;
  display: none; }
  @media screen and (min-width: 768px) {
    .slider-descriptions {
      width: 40%;
      float: left;
      display: block; } }
  .slider-descriptions h3, .slider-descriptions h4 {
    color: #3d1951; }
  .slider-descriptions h4 {
    line-height: 35px; }
  .slider-descriptions h3 {
    padding: 0px;
    line-height: 35px;
    font-weight: 400;
    cursor: pointer; }
    .slider-descriptions h3:hover {
      color: #2e8337; }
    .slider-descriptions h3.active {
      font-weight: bold; }

.slider-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 300px;
  height: 500px;
  overflow: hidden;
  border-radius: 0px; }
  @media screen and (min-width: 768px) {
    .slider-wrapper {
      width: 60%;
      max-width: 600px; } }
  @media screen and (min-width: 1024px) {
    .slider-wrapper {
      max-width: 600px; } }

.slider {
  width: 6000px; }

.slider-item, .hide {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  padding: 5px;
  background: #3d1951;
  text-align: left;
  border-radius: 0px;
  transition: all .2s linear; }
  .slider-item:after, .hide:after {
    all: unset; }
  @media screen and (min-width: 768px) {
    .slider-item, .hide {
      padding: 30px; } }
  .slider-item .slider-content-container, .hide .slider-content-container {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .slider-item .slider-content-container, .hide .slider-content-container {
        width: 100%;
        text-align: left; } }
    .slider-item .slider-content-container h2, .hide .slider-content-container h2 {
      font-size: 30px;
      line-height: 64px;
      color: #fff; }
      @media screen and (min-width: 768px) {
        .slider-item .slider-content-container h2, .hide .slider-content-container h2 {
          font-size: 40px;
          line-height: 60px; } }
    .slider-item .slider-content-container p, .hide .slider-content-container p {
      font-size: 18px;
      line-height: 22px;
      color: #fff; }
      @media screen and (min-width: 768px) {
        .slider-item .slider-content-container p, .hide .slider-content-container p {
          font-size: 20px;
          line-height: 30px; } }
    .slider-item .slider-content-container a, .hide .slider-content-container a {
      position: relative;
      top: 100px; }

/* indicators */
.indicators {
  width: 100%;
  position: relative;
  bottom: 40px;
  z-index: 2 !important;
  text-align: center;
  list-style-type: none; }
  @media screen and (min-width: 1024px) {
    .indicators {
      text-align: left;
      bottom: 70px; } }

.indicator {
  all: unset;
  display: inline-block;
  border: 0;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  font-size: 16px;
  line-height: 30px;
  border-radius: 100%;
  text-align: center;
  background-color: #3d1951;
  color: #333;
  text-indent: -9999px;
  cursor: pointer;
  transition: all 0.2s linear;
  list-style: none;
  float: left; }
  @media screen and (min-width: 768px) {
    .indicator {
      margin-right: 15px;
      width: 20px;
      height: 20px; } }
  .indicator.active {
    background: #2e8337 !important;
    color: #fff !important; }

.indicators {
  padding: 0px; }
  .indicators li {
    padding: 0px; }
    .indicators li:after {
      all: unset; }
    .indicators li:last-child {
      margin-right: 0;
      list-style-type: none; }
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\D7";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
@charset "UTF-8";
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0); }

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1); }

[data-aos=zoom-in] {
  transform: scale(0.6); }

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] {
  transform: scale(1.2); }

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0); }

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform; }

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0); }

/* UHM Color Palette */
/* Typography */
/* Shapes */
/* Screen Sizes */
/* Padding */
/* Typography */
body {
  font-family: "Raleway", sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  word-break: break-word; }
  body.modal-open, body.no-scroll {
    overflow: hidden; }

p {
  font-size: 16px;
  color: #171717;
  line-height: 27px;
  padding: 0px;
  font-family: "Raleway", sans-serif; }
  p.white {
    color: white !important; }
    p.white a:link, p.white a:active, p.white a:visited {
      color: white;
      text-decoration: underline; }
    p.white a:hover, p.white a:focus {
      color: white;
      text-decoration: underline; }

.yellow {
  color: #FAED57; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif !important;
  margin: 5px 0;
  font-display: swap; }

h3 {
  font-family: "Raleway", sans-serif;
  color: #3d1951; }
  h3.white {
    color: white !important; }

h1, h5 {
  color: #3d1951; }
  h1.white, h5.white {
    color: white !important; }

span.white, .white {
  color: white; }

span.purple, .purple {
  color: #3d1951; }

span.green, .green {
  color: #2e8337; }

span.black, .black {
  color: #171717; }

h2, h4 {
  color: #2e8337; }
  h2.white, h4.white {
    color: white !important; }

h5 {
  font-size: 16px;
  line-height: 30px;
  color: #3d1951;
  font-weight: bold; }
  h5 .blog-tag-section {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 10px;
    border-top: #eee 2px solid; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea, select {
  border-radius: 3px;
  border: 2px solid #D6CFDA;
  color: #3d1951;
  outline: none;
  -webkit-transition: border-color 0.3s; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus, select:focus {
    border-color: #3d1951; }

.capitalize {
  text-transform: capitalize !important; }

.mtg-process-heading {
  max-width: 700px;
  margin: 0 auto; }

.extra-large {
  color: white;
  font-size: 200px;
  line-height: 250px;
  font-weight: bold; }

h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold; }
  @media screen and (min-width: 1024px) {
    h1 {
      font-size: 50px;
      line-height: 65px; } }

h2.section-header {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #3d1951; }
  @media screen and (min-width: 1024px) {
    h2.section-header {
      font-size: 40px;
      line-height: 45px; } }

h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 400; }

h3 {
  font-size: 15px;
  line-height: 30px;
  font-weight: 100;
  text-transform: uppercase;
  font-weight: bold; }

h4 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold; }

h5 {
  font-size: 16px;
  line-height: 30px;
  color: #3d1951;
  font-weight: bold; }
  h5 .blog-tag-section {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 10px;
    border-top: #eee 2px solid; }

.large-text-link {
  font-size: 30px; }

.bounce {
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate; }

.position-bottom {
  bottom: 0px;
  left: 50%;
  right: auto;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }

@-webkit-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }

button, [type='button'], [type='reset'], [type='submit'] {
  padding: 20px 30px;
  letter-spacing: 0px;
  font-size: 20px;
  line-height: 25px; }

button:active, [type='button']:active, [type='reset']:active, [type='submit']:active {
  padding: 20px 30px;
  letter-spacing: 0px;
  font-size: 20px;
  line-height: 25px; }

.button.previous.white {
  background-color: white;
  border: 1px solid #3d1951;
  color: #3d1951; }
  .button.previous.white:hover, .button.previous.white:active, .button.previous.white:focus {
    color: white;
    background: #3d1951;
    border: 1px solid #3d1951; }

a.button.small {
  line-height: 30px; }

a.button.small.white {
  border: 1px solid white;
  background-color: #3d1951;
  color: white; }
  a.button.small.white:hover, a.button.small.white:active, a.button.small.white:focus {
    background-color: white;
    border: 1px solid white;
    color: #3d1951; }

a.button.white {
  color: #3d1951;
  background-color: white; }

button:disabled,
button:hover:disabled {
  background-color: #666;
  cursor: not-allowed; }

button:hover:disabled:after {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%) translateY(-30%);
  text-transform: none;
  width: 500px;
  content: attr(title);
  background-color: #ffffff;
  color: #000;
  line-height: 1.4em;
  border: 0px solid #000;
  border-radius: 3px;
  padding: 10px;
  box-shadow: 2px 2px 10px #999; }

a.button, button,
a.button:hover,
a.button:active,
a.button:visited,
a.button.purple:hover {
  border: 1px solid #2e8337 !important; }

a:link.button, a.button {
  padding: 20px 35px;
  letter-spacing: 0px;
  font-size: 20px;
  line-height: 25px;
  margin: 5px auto; }

a.button:active, a.button:hover,
button:active, button:hover,
a.button.purple, button.purple,
a.button.trans, button.trans,
a.button.trans:hover {
  border: 1px solid #3d1951 !important; }

a.button.small.white:active,
a.button.small.white:focus,
a.button.small.white:hover,
a.button.white:active,
a.button.white:focus,
a.button.white:hover {
  border: 1px solid white !important; }

a.button.white, button.white {
  background-color: white !important;
  border: 1px solid #3d1951 !important;
  color: #3d1951 !important; }
  a.button.white:hover, a.button.white:active, a.button.white:focus, button.white:hover, button.white:active, button.white:focus {
    color: white !important;
    background: #2e8337 !important;
    border: 1px solid #2e8337 !important; }

a.button.yellow {
  background-color: #FAED57;
  color: #3d1951;
  border: 1px solid #FAED57 !important; }
  a.button.yellow:hover {
    background-color: #3d1951;
    color: #FAED57;
    border: 1px solid #3d1951; }

a.white {
  color: white; }

.errorMessage {
  display: block; }

ul li {
  font-size: 16px;
  line-height: 20px; }

a:link,
a:active,
a:visited {
  font-weight: bold; }

.input-element {
  display: inline; }

/* Base table styles */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }
  table th, table td {
    padding: 5px 10px 5px 5px; }

table tr:nth-child(odd):hover,
table.table-condensed tr:hover,
table tr:hover {
  background-color: none !important;
  background: none !important; }

.licenses .state-col {
  width: 15%; }

.licenses .reg-col {
  width: 45%; }

.licenses .dbc-col {
  width: 10%; }

.licenses .lic-col {
  width: 30%; }

.hidden-section {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  padding: 0 !important; }

.cc-window {
  font-family: "Raleway", sans-serif;
  border: 3px solid white; }

.padding-extra-bottom {
  padding-bottom: 200px; }

label.error {
  color: red;
  font-weight: bold;
  font-size: 10px;
  padding: 0px;
  line-height: 15px;
  min-height: 20px;
  margin-bottom: 10px; }

footer {
  background-color: #3d1951;
  color: white;
  padding-top: 25px; }
  @media screen and (min-width: 1024px) {
    footer {
      text-align: left; } }
  footer a:link,
  footer a:visited,
  footer a:active {
    color: white; }
  footer .footer-col-links, footer .footer-col-social .footer-col-branding, footer .footer-col-legal {
    min-height: 80px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      footer .footer-col-links, footer .footer-col-social .footer-col-branding, footer .footer-col-legal {
        min-height: 150px;
        text-align: left; } }
  footer #resource-links {
    display: block; }
    @media screen and (max-width: 767px) {
      footer #resource-links {
        min-height: 50px; } }
  footer .footer-col-branding .footer-logo {
    text-align: center; }
    @media screen and (min-width: 1024px) {
      footer .footer-col-branding .footer-logo {
        text-align: left; } }
  footer .footer-col-branding p {
    max-width: 325px;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      footer .footer-col-branding p {
        margin: 0;
        max-width: none; } }
  footer ul {
    padding: 0;
    list-style-type: none;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      footer ul {
        text-align: left; } }
    footer ul li {
      line-height: 20px;
      padding: 0; }
      footer ul li:after {
        width: 0;
        height: 0; }
      footer ul li a {
        color: white;
        text-decoration: none;
        font-size: 13px;
        display: inline-block;
        margin: 0px 0px 10px 0px;
        width: auto; }
        footer ul li a:hover, footer ul li a:focus {
          color: #205c27; }
  footer h4,
  footer nav,
  footer p {
    color: white; }
  footer p {
    font-size: 12px;
    line-height: 1.5;
    padding: 0px 0px;
    margin: 0px; }
    @media screen and (min-width: 768px) {
      footer p {
        text-align: left; } }
  footer h5 {
    padding: 0px;
    font-size: 13px;
    line-height: 25px; }
  @media screen and (min-width: 1024px) {
    footer #back-to-top {
      display: none; } }
  footer h5 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 10px; }
  footer a:link, footer a:visited, footer a:active {
    font-weight: normal; }
    footer a:link:hover, footer a:link:focus, footer a:visited:hover, footer a:visited:focus, footer a:active:hover, footer a:active:focus {
      color: #205c27; }
  footer .sub-footer {
    font-size: 12px;
    color: #f7f7f7;
    background-color: #3d1951;
    padding: 25px 0;
    margin: 0 auto;
    clear: both;
    text-align: center; }
    footer .sub-footer span.copyright, footer .sub-footer nav ul li {
      font-size: 14px;
      line-height: 25px; }
  footer .social-links {
    text-align: center; }
    @media screen and (min-width: 1024px) {
      footer .social-links {
        text-align: left; } }
    footer .social-links li {
      display: inline-block; }
      footer .social-links li a:link, footer .social-links li a:visited, footer .social-links li a:active {
        color: #3d1951;
        background-color: white;
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        width: 35px;
        height: 35px;
        border-radius: 3px;
        margin-right: 10px; }
      footer .social-links li a:hover {
        color: #2e8337; }

.bold-heading {
  display: block;
  margin-bottom: 12px;
  margin-top: 15px; }

.footer-logo + b + img + p a {
  color: #3d1951;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 10px;
  display: block; }

/* Main Header */
@keyframes stickySlideDown {
  0% {
    opacity: 0.7;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

header {
  top: 0;
  left: 0;
  position: sticky;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px;
  z-index: 2;
  background-color: white;
  padding: 0px 0px;
  animation-duration: 0.5s;
  transition: 0.5s;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; }
  @media screen and (min-width: 1024px) {
    header {
      text-align: right;
      float: right; } }
  header .notification-bar {
    display: block;
    width: 100%;
    background-color: #3d1951;
    color: white;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px;
    text-align: center;
    font-weight: bold; }
    header .notification-bar a:link, header .notification-bar a:visited, header .notification-bar a:active {
      color: white !important; }
      header .notification-bar a:link:hover, header .notification-bar a:visited:hover, header .notification-bar a:active:hover {
        color: white !important;
        text-decoration: underline; }
  header .wrap.header-wrap {
    position: relative;
    padding-top: 5px; }
  @media screen and (min-width: 1024px) {
    header #account-login {
      position: fixed;
      float: right;
      right: 0;
      top: 0px;
      margin: 0px !important;
      border-radius: 0px;
      display: block; } }
  header .logo-uhm-holder {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px auto;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none; }
    @media screen and (min-width: 768px) {
      header .logo-uhm-holder {
        float: left;
        width: 25%;
        text-align: left;
        padding: 0 0px; } }
  header img.logo-uhm {
    width: 200px;
    height: auto;
    margin: 0px;
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all; }
    @media screen and (min-width: 768px) {
      header img.logo-uhm {
        width: 100%;
        margin: 0;
        width: 250px; } }
  header .mobile-menu {
    display: block;
    width: auto;
    float: right;
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 10; }
    @media screen and (min-width: 768px) {
      header .mobile-menu {
        position: relative;
        float: left;
        display: inline-block;
        right: 10px;
        top: 0px;
        margin: 0 10px; } }
    @media screen and (min-width: 1024px) {
      header .mobile-menu {
        top: -4px !important;
        position: relative !important;
        float: unset; } }

.cta-bar-sticky {
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: #3d1951;
  z-index: 2;
  width: 100%;
  line-height: 20px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; }
  .cta-bar-sticky a:link, .cta-bar-sticky a:visited, .cta-bar-sticky a:active {
    text-transform: uppercase;
    width: 50%;
    display: block;
    float: left;
    position: relative; }
  .cta-bar-sticky .lo-cta, .cta-bar-sticky .calc-cta {
    position: relative;
    padding: 5px 10px;
    font-size: 20px;
    line-height: 24px; }
  .cta-bar-sticky .lo-cta {
    background-color: #3d1951;
    color: white; }
    .cta-bar-sticky .lo-cta:before {
      font-family: FontAwesome;
      content: '\F041';
      position: relative;
      left: -5px;
      top: 0px; }
  .cta-bar-sticky .calc-cta {
    background-color: white;
    color: #3d1951; }
    .cta-bar-sticky .calc-cta:before {
      font-family: FontAwesome;
      content: '\F1EC';
      position: relative;
      left: -5px;
      top: 0px; }
  @media screen and (min-width: 768px) {
    .cta-bar-sticky {
      display: none; } }

@media (max-width: 768px) {
  .nav-links-holder {
    position: relative !important;
    margin-top: 0;
    display: block; }
  a.phone-number {
    top: 6px !important; } }

@media (min-width: 769px) {
  .nav-links-holder {
    position: relative !important;
    display: flex !important;
    align-items: center;
    gap: 5px; }
    .nav-links-holder .mobile-menu {
      position: relative !important;
      top: 0 !important; }
  .NewHeader .nav-links-holder .mobile-menu {
    position: absolute !important;
    top: 10px !important; }
  header.slide .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header.slide .wrap .logo-uhm-holder {
      margin: 0; }
    header.slide .wrap .nav-links-holder {
      margin: 0 !important; } }

/* Hamburger */
#navIconPurple {
  width: 45px;
  height: 32px;
  display: inline-block;
  position: relative;
  -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;
  margin-right: 5px !important;
  background-color: transparent;
  border: 0px !important;
  padding: 3px; }
  @media screen and (min-width: 1024px) {
    #navIconPurple {
      display: block;
      margin: 5px 20px !important; } }
  #navIconPurple.open-icon span:nth-child(1) {
    top: 0px;
    width: 0%;
    left: 50%; }
  #navIconPurple.open-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #navIconPurple.open-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #navIconPurple.open-icon span:nth-child(4) {
    top: 26px;
    width: 0%;
    left: 50%; }
  #navIconPurple span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #3d1951;
    border-radius: 9px;
    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; }
    #navIconPurple span:nth-child(1) {
      top: 0px; }
    #navIconPurple span:nth-child(2), #navIconPurple span:nth-child(3) {
      top: 13px; }
    #navIconPurple span:nth-child(4) {
      top: 26px; }

@media screen and (min-width: 768px) {
  .nav-links-holder {
    float: right;
    right: 0px;
    position: relative;
    display: block;
    margin: 20px 0 0px 0px; } }

.nav-links-holder a.phone-number:link,
.nav-links-holder a.phone-number:active,
.nav-links-holder a.phone-number:visited {
  top: 56px;
  left: 0px;
  position: absolute;
  font-size: 25px;
  line-height: 30px;
  color: #2e8337;
  display: block;
  left: 10px; }
  @media screen and (min-width: 768px) {
    .nav-links-holder a.phone-number:link,
    .nav-links-holder a.phone-number:active,
    .nav-links-holder a.phone-number:visited {
      position: relative;
      top: 0px;
      float: left;
      margin: 0px 10px;
      left: 0px;
      font-size: 35px;
      line-height: 40px; } }
  @media screen and (min-width: 1024px) {
    .nav-links-holder a.phone-number:link,
    .nav-links-holder a.phone-number:active,
    .nav-links-holder a.phone-number:visited {
      margin: 2px 10px; } }

.nav-links-holder a:hover {
  color: #2e8337;
  text-decoration: underline; }

.nav-links-holder .apply-now {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 15px;
  background-color: #2e8337;
  border: 1px solid #2e8337;
  color: white !important;
  border-radius: 3px;
  text-transform: uppercase;
  display: inline-block; }
  @media screen and (min-width: 1024px) {
    .nav-links-holder .apply-now {
      float: left;
      margin: 0 10px; } }
  .nav-links-holder .apply-now:hover {
    transform: none;
    background-color: #3d1951;
    color: white;
    border: 1px solid #3d1951;
    border-radius: 3px;
    text-decoration: none; }

.nav-links-holder .my-account {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 15px;
  background-color: white;
  border: 1px solid #3d1951;
  border-radius: 3px;
  text-transform: uppercase;
  display: inline-block; }
  @media screen and (min-width: 1024px) {
    .nav-links-holder .my-account {
      float: left;
      margin: 0 10px; } }
  .nav-links-holder .my-account:hover {
    transform: none;
    background-color: #3d1951;
    color: white !important;
    border: 1px solid #3d1951;
    border-radius: 3px;
    text-decoration: none; }

@media screen and (max-width: 1024px) {
  .menu-buttons {
    margin-bottom: 20px; }
    .menu-buttons .menu-button {
      font-style: normal !important;
      font-weight: bold !important;
      font-size: 16px;
      line-height: 25px;
      padding: 10px 15px;
      background-color: white;
      border: 1px solid #3d1951;
      border-radius: 3px;
      text-transform: uppercase; }
      .menu-buttons .menu-button:hover {
        transform: none;
        background-color: #3d1951;
        color: white !important;
        border: 1px solid #3d1951;
        border-radius: 3px;
        text-decoration: none; } }

.borrower-application {
  position: absolute;
  width: 277px;
  left: 0;
  bottom: -7px; }

/* Prequal CTA Button */
#get-prequalified-cta {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all; }
  #get-prequalified-cta.show-cta {
    opacity: 1;
    visibility: visible; }

/* Navigation header */
nav {
  top: 0;
  float: right;
  right: 0px;
  height: 100vh;
  width: 100%;
  position: fixed;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  background-color: white;
  padding: 25px;
  z-index: -2; }
  @media screen and (min-width: 1024px) {
    nav {
      top: 0;
      float: right;
      right: 0;
      height: 100vh;
      width: 100%;
      position: fixed;
      margin: 0;
      opacity: 0;
      visibility: hidden;
      background-color: #fff;
      padding: 25px;
      z-index: -2; } }
  nav ul {
    padding: 0;
    margin: 0;
    background-color: white;
    list-style-type: none; }
    @media screen and (min-width: 1024px) {
      nav ul {
        float: none; } }
    nav ul li {
      display: block;
      float: left;
      text-align: left;
      line-height: 30px;
      font-size: 16px;
      padding: 0 5px;
      text-transform: uppercase; }
      @media screen and (min-width: 768px) {
        nav ul li {
          text-align: center;
          font-size: 25px;
          line-height: 45px;
          display: block;
          float: none; } }
      nav ul li:hover, nav ul li:focus {
        background: none;
        color: #644774; }
      nav ul li a.button.small,
      nav ul li a.button.trans.small {
        line-height: 1.5;
        margin: 0px;
        font-size: 15px; }
        @media screen and (min-width: 1200px) {
          nav ul li a.button.small,
          nav ul li a.button.trans.small {
            font-size: 16px; } }
      nav ul li.cta {
        margin-left: 0px;
        visibility: visible;
        opacity: 1; }
      nav ul li:after {
        width: 0;
        height: 0; }
      nav ul li a:link, nav ul li a:visited, nav ul li a:active {
        line-height: unset;
        margin: 0px;
        text-decoration: none;
        width: 100%; }
        @media screen and (min-width: 1024px) {
          nav ul li a:link, nav ul li a:visited, nav ul li a:active {
            padding: 0 5px;
            margin: 0; } }
        nav ul li a:link:hover, nav ul li a:link:focus, nav ul li a:visited:hover, nav ul li a:visited:focus, nav ul li a:active:hover, nav ul li a:active:focus {
          color: #644774; }
      @media screen and (max-width: 768px) {
        nav ul li.submenu {
          padding: 0 5px; } }
      nav ul li.submenu a:link, nav ul li.submenu a:visited, nav ul li.submenu a:active {
        color: #3d1951;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          nav ul li.submenu a:link, nav ul li.submenu a:visited, nav ul li.submenu a:active {
            margin: 0;
            display: block;
            width: 100%; } }
        nav ul li.submenu a:link:after, nav ul li.submenu a:visited:after, nav ul li.submenu a:active:after {
          content: "\F0D7";
          font-family: FontAwesome;
          font-weight: bold;
          color: #3d1951;
          position: relative;
          displaY: inline-block;
          top: 0px;
          left: 4px;
          line-height: 0px; }
    nav ul ul.submenu-links-holder {
      background-color: white;
      padding-left: 5px;
      border: 0;
      z-index: 999;
      display: block;
      width: 100%; }
      @media screen and (min-width: 1024px) {
        nav ul ul.submenu-links-holder {
          position: relative;
          top: 0px;
          margin: 0 auto;
          width: 100%;
          position: relative;
          box-shadow: none;
          border-radius: 0px;
          padding-left: 0; } }
      nav ul ul.submenu-links-holder:before {
        content: none; }
      nav ul ul.submenu-links-holder li {
        width: 100%;
        height: auto;
        float: left;
        text-align: left;
        display: list-item;
        list-style-type: none;
        position: relative;
        margin: 0;
        overflow: hidden;
        text-transform: capitalize !important;
        font-weight: 400;
        border: 0;
        line-height: 35px; }
        @media screen and (min-width: 768px) {
          nav ul ul.submenu-links-holder li {
            text-align: center;
            font-size: 20px;
            line-height: 40px; } }
        nav ul ul.submenu-links-holder li a:link, nav ul ul.submenu-links-holder li a:visited, nav ul ul.submenu-links-holder li a:active {
          font-weight: normal;
          width: 100%;
          display: block; }
        @media screen and (min-width: 1024px) {
          nav ul ul.submenu-links-holder li:hover, nav ul ul.submenu-links-holder li:focus {
            background-color: #f8f8f8;
            border-radius: 3px; } }
  nav.open {
    /*Nav Expanding Open Effect*/
    opacity: 1;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    -webkit-animation: fadeMenuIn .5s ease-in-out;
    -moz-animation: fadeMenuIn .5s ease-in-out;
    animation: fadeMenuIn .5s ease-in-out;
    visibility: visible;
    z-index: 5;
    display: block;
    overflow-y: scroll;
    height: 100%;
    /* IE only fix */ }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      nav.open {
        right: 0px; } }

@-webkit-keyframes fadeMenuIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeMenuIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeMenuIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  nav.close {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    -webkit-animation: fadeMenuOut .5s ease-in-out;
    -moz-animation: fadeMenuOut .5s ease-in-out;
    animation: fadeMenuOut .5s ease-in-out;
    z-index: -2;
    opacity: 0;
    visibility: hidden; }

@-webkit-keyframes fadeMenuOut {
  0% {
    opacity: 1;
    z-index: 5;
    visibility: visible; }
  100% {
    opacity: 0;
    z-index: -2;
    visibility: hidden; } }

@-moz-keyframes fadeMenuOut {
  0% {
    opacity: 1;
    z-index: 5;
    visibility: visible; }
  100% {
    opacity: 0;
    z-index: -2;
    visibility: hidden; } }

@keyframes fadeMenuOut {
  0% {
    opacity: 1;
    z-index: 5;
    visibility: visible; }
  100% {
    opacity: 0;
    z-index: -2;
    visibility: hidden; } }

nav ul li.submenu ul.submenu-links-holder li a::after {
  content: none; }

.container-uhm,
header,
footer,
section,
.hero,
.testimonial,
.events {
  width: 100%;
  height: 100%; }

.container {
  position: relative;
  width: 100vw; }

.wrap {
  max-width: 98vw;
  margin: 0 auto; }

.row {
  display: block;
  box-sizing: border-box; }

section, .content {
  padding: 50px 0px;
  background-color: white; }

.loan-products, loan-product {
  width: 100%; }

.footer-col-branding,
.footer-col-legal {
  width: 100%;
  display: border-box; }
  .footer-col-branding::after,
  .footer-col-legal::after {
    clear: both;
    content: "";
    display: block; }

.footer-col-links,
.footer-col-social {
  width: 50%;
  float: left;
  display: block; }

.col-footer-brand .footer-logo {
  padding-bottom: 15px; }

@media (min-width: 768px) {
  .container-uhm,
  header,
  footer,
  section,
  .story-image,
  .story-text,
  .about-text {
    width: 100%; }
    .container-uhm::after,
    header::after,
    footer::after,
    section::after,
    .story-image::after,
    .story-text::after,
    .about-text::after {
      clear: both;
      content: "";
      display: block; }
  .content-left,
  .content-right {
    width: 44.44444%; }
  .calculator-content-left {
    width: 55.55556%; }
  .calculator-image-right {
    width: 33.33333%; }
  .image-right,
  .image-left {
    width: 55.55556%; }
  .loan-content-left {
    width: 33.33333%; }
  .loan-products {
    width: 66.66667%; }
  .footer-col-branding {
    width: 33.33333%;
    float: left; }
  .footer-col-links {
    width: 33.33333%;
    float: left; } }

@media (min-width: 1024px) {
  .container-uhm,
  header,
  footer,
  section {
    width: 100%;
    margin: 0 auto; }
  .wrap {
    margin: 0 auto;
    max-width: 1600px; }
  .calculator-content-left {
    width: 58.33333%; }
  .content-left,
  .content-right {
    width: 41.66667%; }
  .calculator-image-right {
    width: 33.33333%; }
  .image-right, .image-left {
    width: 58.33333%; }
  .content-left.loan-officer,
  .content-left.blog-content {
    width: 58.33333%; }
  .content-left.loan-officer {
    padding-right: 25px; }
  .image-right.loan-officer,
  .image-right.blog-image {
    width: 41.66667%; }
  .loan-content-left {
    width: 41.66667%; }
  .loan-products {
    width: 100%; }
  .calc-labels {
    width: 33.33333%;
    float: left; }
  .calc-fields {
    width: 66.66667%;
    float: left; }
  .col-footer-brand {
    width: 33.33333%;
    margin-right: 20px;
    float: left;
    display: block; }
  .col-footer-links {
    width: 16.66667%;
    margin: 0 20px;
    float: left;
    display: block; } }

.hero {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  background-attachment: scroll;
  background-size: cover;
  background-position: bottom center;
  margin: 0px auto 0 auto;
  height: 100vh;
  text-align: center;
  max-height: none; }
  .hero .wrap {
    margin-top: 0px; }
    @media screen and (min-width: 1024px) {
      .hero .wrap {
        margin-top: 100px; } }
  .hero h1 {
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .hero h1 {
        margin: 0 0 10px 0; } }
  .hero h3 a {
    border-bottom: 1px dotted #2e8337;
    display: inline-block; }
  .hero.error-404 {
    background-image: url("/images/uhm/404-background-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px; }
    @media screen and (min-width: 768px) {
      .hero.error-404 {
        background-image: url("/images/uhm/404-background-tablet.jpg"); } }
    @media screen and (min-width: 1024px) {
      .hero.error-404 {
        background-image: url("/images/uhm/404-background-desktop.jpg");
        min-height: 1000px; } }
  .hero.prequalification {
    background-image: url("/images/uhm/prequal-background-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto; }
    @media screen and (min-width: 768px) {
      .hero.prequalification {
        background-image: url("/images/uhm/prequal-background-tablet.jpg"); } }
    @media screen and (min-width: 1024px) {
      .hero.prequalification {
        background-image: url("/images/uhm/prequal-background.jpg"); } }
  .hero.prequal {
    height: auto; }
    @media screen and (max-width: 768px) {
      .hero.prequal h2 {
        font-size: 16px;
        line-height: 20px; } }
  .hero.calculators {
    background-image: url("/images/uhm/calculator-background-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    min-height: 500px;
    padding-bottom: 50px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(95% - 5vw));
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(95% - 5vw)); }
    @media screen and (min-width: 768px) {
      .hero.calculators {
        background-image: url("/images/uhm/calculator-background-tablet.jpg");
        height: auto;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(85% - 5vw));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(85% - 5vw)); } }
    @media screen and (min-width: 1024px) {
      .hero.calculators {
        background-image: url("/images/uhm/calculator-background.jpg");
        background-size: cover;
        height: auto;
        min-height: 900px; } }
  .hero.intern-uhm {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0px;
    min-height: 0;
    height: auto; }
    @media screen and (min-width: 768px) {
      .hero.intern-uhm {
        background-attachment: scroll;
        background-size: cover;
        min-height: none; } }
    @media screen and (min-width: 1024px) {
      .hero.intern-uhm {
        background-size: cover;
        background-position: top left;
        min-height: none; } }
  .hero.support {
    background-image: url("/images/uhm/green-background-tilted.png");
    background-attachment: scroll;
    background-position: 0 0px;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0px;
    min-height: 700px;
    text-align: center;
    height: auto; }
    @media screen and (min-width: 768px) {
      .hero.support {
        background-size: cover;
        min-height: 800px;
        text-align: left;
        background-position: 0 50px; } }
    @media screen and (min-width: 1024px) {
      .hero.support {
        background-size: cover;
        min-height: 800px; } }
    .hero.support h1, .hero.support h2, .hero.support p {
      color: white; }
    .hero.support .wrap {
      margin-top: 100px; }
      @media screen and (min-width: 768px) {
        .hero.support .wrap {
          margin-top: 200px; } }
    .hero.support .no-padding {
      padding: 0px !important;
      margin: 0px !important; }
    .hero.support img {
      z-index: 1;
      max-width: 300px; }
      @media screen and (min-width: 768px) {
        .hero.support img {
          width: 100%;
          max-width: none; } }
    .hero.support .bookmark-button {
      background-color: #2e8337;
      color: white;
      border: 2px solid white !important;
      max-width: 300px; }
      .hero.support .bookmark-button:hover, .hero.support .bookmark-button:focus, .hero.support .bookmark-button:active {
        color: white !important; }
    .hero.support #bookmark-this {
      width: calc(100% - 40px);
      position: relative;
      top: 20px; }
      @media screen and (min-width: 768px) {
        .hero.support #bookmark-this {
          top: 0px; } }
      .hero.support #bookmark-this:hover, .hero.support #bookmark-this:focus, .hero.support #bookmark-this:active {
        color: white !important; }
      .hero.support #bookmark-this:before {
        color: white;
        content: "\F02E";
        font-family: FontAwesome;
        font-size: 50px;
        line-height: 0;
        position: absolute;
        left: -10px;
        display: block; }
      .hero.support #bookmark-this.clicked:before {
        content: "\F02E" !important;
        font-family: FontAwesome;
        color: #3d1951 !important;
        font-size: 50px;
        position: absolute;
        left: -10px; }
        .hero.support #bookmark-this.clicked:before:hover, .hero.support #bookmark-this.clicked:before:focus, .hero.support #bookmark-this.clicked:before:active {
          color: white !important; }
          .hero.support #bookmark-this.clicked:before:hover:before, .hero.support #bookmark-this.clicked:before:focus:before, .hero.support #bookmark-this.clicked:before:active:before {
            color: white !important; }
  .hero.career-uhm {
    background-image: url("/images/uhm/career-background-mobile.jpg");
    background-attachment: scroll;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0px;
    min-height: 700px; }
    @media screen and (min-width: 768px) {
      .hero.career-uhm {
        background-image: url("/images/uhm/career-background-tablet.jpg");
        min-height: 800px; } }
    @media screen and (min-width: 1024px) {
      .hero.career-uhm {
        background-image: url("/images/uhm/career-background-desktop.jpg"); } }
  .hero .large-hero-button {
    background-color: #2e8337;
    color: white;
    padding: 30px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-family: "Raleway", sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-weight: bold;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    margin: 5px auto; }
    @media screen and (min-width: 768px) {
      .hero .large-hero-button {
        padding: 45px 60px;
        font-size: 20px;
        line-height: 25px; } }
  .hero .large-hero-button:hover {
    background-color: #3d1951;
    cursor: pointer; }
  .hero.leadership-uhm {
    height: auto;
    background-image: url("/images/uhm/leadership-background-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 0px; }
    @media screen and (min-width: 768px) {
      .hero.leadership-uhm {
        height: auto;
        background-image: url("/images/uhm/leadership-background.jpg"); } }
  .hero.our-story {
    height: 200px;
    background-image: url("/images/uhm/our-story-background.jpg");
    background-attachment: scroll;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 0px; }
    @media screen and (min-width: 768px) {
      .hero.our-story {
        height: 400px;
        background-image: url("/images/uhm/our-story-background.jpg");
        -webkit-clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0 0); } }
  .hero.buy-your-home {
    background-image: url("/images/uhm/buy-your-home-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto; }
    @media screen and (min-width: 768px) {
      .hero.buy-your-home {
        min-height: 600px;
        background-image: url("/images/uhm/buy-your-home-tablet.jpg"); } }
    @media screen and (min-width: 1024px) {
      .hero.buy-your-home {
        background-size: cover;
        background-image: url("/images/uhm/buy-your-home-desktop.jpg");
        height: auto; } }
  .hero.product-page {
    min-height: 700px;
    height: auto; }
  .hero.foundation {
    min-height: 100vh;
    height: auto;
    background-image: url("/images/uhm/foundation-background-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (min-width: 768px) {
      .hero.foundation {
        background-image: url("/images/uhm/foundation-background-desktop.jpg"); } }
    @media screen and (min-width: 1024px) {
      .hero.foundation {
        background-size: cover; } }
  .hero.plain-text {
    min-height: 300px !important;
    height: auto;
    background: white; }
  .hero.contact-phone {
    background: #F3F1F4 top right/contain no-repeat url("/images/uhm/uhm-contact-fade.png"); }
    @media screen and (max-width: 1024px) {
      .hero.contact-phone {
        background: #F3F1F4; } }
  .hero.getstarted {
    height: calc(100vh - 100px); }
  .hero.blog {
    height: auto;
    background-color: white;
    min-height: 0; }
  .hero.blog-tag {
    height: auto;
    background-color: white;
    min-height: 0; }
    .hero.blog-tag .wrap {
      margin-top: 35px; }
      @media screen and (min-width: 768px) {
        .hero.blog-tag .wrap {
          margin-top: 80px; } }
    .hero.blog-tag h1 {
      margin-bottom: 0px; }
  .hero.property-page {
    height: auto; }
    .hero.property-page .wrap {
      margin-top: 100px; }
      @media screen and (max-width: 768px) {
        .hero.property-page .wrap {
          margin-top: 45px;
          font-size: 20px; } }
      .hero.property-page .wrap .table-wrapper {
        margin: 50px;
        border: 2px solid #3d1951;
        border-radius: 5px; }
        @media screen and (min-width: 768px) {
          .hero.property-page .wrap .table-wrapper {
            padding: 25px; } }
      .hero.property-page .wrap table td {
        text-transform: uppercase; }
      @media screen and (max-width: 600px) {
        .hero.property-page .wrap table tr {
          border-bottom: none !important;
          display: block;
          margin-bottom: 5px; }
        .hero.property-page .wrap table caption {
          font-size: 1.3em; }
        .hero.property-page .wrap table thead {
          border: none;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px; }
        .hero.property-page .wrap table td {
          border: none;
          display: inline-grid;
          display: -moz-inline-grid;
          display: -ms-inline-grid;
          width: 100%;
          font-size: .8em;
          text-align: center; }
        .hero.property-page .wrap table td::before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          text-transform: uppercase; } }
  .hero.newsroom {
    height: auto;
    min-height: 0px;
    background-image: url("/images/uhm/newsroom-background.jpg"); }
  .hero.about {
    background-image: url("/images/uhm/about-background-mobile.jpg");
    height: 100vh;
    min-height: 700px; }
    @media screen and (min-width: 768px) {
      .hero.about {
        background-image: url("/images/uhm/about-background-tablet.jpg");
        min-height: 800px; } }
    @media screen and (min-width: 1024px) {
      .hero.about {
        background-image: url("/images/uhm/about-background-desktop.jpg");
        background-position: center; } }
  .hero.lo-recruiting {
    background-image: url("/images/uhm/lo-join-uhm-mobile.jpg");
    height: auto;
    min-height: 700px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center; }
    @media screen and (min-width: 768px) {
      .hero.lo-recruiting {
        background-image: url("/images/uhm/lo-join-uhm-tablet.jpg");
        min-height: 800px;
        background-size: cover;
        background-position: bottom center; } }
    @media screen and (min-width: 1024px) {
      .hero.lo-recruiting {
        background-image: url("/images/uhm/lo-join-uhm-desktop.jpg");
        min-height: 1000px;
        background-size: cover;
        background-position: top center;
        height: auto; } }
    @media screen and (min-width: 768px) {
      .hero.lo-recruiting .wrap {
        padding: 20px;
        background-color: white;
        margin: 50px 0px 10px auto;
        width: 500px;
        box-shadow: 0px 0px 10px #666;
        border-radius: 10px 0 0 10px;
        text-align: left;
        position: absolute;
        right: 0px; } }
    @media screen and (min-width: 1024px) {
      .hero.lo-recruiting .wrap {
        margin-top: 150px;
        width: 50%;
        min-width: 600px;
        max-width: 800px;
        float: right;
        display: block;
        background-color: white;
        padding: 40px;
        position: relative;
        top: 0px;
        right: 0px; } }
    @media screen and (min-width: 1024px) {
      .hero.lo-recruiting .wrap h1 {
        font-size: 40px;
        line-height: 45px; } }
    .hero.lo-recruiting form {
      margin-top: 150px;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .hero.lo-recruiting form {
          margin-top: 0px;
          background-color: none; } }
      .hero.lo-recruiting form fieldset {
        width: 100%;
        max-width: 500px; }
        @media screen and (min-width: 768px) {
          .hero.lo-recruiting form fieldset select {
            margin: 5px 30px 15px 0px; } }
      .hero.lo-recruiting form .col.half {
        width: 50%; }
        @media screen and (min-width: 768px) {
          .hero.lo-recruiting form .col.half {
            margin: 0 !important;
            padding: 0px; } }
        .hero.lo-recruiting form .col.half .form-wrap {
          width: calc(100% - 10px); }
      .hero.lo-recruiting form .select:after {
        top: 37%; }
      .hero.lo-recruiting form .errorMessage, .hero.lo-recruiting form .error {
        min-height: 0;
        margin-bottom: 0px; }
      @media screen and (min-width: 768px) {
        .hero.lo-recruiting form .row.small-margin {
          text-align: left; } }
      .hero.lo-recruiting form .row.small-margin .button {
        width: 100%;
        font-size: 20px;
        line-height: 25px; }
        @media screen and (min-width: 768px) {
          .hero.lo-recruiting form .row.small-margin .button {
            width: calc(100% - 10px);
            font-size: 25px;
            line-height: 30px; } }

h2.purple {
  color: #3d1951; }

.calculator-mask {
  margin-top: -20vw; }
  @media screen and (min-width: 768px) {
    .calculator-mask {
      margin-top: -10vw; } }

a figure,
figure {
  position: relative;
  overflow: hidden;
  margin: 10px auto;
  width: 100%;
  height: 250px;
  max-width: 400px; }
  @media screen and (min-width: 768px) {
    a figure,
    figure {
      width: calc(50% - 25px);
      display: inline-block;
      margin: 10px; } }
  @media screen and (min-width: 1024px) {
    a figure,
    figure {
      width: calc(25% - 25px);
      min-width: 300px;
      background: white;
      text-align: center;
      cursor: pointer; } }
  a figure img,
  figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.2; }
  a figure:hover h2,
  a figure:focus h2,
  a figure:active h2,
  figure:hover h2,
  figure:focus h2,
  figure:active h2 {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
  a figure h2,
  figure h2 {
    position: relative;
    top: 20px;
    left: 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    text-transform: capitalize; }
    a figure h2.tag-name,
    figure h2.tag-name {
      top: 50px; }
  a figure .tag-section,
  figure .tag-section {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    margin: 0 auto; }
  a figure h5,
  figure h5 {
    position: relative;
    left: 0;
    text-align: center;
    visibility: visible;
    opacity: 1;
    transition: .35s ease-in-out;
    text-transform: uppercase;
    display: inline-block;
    line-height: 18px;
    color: #3d1951;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    margin: 0;
    font-weight: bold; }
  a figure:hover h5,
  a figure:active h5,
  a figure:focus h5,
  figure:hover h5,
  figure:active h5,
  figure:focus h5 {
    visibility: hidden;
    opacity: 0;
    transition: .35s ease-in-out; }
  a figure figcaption::before,
  a figure p,
  figure figcaption::before,
  figure p {
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
  a figure h2,
  figure h2 {
    color: #3d1951; }
  a figure p,
  figure p {
    color: white;
    position: absolute;
    top: 30px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    visibility: hidden;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
    a figure p.article-count,
    figure p.article-count {
      top: 100px; }
  a figure:hover figcaption::before,
  a figure:hover p,
  a figure:active figcaption::before,
  a figure:active p,
  a figure:focus figcaption::before,
  a figure:focus p,
  figure:hover figcaption::before,
  figure:hover p,
  figure:active figcaption::before,
  figure:active p,
  figure:focus figcaption::before,
  figure:focus p {
    opacity: 0.7;
    visibility: visible;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
  a figure figcaption,
  figure figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    a figure figcaption:before,
    figure figcaption:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #3d1951;
      content: '';
      opacity: 0;
      -webkit-transition: 0.35s ease-in-out;
      -moz-transition: 0.35s ease-in-out;
      transition: 0.35s ease-in-out; }
    a figure figcaption:before, a figure figcaption:after,
    figure figcaption:before,
    figure figcaption:after {
      pointer-events: none; }

.light-purple-bg {
  background-color: rgba(61, 25, 81, 0.1); }

.small-product-icon {
  width: 50px;
  height: auto; }

.content {
  background-color: white;
  padding: 50px 0px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .content {
      padding: 75px 0px;
      text-align: left; } }
  .content.lightgray {
    background: #f7f7f7; }
  .content.cta-center {
    text-align: center !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .content.cta-center {
        background-image: none;
        background-color: white;
        padding-bottom: 100px; } }
  @media screen and (min-width: 768px) {
    .content.purple-half {
      background-image: url("/images/uhm/half-purple-background.png");
      background-color: white;
      background-position: center left;
      background-size: contain;
      background-repeat: no-repeat; } }
  @media screen and (min-width: 1024px) {
    .content.purple-half {
      background-position: bottom left; } }
  @media screen and (min-width: 1024px) {
    .content.purple-half .wrap {
      margin: 50px auto; } }
  .content.purple-half .image-left {
    display: block;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .content.purple-half .image-left {
        float: left;
        text-align: left; } }
    .content.purple-half .image-left img {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .content.purple-half .image-left img {
          max-width: 500px;
          border-radius: 50%; } }
      @media screen and (min-width: 1024px) {
        .content.purple-half .image-left img {
          max-width: 600px; } }
  .content.purple-half .content-right {
    display: block;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .content.purple-half .content-right {
        float: right;
        text-align: left; } }
  .content .center {
    text-align: center; }
  .content.purple {
    background-color: #3d1951;
    text-align: center; }
  .content.prequalification-slides {
    background-image: url("/images/uhm/prequal-process-background-mobile.jpg");
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (min-width: 768px) {
      .content.prequalification-slides {
        background-image: url("/images/uhm/prequal-process-background-tablet.jpg"); } }
    @media screen and (min-width: 1024px) {
      .content.prequalification-slides {
        background-image: url("/images/uhm/prequal-process-background.jpg"); } }
  .content.story-content {
    max-width: 800px; }
  .content.code-of-conduct {
    text-align: center;
    background-color: #f7f7f7;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-clip-path: polygon(50% 0%, 100% 2%, 100% 100%, 0 100%, 0 2%);
    clip-path: polygon(50% 0%, 100% 2%, 100% 100%, 0 100%, 0 2%); }
    @media screen and (min-width: 768px) {
      .content.code-of-conduct {
        background-image: url("/images/uhm/code-of-conduct-background-tablet.jpg");
        -webkit-clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);
        clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%); } }
    @media screen and (min-width: 1024px) {
      .content.code-of-conduct {
        background-image: url("/images/uhm/code-of-conduct-background.jpg"); } }
  .content .green {
    background-color: #2e8337; }
  .content .content-left, .content .loan-content-left, .content .calculator-content-left {
    display: block;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .content .content-left, .content .loan-content-left, .content .calculator-content-left {
        float: left;
        text-align: left; } }
  .content.leadership h5 {
    color: grey;
    font-weight: normal; }
  .content.leadership p {
    margin-top: -50px;
    color: #2e8337; }
  @media screen and (min-width: 768px) {
    .content.leadership p {
      margin-top: -100px; } }
  .content.calculator {
    padding: 30px; }

.loan-products {
  float: left;
  display: block;
  background: white;
  position: relative; }
  .loan-products .loan-product {
    float: left;
    width: 100%;
    width: calc(25% - 0px);
    text-align: center;
    padding: 5px;
    height: 350px; }
    @media screen and (min-width: 1024px) {
      .loan-products .loan-product {
        height: 350px; } }
    .loan-products .loan-product img {
      border-radius: 50%;
      margin-bottom: 10px;
      max-width: 100px; }
      @media screen and (min-width: 1024px) {
        .loan-products .loan-product img {
          max-width: 150px; } }
    .loan-products .loan-product h2 {
      color: #3d1951;
      font-weight: 500;
      font-size: 16px;
      line-height: 20px; }
      @media screen and (min-width: 1024px) {
        .loan-products .loan-product h2 {
          font-size: 20px;
          line-height: 25px; } }
    .loan-products .loan-product p {
      font-size: 12px;
      line-height: 16px;
      padding: 0px; }
      @media screen and (min-width: 1024px) {
        .loan-products .loan-product p {
          font-size: 14px;
          line-height: 20px; } }

.career-types {
  display: flex;
  flex-wrap: wrap;
  background: white;
  position: relative;
  text-align: center;
  margin: 50px auto; }
  .career-types h1 {
    text-align: center; }
  .career-types h2 {
    text-align: center; }
  .career-types .career-type {
    text-align: center;
    padding: 50px;
    height: 10%;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .career-types .career-type {
        float: left;
        width: 33%;
        padding: 0 20px;
        flex-grow: 1;
        flex-basis: 275px; } }
    .career-types .career-type h2 {
      color: #3d1951;
      font-weight: 500; }
    .career-types .career-type p {
      font-size: 14px; }

.why-uhm {
  display: block;
  background: white;
  position: relative;
  text-align: center; }
  .why-uhm h1, .why-uhm h2 {
    padding-bottom: 50px; }

.where-uhm {
  display: block;
  background-attachment: scroll;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0px;
  position: relative;
  text-align: center;
  height: 1000px; }
  .where-uhm .wrap {
    max-width: 95vw;
    width: 100%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    position: absolute; }
  @media screen and (min-width: 768px) {
    .where-uhm {
      height: 1024px; } }
  @media screen and (min-width: 1024px) {
    .where-uhm {
      height: 1080px; } }
  .where-uhm h1, .where-uhm h2 {
    padding-bottom: 0px;
    margin: 0 auto; }

.featured-resources, .events, .featured-events {
  text-align: center;
  margin: 0 auto; }
  @media screen and (min-width: 1024px) {
    .featured-resources, .events, .featured-events {
      text-align: left; } }
  .featured-resources h3, .events h3, .featured-events h3 {
    padding-top: 50px; }

.event {
  max-width: none !important;
  cursor: default !important;
  height: auto;
  padding: 0px;
  text-align: center;
  margin: 10px 10px; }
  @media screen and (min-width: 768px) {
    .event {
      margin: 10px auto;
      max-width: 500px !important;
      text-align: left !important;
      height: 170px; } }
  @media screen and (min-width: 1024px) {
    .event {
      height: 140px; } }
  .event img {
    display: block;
    width: auto;
    max-width: 300px;
    margin: 0 auto;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .event img {
        max-width: 100%; } }
  .event h4 {
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    height: 25px;
    margin: 0;
    padding-bottom: 35px; }
  .event h2 {
    font-size: 20px;
    line-height: 26px;
    padding: 0; }
  .event h3 {
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
    text-transform: none; }
    @media screen and (min-width: 768px) and (max-width: 1059px) {
      .event h3 {
        font-size: 15px;
        line-height: 17px;
        padding-top: 10px; } }
  .event a.button.small.trans {
    text-align: center; }

.career-types-mobile {
  display: block;
  background: white;
  position: relative;
  text-align: center; }
  .career-types-mobile h1 {
    text-align: center;
    padding-bottom: 50px; }
  .career-types-mobile .career-type-mobile {
    width: 100%;
    text-align: center;
    height: 10%;
    margin: 0 auto;
    display: block; }
    .career-types-mobile .career-type-mobile img {
      border-radius: 50%;
      margin-bottom: 10px; }
    .career-types-mobile .career-type-mobile h2 {
      color: #3d1951;
      font-weight: 500;
      text-align: center; }
    .career-types-mobile .career-type-mobile p {
      font-size: 14px; }

.work-benefits {
  text-align: center; }
  .work-benefits h1 {
    padding-bottom: 50px; }
  .work-benefits .benefit-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center; }
    .work-benefits .benefit-holder .work-benefit-item {
      width: 50%;
      text-align: center;
      padding: 10px;
      height: 200px; }
      @media screen and (min-width: 768px) {
        .work-benefits .benefit-holder .work-benefit-item {
          width: 25%; } }
      .work-benefits .benefit-holder .work-benefit-item img {
        border-radius: 50%;
        margin-bottom: 10px;
        height: 75px; }

.awards {
  display: flex;
  flex-wrap: wrap;
  background: white;
  position: relative;
  text-align: center;
  flex-wrap: nowrap;
  justify-content: center; }
  .awards .award {
    float: left;
    text-align: center;
    padding: 0px;
    display: inline-block;
    vertical-align: middle; }
    .awards .award img {
      height: 60px;
      width: auto; }
    @media screen and (min-width: 768px) {
      .awards .award img {
        height: 120px; } }
    @media screen and (min-width: 1024px) {
      .awards .award img {
        height: 200px; } }

.benefits {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 25px 0;
  justify-content: center; }
  @media screen and (min-width: 1024px) {
    .benefits {
      height: 100%; } }
  .benefits .benefit {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
    height: auto; }
    @media screen and (min-width: 768px) {
      .benefits .benefit {
        width: calc(33% - 10px);
        margin: 0 5px; } }
    .benefits .benefit img {
      border-radius: 50%;
      margin-bottom: 10px;
      height: 150px; }

.product-benefits {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 25px 0; }
  .product-benefits .product-benefit {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
    height: auto; }
    @media screen and (min-width: 768px) {
      .product-benefits .product-benefit {
        width: 33%; } }
    @media screen and (min-width: 768px) {
      .product-benefits .product-benefit {
        flex-grow: 1;
        flex-basis: 275px;
        min-width: 275px; } }
    .product-benefits .product-benefit img {
      margin-bottom: 10px;
      height: 150px; }
    .product-benefits .product-benefit h2 {
      color: #3d1951;
      font-weight: 600; }
      @media screen and (min-width: 768px) {
        .product-benefits .product-benefit h2 {
          font-size: 18px;
          line-height: 25px; } }
      @media screen and (min-width: 1024px) {
        .product-benefits .product-benefit h2 {
          font-size: 25px;
          line-height: 32px;
          min-height: 45px; } }
    .product-benefits .product-benefit p {
      font-weight: 500;
      font-size: 14px;
      line-height: 20px; }

.team-members {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 25px 0; }
  .team-members .team-member {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
    height: auto;
    margin: 10px; }
    @media screen and (min-width: 768px) {
      .team-members .team-member {
        width: 33%;
        flex-grow: 1;
        flex-basis: 300px;
        min-width: 300px; } }
    .team-members .team-member .headshot {
      background-position: center;
      background-repeat: no-repeat;
      height: 200px;
      width: 200px;
      border-radius: 50%;
      margin: 0 auto; }
    .team-members .team-member img {
      margin-bottom: 10px;
      height: 200px; }
    .team-members .team-member h2 {
      color: #3d1951;
      font-weight: 600; }
      @media screen and (min-width: 768px) {
        .team-members .team-member h2 {
          font-size: 18px;
          line-height: 25px; } }
      @media screen and (min-width: 1024px) {
        .team-members .team-member h2 {
          font-size: 25px;
          line-height: 32px;
          min-height: 45px; } }
    .team-members .team-member p {
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      padding: 0px;
      margin: 0px; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .col.fourth.products-grid {
    width: 50%; } }

@media screen and (min-width: 768px) {
  .card-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; } }

.card.contact-cards {
  margin: 10px auto;
  cursor: auto;
  max-width: 350px; }
  @media screen and (min-width: 768px) {
    .card.contact-cards {
      margin: 10px;
      max-width: 450px;
      float: left;
      flex: 0 50%; } }
  .card.contact-cards a.email-link {
    font-weight: bold;
    font-size: 30px;
    line-height: 40px; }
    @media screen and (min-width: 1024px) {
      .card.contact-cards a.email-link {
        font-size: 16px;
        line-height: 20px; } }
  .card.contact-cards a.phone-link {
    font-size: 30px;
    line-height: 48px;
    font-weight: bold; }

.card.product-cards {
  height: 250px;
  margin: 20px auto;
  padding: 5px;
  display: flex;
  flex-direction: column; }
  .card.product-cards p {
    padding: 5px 0;
    font-size: 22px;
    line-height: 28px;
    flex: 1 1 auto; }
  .card.product-cards h3 {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (min-width: 1024px) {
      .card.product-cards h3 {
        width: calc(100% - 25px); } }
    .card.product-cards h3:after {
      display: block;
      content: '';
      border-bottom: solid 3px #3d1951;
      transform: scaleX(0);
      transition: transform 250ms ease-in-out; }
  .card.product-cards:hover h3,
  .card.product-cards:focus h3,
  .card.product-cards:active h3 {
    font-size: 20px;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
    .card.product-cards:hover h3:after,
    .card.product-cards:focus h3:after,
    .card.product-cards:active h3:after {
      transform: scaleX(1); }

@media screen and (min-width: 1024px) {
  .card.article {
    height: 350px; } }

/* Tabs */
.tabs-container {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  position: relative; }

ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  left: 50%;
  position: relative;
  clear: left;
  float: left;
  text-align: center; }
  ul.tabs li {
    background: none;
    color: #3d1951;
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
    width: 50%;
    height: 65px;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    right: 50%;
    position: relative;
    float: left;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      ul.tabs li {
        width: auto;
        height: auto; } }
    ul.tabs li.current {
      background: rgba(61, 25, 81, 0.05);
      color: #3d1951; }
    ul.tabs li:after {
      background: none;
      width: 0;
      height: 0; }

.tab-content {
  visibility: hidden;
  opacity: 0;
  height: 0; }
  .tab-content.current {
    visibility: visible;
    opacity: 1;
    height: auto;
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    padding: 15px;
    background: rgba(61, 25, 81, 0.05); }

@-webkit-keyframes switch-tabs {
  0% {
    opacity: 0;
    height: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    height: auto;
    -webkit-transform: translateX(0); } }

@-moz-keyframes switch-tabs {
  0% {
    opacity: 0;
    height: 0;
    -moz-transform: translateX(-100%); }
  100% {
    opacity: 1;
    height: auto;
    -moz-transform: translateX(0); } }

@media print {
  header img.logo-uhm {
    display: none !important; } }

/* Code of Conduct */
figure.code-of-conduct {
  background: #3d1951;
  width: 100%;
  height: 300px; }
  @media screen and (min-width: 768px) {
    figure.code-of-conduct {
      width: calc(30% - 0px);
      height: 250px; } }
  @media screen and (min-width: 1200px) {
    figure.code-of-conduct {
      width: calc(18% - 20px);
      min-width: 180px; } }
  figure.code-of-conduct img {
    -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s, transform 0.35s;
    opacity: 0.3;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    width: 100%;
    height: auto; }
  figure.code-of-conduct:hover img {
    opacity: 0.4;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(10px);
    /* Chrome, Safari, Opera */
    filter: blur(1-px); }
  figure.code-of-conduct figcaption h2 {
    color: white;
    top: 0;
    text-transform: uppercase;
    width: 100%;
    font-size: 30px;
    line-height: 38px; }
    @media screen and (min-width: 768px) {
      figure.code-of-conduct figcaption h2 {
        font-size: 22px;
        line-height: 28px; } }
  figure.code-of-conduct:hover figcaption h2 {
    opacity: 1;
    visibility: visible; }
  figure.code-of-conduct figcaption {
    padding: 20px 10px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (min-width: 768px) {
      figure.code-of-conduct figcaption {
        top: 20%; } }
    @media screen and (min-width: 1024px) {
      figure.code-of-conduct figcaption {
        top: 5%; } }
    figure.code-of-conduct figcaption:before {
      background: none; }
  figure.code-of-conduct p {
    color: white;
    top: 0px;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    font-size: 18px;
    line-height: 22px;
    visibility: visible;
    width: 100%;
    text-align: center;
    position: relative;
    border: 5px solid white;
    padding: 5px; }
    @media screen and (min-width: 768px) {
      figure.code-of-conduct p {
        font-size: 14px;
        line-height: 20px; } }
    @media screen and (min-width: 1024px) {
      figure.code-of-conduct p {
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        font-size: 14px;
        line-height: 20px; } }
  figure.code-of-conduct:hover p {
    opacity: 1; }

.by-the-numbers div {
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  background: #3d1951;
  height: 250px;
  width: 250px; }

.by-the-numbers div:nth-child(1) h1,
.by-the-numbers div:nth-child(5) h1 {
  text-align: center;
  color: white;
  font-size: 40px; }

.by-the-numbers div:nth-child(1) h3,
.by-the-numbers div:nth-child(5) h3 {
  color: white;
  font-weight: 500;
  padding-top: 20px; }

.by-the-numbers div:nth-child(1) p,
.by-the-numbers div:nth-child(5) p {
  color: white;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  padding: 0px; }

@media screen and (max-width: 767px) {
  .by-the-numbers div:nth-child(1) h1,
  .by-the-numbers div:nth-child(5) h1 {
    font-size: 80px; }
  .by-the-numbers div:nth-child(1) h3,
  .by-the-numbers div:nth-child(5) h3 {
    padding-top: 50px;
    padding-bottom: 20px; }
  .by-the-numbers div:nth-child(1) p,
  .by-the-numbers div:nth-child(5) p {
    font-size: 15px;
    line-height: 70px; } }

@media screen and (min-width: 768px) {
  .by-the-numbers div:nth-child(1),
  .by-the-numbers div:nth-child(5) {
    float: left;
    height: 150px;
    width: 150px; } }

@media screen and (min-width: 1024px) and (min-height: 1366px) {
  .by-the-numbers div:nth-child(1),
  .by-the-numbers div:nth-child(5) {
    height: 200px;
    width: 200px; }
    .by-the-numbers div:nth-child(1) p,
    .by-the-numbers div:nth-child(5) p {
      padding: 10px;
      font-size: 15px; } }

@media screen and (min-width: 1024px) and (max-height: 1300px) {
  .by-the-numbers div:nth-child(1),
  .by-the-numbers div:nth-child(5) {
    padding-top: 45px;
    height: 250px;
    width: 250px; }
    .by-the-numbers div:nth-child(1) h1,
    .by-the-numbers div:nth-child(5) h1 {
      font-size: 80px; }
    .by-the-numbers div:nth-child(1) h3,
    .by-the-numbers div:nth-child(5) h3 {
      padding: 0px; }
    .by-the-numbers div:nth-child(1) p,
    .by-the-numbers div:nth-child(5) p {
      padding: 10px;
      font-size: 15px; } }

.by-the-numbers div:nth-child(2) h1,
.by-the-numbers div:nth-child(3) h1,
.by-the-numbers div:nth-child(4) h1 {
  text-align: center;
  color: white;
  font-size: 40px;
  text-transform: uppercase; }

.by-the-numbers div:nth-child(2) h3,
.by-the-numbers div:nth-child(3) h3,
.by-the-numbers div:nth-child(4) h3 {
  color: white;
  font-weight: 500;
  line-height: 15px;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 10px;
  width: 75%;
  margin-left: 15px; }

.by-the-numbers div:nth-child(2) p,
.by-the-numbers div:nth-child(3) p,
.by-the-numbers div:nth-child(4) p {
  color: white;
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  padding: 0px;
  width: 75%;
  margin-left: 15px; }

@media screen and (max-width: 767px) {
  .by-the-numbers div:nth-child(2) h1,
  .by-the-numbers div:nth-child(3) h1,
  .by-the-numbers div:nth-child(4) h1 {
    font-size: 80px; }
  .by-the-numbers div:nth-child(2) h3,
  .by-the-numbers div:nth-child(3) h3,
  .by-the-numbers div:nth-child(4) h3 {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 15px;
    width: 75%;
    margin-left: 30px; }
  .by-the-numbers div:nth-child(2) p,
  .by-the-numbers div:nth-child(3) p,
  .by-the-numbers div:nth-child(4) p {
    font-size: 15px;
    line-height: 70px;
    width: 100%;
    margin-left: 0; } }

@media screen and (min-width: 768px) {
  .by-the-numbers div:nth-child(2),
  .by-the-numbers div:nth-child(3),
  .by-the-numbers div:nth-child(4) {
    float: left;
    background: #2e8337;
    height: 125px;
    width: 125px; } }

@media screen and (min-width: 1024px) and (min-height: 1366px) {
  .by-the-numbers div:nth-child(2),
  .by-the-numbers div:nth-child(3),
  .by-the-numbers div:nth-child(4) {
    height: 175px;
    width: 175px; }
    .by-the-numbers div:nth-child(2) h1,
    .by-the-numbers div:nth-child(3) h1,
    .by-the-numbers div:nth-child(4) h1 {
      margin-top: -10px; }
    .by-the-numbers div:nth-child(2) h3,
    .by-the-numbers div:nth-child(3) h3,
    .by-the-numbers div:nth-child(4) h3 {
      margin-left: 20px;
      line-height: 18px;
      padding-top: 20px;
      font-size: 15px; }
    .by-the-numbers div:nth-child(2) p,
    .by-the-numbers div:nth-child(3) p,
    .by-the-numbers div:nth-child(4) p {
      font-size: 15px;
      margin-left: 20px;
      line-height: 18px; } }

@media screen and (min-width: 1024px) and (max-height: 1300px) {
  .by-the-numbers div:nth-child(2),
  .by-the-numbers div:nth-child(3),
  .by-the-numbers div:nth-child(4) {
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    height: 200px;
    width: 200px; }
    .by-the-numbers div:nth-child(2) h3,
    .by-the-numbers div:nth-child(3) h3,
    .by-the-numbers div:nth-child(4) h3 {
      margin-top: 0px;
      padding: 30px 0px 0px 0px;
      font-size: 15px;
      margin-left: 25px; }
    .by-the-numbers div:nth-child(2) h1,
    .by-the-numbers div:nth-child(3) h1,
    .by-the-numbers div:nth-child(4) h1 {
      font-size: 80px; }
    .by-the-numbers div:nth-child(2) p,
    .by-the-numbers div:nth-child(3) p,
    .by-the-numbers div:nth-child(4) p {
      padding: 10px;
      margin-left: 25px;
      font-size: 15px; } }

@media screen and (min-width: 768px) {
  .by-the-numbers div:nth-child(2) {
    margin-top: 200px; } }

@media screen and (min-width: 1025px) {
  .by-the-numbers div:nth-child(2) {
    margin-top: 300px; } }

@media screen and (min-width: 768px) {
  .by-the-numbers div:nth-child(3) {
    margin-top: 30px; } }

@media screen and (min-width: 1025px) {
  .by-the-numbers div:nth-child(3) {
    margin-top: 50px; } }

.by-the-numbers div:nth-child(4) {
  background: #3d1951; }
  @media screen and (min-width: 768px) {
    .by-the-numbers div:nth-child(4) {
      margin-top: 250px; } }
  @media screen and (min-width: 1025px) {
    .by-the-numbers div:nth-child(4) {
      margin-top: 400px; } }

.by-the-numbers div:nth-child(5) {
  background: #3d1951; }
  @media screen and (min-width: 768px) {
    .by-the-numbers div:nth-child(5) {
      margin-top: 50px; } }
  @media screen and (min-width: 1025px) {
    .by-the-numbers div:nth-child(5) {
      margin-top: 100px; } }

.about-video {
  margin-top: 100px; }
  @media screen and (min-width: 768px) {
    .about-video {
      margin-top: 200px; } }

.loader-content h1 {
  text-align: center; }

.leader {
  display: block;
  flex-direction: row;
  width: 100%;
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .leader {
      display: flex;
      padding: 50px; } }
  .leader:nth-child(even) {
    background-color: #f7f7f7; }
  .leader .headshot, .leader .award {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .leader .headshot, .leader .award {
        width: 33%; } }
  @media screen and (min-width: 1024px) {
    .leader .award img {
      max-height: 300px; } }
  .leader .bio {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .leader .bio {
        text-align: left;
        width: 66%; } }

.why-uhm-section {
  height: 600px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top center;
  padding: 0;
  background-size: 400px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .why-uhm-section {
      margin-top: 0;
      margin-bottom: 0px;
      background-attachment: scroll;
      background-size: cover;
      height: 800px; } }
  @media screen and (min-width: 1024px) {
    .why-uhm-section {
      background-size: cover;
      background-attachment: fixed;
      /* IE, Edge, iPad Only */ } }
  @media screen and (min-width: 1024px) and (-ms-high-contrast: active), screen and (min-width: 1024px) and (-ms-high-contrast: none), only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
    .why-uhm-section {
      background-attachment: scroll;
      background-size: contain; } }
  @media screen and (min-width: 1200px) {
    .why-uhm-section {
      background-size: contain; } }
  .why-uhm-section .row {
    margin: 0; }
  .why-uhm-section .why-uhm-content {
    text-align: center;
    width: 100%;
    top: 250px;
    background-color: white;
    position: relative;
    margin: 0 auto;
    padding: 20px; }
    @media screen and (min-width: 768px) {
      .why-uhm-section .why-uhm-content {
        bottom: 0px;
        height: 400px;
        width: 60%;
        text-align: left;
        padding-top: 0px;
        margin: 0;
        position: relative; } }
    @media screen and (min-width: 1024px) {
      .why-uhm-section .why-uhm-content {
        top: 0px;
        height: 800px;
        width: 50%; } }
    .why-uhm-section .why-uhm-content .y-centered {
      max-width: 400px;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .why-uhm-section .why-uhm-content .y-centered {
          top: 50%;
          bottom: auto;
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          padding: 25px;
          max-width: none;
          margin: 0; } }
      @media screen and (min-width: 1024px) {
        .why-uhm-section .why-uhm-content .y-centered {
          padding: 50px; } }
      @media screen and (max-width: 768px) {
        .why-uhm-section .why-uhm-content .y-centered h1 {
          font-size: 25px;
          line-height: 30px; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .why-uhm-section .why-uhm-content .y-centered h1 {
          font-size: 30px;
          line-height: 35px; } }
      @media screen and (max-width: 768px) {
        .why-uhm-section .why-uhm-content .y-centered h2 {
          font-size: 16px;
          line-height: 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .why-uhm-section .why-uhm-content .y-centered h2 {
          font-size: 20px;
          line-height: 25px; } }
  @media screen and (min-width: 768px) {
    .why-uhm-section:nth-of-type(even) {
      background-position: center right; } }
  .why-uhm-section:nth-of-type(even) .why-uhm-content {
    float: left; }
    .why-uhm-section:nth-of-type(even) .why-uhm-content:nth-last-of-type(even) {
      background: none; }
  @media screen and (min-width: 768px) {
    .why-uhm-section:nth-of-type(odd) {
      background-position: center left; } }
  .why-uhm-section:nth-of-type(odd) .why-uhm-content {
    float: right; }
  .why-uhm-section:nth-last-child(2) {
    /* Second to last section */
    background-size: 400px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0px;
    height: 800px; }
    @media screen and (min-width: 768px) {
      .why-uhm-section:nth-last-child(2) {
        background-position: right center;
        background-size: 50%; } }
    .why-uhm-section:nth-last-child(2) .why-uhm-content {
      top: 350px;
      background: none; }
      @media screen and (min-width: 768px) {
        .why-uhm-section:nth-last-child(2) .why-uhm-content {
          top: 0px;
          width: 50%;
          float: left;
          height: 600px;
          background: transparent; } }
  .why-uhm-section svg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 50px;
    width: calc(240% + 1.3px);
    height: 69px; }
    @media screen and (min-width: 768px) {
      .why-uhm-section svg {
        width: calc(225% + 1.3px);
        height: 135px;
        transform: translateX(-36%) rotateY(180deg);
        left: 50%; } }
    @media screen and (min-width: 1024px) {
      .why-uhm-section svg {
        width: calc(300% + 1.3px);
        height: 300px;
        transform: translateX(-50%) rotateY(180deg); } }
    .why-uhm-section svg .purple-shape-fill {
      fill: #3d1951; }
  .why-uhm-section:nth-last-child(1) {
    /* Last section */
    background-color: #3d1951;
    background-attachment: scroll;
    background-size: cover;
    background-position: top right;
    height: 700px; }
    @media screen and (min-width: 768px) {
      .why-uhm-section:nth-last-child(1) {
        min-height: 1000px;
        height: 100vh; } }
    .why-uhm-section:nth-last-child(1) .why-uhm-content {
      float: none;
      top: 0px;
      width: 100%;
      text-align: center;
      background-color: transparent; }
      @media screen and (min-width: 768px) {
        .why-uhm-section:nth-last-child(1) .why-uhm-content {
          height: 400px; } }
      @media screen and (min-width: 1024px) {
        .why-uhm-section:nth-last-child(1) .why-uhm-content {
          max-width: 800px;
          position: relative;
          margin: 0 auto;
          top: 0px;
          height: 400px; } }
      @media screen and (min-width: 1200px) {
        .why-uhm-section:nth-last-child(1) .why-uhm-content {
          top: 0px; } }
      .why-uhm-section:nth-last-child(1) .why-uhm-content h1, .why-uhm-section:nth-last-child(1) .why-uhm-content h2, .why-uhm-section:nth-last-child(1) .why-uhm-content h3, .why-uhm-section:nth-last-child(1) .why-uhm-content h4, .why-uhm-section:nth-last-child(1) .why-uhm-content h5, .why-uhm-section:nth-last-child(1) .why-uhm-content h6, .why-uhm-section:nth-last-child(1) .why-uhm-content p {
        color: white; }

.negative-margin {
  margin-top: -700px;
  background: none; }

@media screen and (max-width: 768px) {
  .small-mobile-headings h1 {
    font-size: 20px;
    line-height: 25px; } }

@media screen and (max-width: 768px) {
  .small-mobile-headings h2 {
    font-size: 16px;
    line-height: 20px; } }

.branch-card {
  max-width: none;
  width: 100%;
  box-shadow: none;
  border: 0px;
  cursor: default;
  text-align: center;
  background-color: transparent; }
  .branch-card:hover, .branch-card:active {
    box-shadow: none;
    border: 0px;
    cursor: default; }
  .branch-card h2 {
    text-transform: none;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    padding: 0; }
  .branch-card h3 {
    padding: 0;
    margin: 0; }
  @media screen and (min-width: 768px) {
    .branch-card {
      margin-top: 70px;
      text-align: left;
      width: 65%;
      box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
      background-color: white; } }
  @media screen and (min-width: 1024px) {
    .branch-card {
      width: 60%; } }
  .branch-card .branch-details {
    max-height: 280px;
    overflow-y: scroll; }

.padding-top-100 {
  padding-top: 100px; }

.card.branch-tile {
  margin: 10px;
  width: 100%;
  max-width: 300px;
  height: 250px; }
  .card.branch-tile h2 {
    text-transform: none;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    padding: 0;
    color: #3d1951; }
  .card.branch-tile p {
    padding: 0; }

.hero.branch-page {
  z-index: 3;
  height: 100%;
  min-height: 0px; }
  @media screen and (min-width: 768px) {
    .hero.branch-page {
      height: 650px;
      background: linear-gradient(white, rgba(255, 255, 255, 0)); } }
  .hero.branch-page .wrap {
    margin-top: 0px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .hero.branch-page .wrap {
        margin-top: 50px; } }
  .hero.branch-page svg {
    visibility: hidden; }
    @media screen and (min-width: 768px) {
      .hero.branch-page svg {
        visibility: visible;
        position: absolute;
        bottom: 0px;
        height: 69px;
        width: calc(225% + 1.3px);
        height: 135px;
        transform: translateX(-36%) rotateY(180deg);
        left: 50%; } }
    @media screen and (min-width: 1024px) {
      .hero.branch-page svg {
        width: calc(300% + 1.3px);
        height: 150px;
        transform: translateX(-50%) rotateY(180deg); } }
    .hero.branch-page svg .white-shape-fill {
      fill: white; }

#branch-map {
  height: 400px;
  padding-top: 100px;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #f7f7f7; }
  @media screen and (min-width: 768px) {
    #branch-map {
      visibility: visible;
      position: absolute;
      height: 650px;
      padding-top: 0px; } }
  #branch-map .branch-info {
    padding: 3px;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 20px; }
    #branch-map .branch-info b {
      color: #3d1951; }

.mapheight {
  height: 300px; }
  @media screen and (min-width: 768px) {
    .mapheight {
      height: 650px; } }

.info-icon {
  border-color: #2e8337 !important;
  color: #2e8337 !important; }

.intern-video {
  padding: 25px 0px; }
  .intern-video .video-player img {
    max-height: 500px;
    width: auto; }

#top.NewHeader .nav-fs {
  font-size: .875rem;
  letter-spacing: 0;
  text-align: left;
  letter-spacing: 0px;
  color: #3D1951;
  text-transform: uppercase;
  opacity: 1; }

#top.NewHeader .nav-menu-mobile .clicky-menu button:active, #top.NewHeader .nav-menu-mobile .clicky-menu button:focus, #top.NewHeader .nav-menu-mobile .clicky-menu button:hover {
  background: transparent;
  padding: 10px;
  color: #3D1951;
  border: none; }

@media screen and (max-width: 1100px) {
  #top.NewHeader .nav-links-holder .nav-menuUl {
    display: none; }
  #top.NewHeader .myAccountDesk {
    display: none; }
  #top.NewHeader .logo-uhm-holder {
    height: 40px; }
  #top.NewHeader #multiStepLoanPurposeChoice {
    display: block !important; }
  #top.NewHeader .nav-menu-mobile {
    padding: 0;
    background: #3D1951cc; }
  #top.NewHeader .nav-menu-mobile ul li {
    display: block;
    /*float: left;*/
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    padding: 0px;
    text-transform: uppercase;
    border-top: 1px solid #3e1b53;
    background: #ffffff; }
  #top.NewHeader .dd-a {
    padding: 0px; }
  #top.NewHeader .nav-links-holder .my-account-mobile {
    font-style: normal;
    font-weight: bold;
    line-height: 25px;
    display: inline-block; } }

#top.NewHeader .nav-account {
  padding: 9px 15px;
  background: #ffffff;
  border: 1px solid #3c1951;
  border-radius: 100px;
  opacity: 1;
  font-size: .75rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0px;
  color: #3c1951;
  text-transform: uppercase;
  height: 40px;
  margin-left: 0;
  text-decoration: none; }

#top.NewHeader .nav-menuUl {
  display: inline-flex;
  margin: 0;
  margin-top: 0;
  padding: 15px 0px;
  list-style: none;
  text-align: left;
  align-items: center; }

#top.NewHeader .nav-menuUl li::after {
  display: none; }

#top.NewHeader .nav-menuUl li {
  padding: 0;
  margin: 0; }

#top.NewHeader .subMenu-container::before,
#top.NewHeader .subMenu-container::after {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border: solid white;
  pointer-events: none;
  content: "";
  border-color: #3d1951;
  z-index: 999999;
  top: -4px;
  background: #3d1951;
  transform: rotate(45deg);
  left: 46%;
  z-index: 1; }

#top.NewHeader a:before {
  z-index: 0;
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  top: 0;
  left: 0;
  transform: scaleX(0);
  -webkit-transform: scaleX(0); }

#top.NewHeader a span {
  display: block;
  position: relative;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; }

#top.NewHeader header .wrap.header-wrap {
  position: relative;
  height: 72px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

@media screen and (max-width: 1100px) {
  #top.NewHeader .mobileMenu:not(#top.NewHeader) li a, #top.NewHeader .mobileMenu:not(#top.NewHeader) li button {
    background: transparent;
    padding: 10px;
    color: #3D1951;
    border: none; }
  #top.NewHeader .mobileMenu:not(#top.NewHeader) li .subMenu-container li {
    background: #3D1951; }
  #top.NewHeader .mobileMenu:not(#top.NewHeader) li .subMenu-container li a {
    color: #ffffff !important; }
  #top.NewHeader header .wrap.header-wrap {
    height: 60px;
    padding: 16px 16px; }
  #top.NewHeader .subMenu-container::before, #top.NewHeader .subMenu-container::after {
    position: unset;
    display: none; }
  #top.NewHeader .top-header {
    display: none; }
  #top.NewHeader header .logo-uhm-holder {
    text-align: left; }
  #top.NewHeader #navIconPurple {
    width: 34px;
    height: 21px;
    margin: 0; }
  #top.NewHeader #navIconPurple span:nth-child(1) {
    top: 0px; }
  #top.NewHeader #navIconPurple span:nth-child(2), #top.NewHeader #navIconPurple span:nth-child(3) {
    top: 8px; }
  #top.NewHeader #navIconPurple span:nth-child(4) {
    top: 16px; }
  #top.NewHeader #navIconPurple span {
    height: 4px; }
  #top.NewHeader header .mobile-menu {
    right: 0;
    margin: 0; }
  #top.NewHeader .nav-account {
    padding: 7px 15px; } }

@media screen and (min-width: 1100px) {
  #top.NewHeader .mobile-menu {
    display: none; } }

@media screen and (min-width: 350px) {
  #top.NewHeader .nav-links-holder {
    float: right;
    right: 0px;
    display: flex;
    margin: 0;
    align-items: center; }
  #top.NewHeader header .logo-uhm-holder {
    float: left;
    width: 132px;
    opacity: 1;
    margin: 0; } }

@media screen and (max-width: 640px) {
  #top.NewHeader {
    /*.nav-account {
            margin-top: -4px !important;
            margin-right: 64px !important;
        }*/ }
    #top.NewHeader #site-navigation button {
      position: relative;
      right: 8px; } }

#top.NewHeader img.logo-uhm {
  height: 40px;
  opacity: 1;
  width: auto; }

#top.NewHeader .chevronDown {
  position: relative;
  top: 2px; }

#top.NewHeader svg[hidden] {
  display: none;
  position: absolute; }

#top.NewHeader .site-navigation {
  width: 86%;
  max-width: 782px;
  margin: 100px auto;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

#top.NewHeader .clicky-menu {
  justify-content: stretch;
  margin: 0;
  padding: 0;
  list-style: none; }

@media (min-width: 1100px) {
  #top.NewHeader .clicky-menu {
    display: flex; } }

#top.NewHeader .clicky-menu a,
#top.NewHeader .clicky-menu button {
  margin: 1px;
  padding: 0;
  background: transparent;
  color: #3d1951;
  font-weight: bold;
  text-decoration: none;
  font-family: inherit;
  border-radius: 3px;
  border: none; }

#top.NewHeader .clicky-menu > li {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap; }

#top.NewHeader .clicky-menu > li > a,
#top.NewHeader .clicky-menu > li > button {
  padding: 0 .75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  border: 0 !important;
  line-height: 2;
  cursor: pointer;
  font-size: .875rem;
  text-align: left;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
  font-weight: normal; }

#top.NewHeader .clicky-menu svg {
  width: 1em;
  height: 1em;
  margin-left: .5em;
  position: relative;
  top: 2px; }

#top.NewHeader .clicky-menu [aria-expanded="true"] svg {
  transform: scaleY(-1); }

#top.NewHeader .clicky-menu ul {
  min-width: 100%;
  list-style: none; }

#top.NewHeader .clicky-menu ul[aria-hidden="false"] {
  position: static;
  width: 100%;
  flex: 0 0 auto; }

@media (min-width: 1100px) {
  #top.NewHeader .clicky-menu ul[aria-hidden="false"] {
    position: absolute;
    margin-top: 20px;
    width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 16px); } }

#top.NewHeader .clicky-menu ul a {
  display: block;
  padding-top: .375em;
  padding-bottom: .375em; }

@media (min-width: 540px) {
  #top.NewHeader .clicky-menu ul a {
    padding: 1em;
    white-space: nowrap; } }

#top.NewHeader .clicky-menu ul {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden; }

#top.NewHeader .clicky-menu ul[aria-hidden="false"] {
  visibility: visible;
  display: grid;
  background: #3D1951;
  padding: 10px;
  border-radius: 0;
  border: none; }

#top.NewHeader .clicky-menu ul[aria-hidden="false"] li a {
  color: #ffffff; }

#top.NewHeader .clicky-menu .sub-menu--right {
  left: auto;
  right: 0; }

#top.NewHeader #site-navigation button {
  padding: 0 .75rem;
  line-height: 22px; }

#top.NewHeader #site-navigation button:active {
  padding: 0 .75rem;
  letter-spacing: 0px;
  border: none;
  line-height: 24px;
  background: transparent;
  color: #3D1951; }

#top.NewHeader #multiStepLoanPurposeChoice {
  display: flex; }
  #top.NewHeader #multiStepLoanPurposeChoice button {
    font-weight: 100 !important;
    border: none !important; }
  #top.NewHeader #multiStepLoanPurposeChoice .underLine:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -20px !important;
    box-shadow: 0 0.25rem #3d1951; }
  #top.NewHeader #multiStepLoanPurposeChoice button:active {
    line-height: 23px !important; }

#top.NewHeader #site-navigation button:hover, #top.NewHeader #site-navigation button:focus {
  background: transparent;
  border: none; }

#top.NewHeader .subMenu-container {
  background: #3D1951;
  border-radius: 0px 0px 4px 4px;
  opacity: 1; }

#top.NewHeader .subMenu-container li a {
  text-decoration: none;
  display: block;
  position: relative;
  text-decoration: none;
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  font-size: .875rem;
  letter-spacing: 0;
  text-align: left;
  letter-spacing: 0px;
  opacity: 1;
  text-transform: capitalize;
  font-weight: normal; }

#top.NewHeader .mobile-nav {
  justify-content: space-between;
  display: flex;
  width: 100%; }

#top.NewHeader span.upperTxt {
  position: relative;
  top: -3px; }

#top.NewHeader a.upAnchor {
  display: -webkit-inline-box !important; }

#top.NewHeader i.phoneIcon {
  position: absolute;
  right: 12px;
  top: 15px; }

#top.NewHeader .underLine:hover:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -20px;
  box-shadow: 0 0.25rem #3d1951; }

#top.NewHeader .hoverBTN:hover:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -20px;
  box-shadow: 0 0.25rem #3d1951;
  left: 0; }

#top.NewHeader .underLine a {
  z-index: 999999;
  text-decoration: none;
  position: relative; }

#top.NewHeader .subMenu-container li:hover {
  background: #ffffff;
  border-radius: 4px;
  z-index: 99999; }

#top.NewHeader .subMenu-container li:hover a {
  color: #3e1b53 !important; }

.number-text {
  position: absolute;
  z-index: 99999;
  right: 11.7%;
  display: flex;
  gap: 5px; }

li.underLine:nth-child(3):hover:before {
  bottom: -17px !important; }

@media (min-width: 320px) and (max-width: 1100px) {
  .number-text {
    position: absolute;
    right: 203px; }
  .NewHeader .nav-account {
    position: absolute;
    width: 125px;
    top: 10px !important;
    right: 50px !important; }
  #top.NewHeader #site-navigation button {
    position: absolute;
    right: 0;
    top: 8px; }
  .NewHeader .nav-links-holder {
    position: unset !important; }
  .mobile-menu {
    position: absolute !important;
    top: 16px !important; }
  #navIconPurple {
    margin: 0 !important; } }

@media (min-width: 1100px) and (max-width: 1200px) {
  .NewHeader .number-text span {
    display: none !important; }
  .NewHeader .number-text i {
    margin-right: 35px;
    font-size: 18px; } }

@media (max-width: 519px) {
  .NewHeader .number-text span {
    display: none !important; }
  .number-text {
    right: 154px !important; }
  .NewHeader .number-text i {
    margin-right: 35px;
    font-size: 18px; }
  #top.NewHeader img.logo-uhm {
    height: 34px; } }

.promiseKeptContainer .welcome_container .promiseKeptDiv {
  display: block !important; }

.promiseKeptContainer .truted_text {
  display: block !important; }

.promiseKeptContainer .secondContainer .getStarted {
  bottom: 0 !important; }
  .promiseKeptContainer .secondContainer .getStarted button {
    background: #4ea5d9 !important; }

.promiseKeptContainer .secondImageSections:after, .promiseKeptContainer .secondImageSections:before {
  display: block !important; }

@media (min-width: 1024px) {
  .bypNewTemplate, .promiseKeptContainer {
    padding: 0 150px; }
    .bypNewTemplate .title_text_page, .promiseKeptContainer .title_text_page {
      width: 82%; }
    .bypNewTemplate .container_card_section, .promiseKeptContainer .container_card_section {
      display: block; }
      .bypNewTemplate .container_card_section .cardSection .col, .promiseKeptContainer .container_card_section .cardSection .col {
        width: 33.33%;
        margin-right: 0; }
        .bypNewTemplate .container_card_section .cardSection .col .card, .promiseKeptContainer .container_card_section .cardSection .col .card {
          min-width: calc(100% - 20px) !important;
          max-width: calc(100% - 20px) !important; }
    .bypNewTemplate .secondContainer, .promiseKeptContainer .secondContainer {
      padding: 0; } }

.findLink {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center; }
  .findLink span.yellow {
    position: unset !important; }

.selectedLoBox {
  margin-bottom: 10px; }
  .selectedLoBox a {
    font-size: 16px !important;
    margin: 0 !important; }
  .selectedLoBox .pipe {
    margin: 0 10px;
    color: #ffffff;
    display: none; }
  .selectedLoBox .email-lo {
    text-decoration: underline; }

@media (max-width: 477px) {
  .selectedLoBox a {
    display: block !important;
    min-width: 100%; }
  .selectedLoBox .pipe {
    display: none; } }

@media (min-width: 850px) and (max-width: 1300px) {
  .bypNewTemplate, .promiseKeptContainer {
    padding: 0 80px; } }

@media (min-width: 1024px) and (max-width: 1200px) {
  .bypNewTemplate, .promiseKeptContainer {
    padding: 0 80px; }
    .bypNewTemplate .secondContainer, .promiseKeptContainer .secondContainer {
      flex-direction: unset !important; }
    .bypNewTemplate .secondContainer .secondImageSections, .promiseKeptContainer .secondContainer .secondImageSections {
      width: 300px;
      height: 400px; }
    .bypNewTemplate .cardSection .card, .promiseKeptContainer .cardSection .card {
      margin: 0 !important; } }

@media (min-width: 801px) and (max-width: 1064px) {
  .promiseKeptContainer section.firstSection {
    min-height: auto !important; }
  .promiseKeptContainer .secondContainer .rightcontent {
    padding-left: 8% !important; } }

@media (min-width: 800px) and (max-width: 1023px) {
  .bypNewTemplate, .promiseKeptContainer {
    padding: 0 42px; }
    .bypNewTemplate .cardSection .card .header span, .promiseKeptContainer .cardSection .card .header span {
      font-size: 15px !important; }
    .bypNewTemplate .cardSection .card button, .promiseKeptContainer .cardSection .card button {
      font-size: 12px !important; }
    .bypNewTemplate .cardSection .card, .promiseKeptContainer .cardSection .card {
      max-width: 100% !important;
      min-width: 100% !important; }
    .bypNewTemplate .cardSection .col, .promiseKeptContainer .cardSection .col {
      wisth: 33.33%; }
    .bypNewTemplate .promiseKeptDiv .rightSide img, .promiseKeptContainer .promiseKeptDiv .rightSide img {
      width: 390px !important;
      height: auto !important; }
    .bypNewTemplate .firstSection, .promiseKeptContainer .firstSection {
      min-height: 540px !important;
      padding: 0 !important; }
    .bypNewTemplate .secondContainer, .promiseKeptContainer .secondContainer {
      flex-direction: unset !important; }
    .bypNewTemplate .secondContainer .secondImageSections, .promiseKeptContainer .secondContainer .secondImageSections {
      width: 270px !important;
      height: 350px !important; }
    .bypNewTemplate .promiseKeptDiv .leftSide h1, .promiseKeptContainer .promiseKeptDiv .leftSide h1 {
      font-size: 34px !important;
      line-height: 37px !important; }
    .bypNewTemplate .container_card_section, .promiseKeptContainer .container_card_section {
      display: block; }
      .bypNewTemplate .container_card_section .row, .promiseKeptContainer .container_card_section .row {
        display: flex;
        gap: 15px;
        margin: 0px; } }

.bypNewTemplate .secondContainer .truted_text, .promiseKeptContainer .secondContainer .truted_text {
  margin: 0px;
  display: none; }

.bypNewTemplate .secondContainer .col:first-child, .promiseKeptContainer .secondContainer .col:first-child {
  padding: 0; }

.bypNewTemplate .secondContainer .secondImageSections, .promiseKeptContainer .secondContainer .secondImageSections {
  width: 330px;
  border-radius: 15px;
  height: 450px;
  position: relative; }

.bypNewTemplate .secondContainer .rightcontent .des_text_page, .promiseKeptContainer .secondContainer .rightcontent .des_text_page {
  font-size: 14px !important; }

.bypNewTemplate .secondContainer .rightcontent .row, .promiseKeptContainer .secondContainer .rightcontent .row {
  margin-top: 0;
  align-items: unset;
  justify-content: center; }
  .bypNewTemplate .secondContainer .rightcontent .row .col, .promiseKeptContainer .secondContainer .rightcontent .row .col {
    margin-top: 0; }

.bypNewTemplate .secondContainer .rightcontent .content, .promiseKeptContainer .secondContainer .rightcontent .content {
  padding: 0;
  margin-top: 0; }

.bypNewTemplate .secondContainer .getStarted, .promiseKeptContainer .secondContainer .getStarted {
  margin-top: 60px;
  bottom: unset; }

.bypNewTemplate .secondContainer .getStarted button, .promiseKeptContainer .secondContainer .getStarted button {
  background: #3eb049; }

.bypNewTemplate .secondImageSections:after, .bypNewTemplate .secondImageSections:before, .promiseKeptContainer .secondImageSections:after, .promiseKeptContainer .secondImageSections:before {
  display: none; }

.bypNewTemplate .promiseKeptDiv, .promiseKeptContainer .promiseKeptDiv {
  display: flex !important;
  padding: 0 !important; }
  .bypNewTemplate .promiseKeptDiv .leftSide, .promiseKeptContainer .promiseKeptDiv .leftSide {
    width: 45%; }
  .bypNewTemplate .promiseKeptDiv .leftSide h1, .promiseKeptContainer .promiseKeptDiv .leftSide h1 {
    font-size: 46px;
    text-align: left;
    font-weight: bold;
    line-height: 57px; }
  .bypNewTemplate .promiseKeptDiv .leftSide p, .promiseKeptContainer .promiseKeptDiv .leftSide p {
    margin: 12px 0;
    font-size: 21px;
    line-height: 25px;
    font-weight: 500;
    padding-right: 10px; }
    .bypNewTemplate .promiseKeptDiv .leftSide p br, .promiseKeptContainer .promiseKeptDiv .leftSide p br {
      display: block; }
  .bypNewTemplate .promiseKeptDiv .leftSide p::before, .promiseKeptContainer .promiseKeptDiv .leftSide p::before {
    content: "\A";
    white-space: pre; }
  .bypNewTemplate .promiseKeptDiv .rightSide, .promiseKeptContainer .promiseKeptDiv .rightSide {
    width: 65%; }
  .bypNewTemplate .promiseKeptDiv .rightSide img, .promiseKeptContainer .promiseKeptDiv .rightSide img {
    border-radius: 15px;
    width: 480px;
    height: auto;
    margin-left: auto;
    display: block; }

@media (min-width: 501px) and (max-width: 769px) {
  .UhmNextContainer .firstSection .promiseKeptDiv {
    padding: 0 !important; }
  .promiseKeptContainer .col.third.card_box {
    padding: 0; }
  .promiseKeptContainer div.promiseKeptDiv {
    padding: 0 50px !important; } }

@media (max-width: 800px) {
  .promiseKeptContainer .truted_text {
    width: 100%;
    padding: 0 !important; }
  .bypNewTemplate .promiseKeptDiv, .promiseKeptContainer .promiseKeptDiv {
    display: flex !important;
    padding: 0 10% !important;
    flex-direction: column;
    gap: 30px; }
    .bypNewTemplate .promiseKeptDiv .leftSide, .promiseKeptContainer .promiseKeptDiv .leftSide {
      width: 100%; }
    .bypNewTemplate .promiseKeptDiv .rightSide, .promiseKeptContainer .promiseKeptDiv .rightSide {
      width: 100%; }
      .bypNewTemplate .promiseKeptDiv .rightSide img, .promiseKeptContainer .promiseKeptDiv .rightSide img {
        margin-left: 0;
        width: 100%;
        height: auto !important; }
  .bypNewTemplate .secondContainer .rightcontent .content, .promiseKeptContainer .secondContainer .rightcontent .content {
    padding: 0 70px;
    margin-top: 50px; }
    .bypNewTemplate .secondContainer .rightcontent .content .row .col, .promiseKeptContainer .secondContainer .rightcontent .content .row .col {
      margin-bottom: 20px; }
  .bypNewTemplate .secondContainer .getStarted, .promiseKeptContainer .secondContainer .getStarted {
    margin-top: 60px;
    bottom: unset;
    position: unset; } }

@media (min-width: 501px) and (max-width: 768px) {
  .bypNewTemplate .secondContainer .rightcontent .content, .promiseKeptContainer .secondContainer .rightcontent .content {
    padding: 0 60px; }
  .bypNewTemplate .secondContainer .secondImageSections, .promiseKeptContainer .secondContainer .secondImageSections {
    width: 350px; } }

@media (max-width: 500px) {
  .promiseKeptContainer .promiseKeptDiv {
    padding: 0; }
  .bypNewTemplate, .promiseKeptContainer {
    padding: 0 30px; }
    .bypNewTemplate .firstSection, .promiseKeptContainer .firstSection {
      padding: 0px !important; }
    .bypNewTemplate .secondContainer .rightcontent, .promiseKeptContainer .secondContainer .rightcontent {
      margin-top: 0px; }
      .bypNewTemplate .secondContainer .rightcontent .content, .promiseKeptContainer .secondContainer .rightcontent .content {
        padding: 0px !important; }
    .bypNewTemplate .cardSection .card, .promiseKeptContainer .cardSection .card {
      max-width: 100%;
      min-width: 100% !important; }
    .bypNewTemplate .secondImageSections, .promiseKeptContainer .secondImageSections {
      width: 100% !important; }
    .bypNewTemplate .promiseKeptDiv, .promiseKeptContainer .promiseKeptDiv {
      padding: 0px !important; }
      .bypNewTemplate .promiseKeptDiv .leftSide h1, .promiseKeptContainer .promiseKeptDiv .leftSide h1 {
        font-size: 32px;
        line-height: 41px; }
  .uhmNextIcon {
    flex-direction: column;
    gap: 15px; } }

@media (min-width: 1200px) {
  .bypNewTemplate, .promiseKeptContainer {
    max-width: 1357px !important; }
  .usdaLanding .secondContainer.image > .col:first-child {
    width: 40% !important; }
  .usdaLanding .secondContainer.image .col.rightcontent {
    padding-left: 8% !important; }
  .usdaLanding .secondContainer.image .secondImageSections {
    width: 330px !important; }
  .usdaLanding .secondContainer .col.rightcontent {
    padding-left: 0 !important; }
    .usdaLanding .secondContainer .col.rightcontent .col.third {
      text-align: center; }
      .usdaLanding .secondContainer .col.rightcontent .col.third img {
        margin: auto !important; }
      .usdaLanding .secondContainer .col.rightcontent .col.third .title_text_page {
        width: 100%; }
  .usdaLanding .secondContainer > .col:first-child {
    width: 75%; }
    .usdaLanding .secondContainer > .col:first-child .secondImageSections .videoSectionhome {
      height: auto !important; } }

@media (max-width: 800px) {
  .usdaLanding div.getStarted button.startedButton {
    margin: auto !important; }
  .promiseKeptContainer .secondContainer .getStarted {
    position: unset !important; }
  .welcome_container div.secondContainer.version2 .col {
    width: 100% !important; }
  .welcome_container div.secondContainer.version2 .getStarted {
    position: relative !important;
    margin: 50px 0 !important; }
  .usdaLanding .secondContainer .rightcontent .col {
    text-align: center; }
    .usdaLanding .secondContainer .rightcontent .col img {
      margin: auto !important; }
  .usdaLanding .secondContainer.image .col div.secondImageSections {
    height: 450px !important; }
  .usdaLanding .secondContainer .secondImageSections {
    height: fit-content !important; }
    .usdaLanding .secondContainer .secondImageSections .videoSectionhome {
      height: auto !important; } }

#branch-locator-search .selectedLoBox .pipe {
  display: none !important; }

@media (max-width: 767px) {
  #branch-locator-search .selectedLoBox a {
    display: block !important;
    width: 100% !important; } }

.usdaLanding .welcome_container .promiseKeptDiv .mobileView {
  display: none !important; }

.usdaLanding .secondContainer.version2 {
  padding: 0 50px; }
  @media (max-width: 500px) {
    .usdaLanding .secondContainer.version2 {
      padding: 0; } }
  .usdaLanding .secondContainer.version2 .underneath_text {
    margin-top: 0; }
  .usdaLanding .secondContainer.version2 .col {
    width: 50%;
    position: relative; }
  .usdaLanding .secondContainer.version2 .secondImageSections {
    margin-left: auto;
    height: 360px;
    width: 370px; }
  .usdaLanding .secondContainer.version2 .getStarted {
    margin-top: 50px !important; }

.usdaLanding .welcome_content_text {
  text-align: center;
  font-size: 55px !important; }

.usdaLanding .green {
  background: transparent;
  color: #3eb049;
  font-size: 25px; }

.usdaLanding div.getStarted button.startedButton:active {
  display: block; }

.usdaLanding div.getStarted button.startedButton {
  background: #3eb049 !important;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 0; }

.usdaLanding div.getStarted {
  position: unset !important;
  margin-top: 0 !important;
  margin-bottom: 50px; }

.usdaLanding div.getStarted button.startedButton:active {
  font-size: inherit;
  font-weight: 600;
  font-size: 16px; }

.usdaLanding .firstSection {
  padding: 0;
  min-height: auto !important;
  margin-bottom: 40px !important; }

.UhmNextContainer .header_content {
  text-align: left; }

.UhmNextContainer .welcome_subHeading_text {
  color: #3d1951;
  font-weight: 500; }

.UhmNextContainer .promiseKeptDiv {
  margin-top: 0 !important; }
  @media (max-width: 800px) {
    .UhmNextContainer .promiseKeptDiv {
      flex-direction: column-reverse; }
      .UhmNextContainer .promiseKeptDiv .col {
        width: 100% !important; }
        .UhmNextContainer .promiseKeptDiv .col img {
          width: 300px;
          margin: auto;
          display: block; } }

.UhmNextContainer .col {
  margin: 0; }

.UhmNextContainer .col:first-child {
  width: 66%; }

.UhmNextContainer .col:last-child {
  width: 34%; }

.UhmNextContainer .UhmNextsecondContainer.version2 {
  margin-top: 30px;
  padding: 0; }
  .UhmNextContainer .UhmNextsecondContainer.version2 ul {
    padding-left: 50px;
    list-style: disc;
    font-weight: 500;
    color: #171717; }
    .UhmNextContainer .UhmNextsecondContainer.version2 ul li {
      font-weight: 500;
      padding-left: 0; }
      .UhmNextContainer .UhmNextsecondContainer.version2 ul li::after {
        display: none; }

.UhmNextContainer .download-options-div {
  margin-top: 50px; }
  .UhmNextContainer .download-options-div h4 {
    color: #3EB049; }
  @media (max-width: 500px) {
    .UhmNextContainer .download-options-div {
      text-align: center; } }

.UhmNextContainer .disclaimerText {
  margin-top: 50px; }
  .UhmNextContainer .disclaimerText p {
    font-size: 12px; }

.UhmNextContainer .uhmNextIcon {
  display: flex;
  align-items: center;
  gap: 25px; }
  .UhmNextContainer .uhmNextIcon a {
    width: 210px; }
  .UhmNextContainer .uhmNextIcon img {
    width: 180px; }

.UhmNextContainer .signUpOption {
  min-height: 200px;
  background: #F7F5F7;
  display: flex;
  align-items: center;
  padding: 50px 80px;
  justify-content: space-between; }
  .UhmNextContainer .signUpOption button {
    width: 200px;
    text-transform: capitalize;
    font-size: 18px;
    background-color: #3EB049;
    border: 1px solid #3EB049 !important; }
    .UhmNextContainer .signUpOption button:hover {
      background-color: #3d1951;
      border: 1px solid #3d1951 !important; }
  @media (max-width: 800px) {
    .UhmNextContainer .signUpOption {
      padding: 20px;
      flex-direction: column;
      gap: 29px; } }

.UhmNextContainer .signUpText h2 {
  color: #3d1951;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 20px; }

@media (min-width: 500px) and (max-width: 801px) {
  .UhmNextContainer .firstSection .promiseKeptDiv {
    padding: 0 !important; } }

@media (max-width: 1064px) {
  .usdaLanding .welcome_content_text {
    font-size: 36px !important;
    text-align: left;
    line-height: 1; } }

@media (max-width: 1064px) and (min-width: 530px) {
  .usdaLanding .welcome_content_text {
    text-align: center !important; } }

@media (max-width: 530px) {
  .welcome_content_text br {
    display: none; } }

@media (max-width: 1200px) and (min-width: 1070px) {
  div div.newHomePage section.secondContainer {
    flex-direction: row !important;
    margin: auto !important; } }

@media (max-width: 1200px) and (min-width: 768px) {
  .usdaLanding .secondContainer.version2 {
    padding: 0;
    margin-top: 30px; }
  div div.newHomePage section.secondContainer {
    margin: 0;
    margin-top: 20px; }
    div div.newHomePage section.secondContainer .secondImageSections {
      margin: auto;
      /* width: 50% !important; */
      height: auto !important;
      margin-bottom: 0;
      box-shadow: none !important; }
      div div.newHomePage section.secondContainer .secondImageSections .videoSectionhome {
        height: auto; }
    div div.newHomePage section.secondContainer .rightcontent {
      padding-left: 0 !important; }
      div div.newHomePage section.secondContainer .rightcontent .getStarted {
        position: relative; }
      div div.newHomePage section.secondContainer .rightcontent .row .col {
        text-align: center; }
        div div.newHomePage section.secondContainer .rightcontent .row .col div.header img.adv_icon {
          margin: auto !important; }
        div div.newHomePage section.secondContainer .rightcontent .row .col .title_text_page {
          width: 100%; } }

.readmoreheading3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 100;
  text-transform: uppercase;
  font-weight: bold;
  color: #2e8337; }

.hide-link {
  position: absolute;
  left: -9999px;
  top: -9999px; }

@media (max-width: 667px) {
  .show-sm {
    position: static;
    left: auto;
    top: auto; } }

@media (max-width: 767px) {
  .show-lg {
    position: static;
    left: auto;
    top: auto; } }

.pragraphlabelcontrol {
  text-align: center !important;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1;
  color: #000000;
  font-size: 18px;
  width: auto; }

.contactInfoHeader {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2e8337; }

.calculatorHeaders {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #2e8337; }

@media (max-width: 1070px) {
  div.newHomePage section.secondContainer {
    min-width: 100%;
    padding: 28px;
    display: block;
    text-align: center; }
    div.newHomePage section.secondContainer .content.desktopCssText {
      text-align: center; }
    div.newHomePage section.secondContainer .col.half:last-child {
      width: 100%; }
    div.newHomePage section.secondContainer .col.half:first-child {
      min-width: 400px;
      width: 400px;
      margin: auto;
      display: block;
      float: unset; }
      div.newHomePage section.secondContainer .col.half:first-child .secondvideoSectionhome {
        min-height: auto; }
  div div.newHomePage section.secondContainer .secondImageSections {
    width: 100% !important;
    box-shadow: none;
    min-height: auto;
    margin: 0;
    height: auto; } }

@media (min-width: 1070px) and (max-width: 1200px) {
  .newHomePageContainer .cardSection a.col {
    width: 316px; } }

@media (max-width: 450px) {
  .col.half:first-child {
    min-width: 100% !important; }
  div.newHomePage section.secondContainer {
    padding: 22px;
    margin-top: 6px !important; }
  .newHomePageContainer .secondImageSections {
    width: 100% !important;
    margin: 0;
    min-height: auto !important;
    box-shadow: none;
    height: auto; } }

.uhmHelocPageContainer {
  padding-top: 45px !important; }
  .uhmHelocPageContainer p {
    color: #68646c !important; }

.descriptions-text p {
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px; }

.uhmHelocPageContainer .upper-section {
  display: flex;
  gap: 40px; }

.uhmHelocPageContainer .upper-section .header_content {
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 65px; }

.uhmHelocPageContainer .upper-section .welcome_subHeading_text {
  color: #3c1951;
  font-weight: 500;
  margin-bottom: 0; }
  @media (min-width: 1001px) {
    .uhmHelocPageContainer .upper-section .welcome_subHeading_text {
      width: 415px; } }

.uhmHelocPageContainer .upper-section p {
  margin: 0;
  font-weight: 500;
  line-height: 23px; }
  @media (min-width: 1001px) {
    .uhmHelocPageContainer .upper-section p {
      width: 512px; } }

.uhmHelocPageContainer .upper-section .green-hyphen {
  display: block;
  height: 5px;
  background-color: #3EB049;
  width: 43px;
  margin: 30px 0; }

.uhmHelocPageContainer .upper-section .image-section {
  width: 60%;
  padding-left: 100px; }

.uhmHelocPageContainer .upper-section .image-section img {
  width: 310px;
  position: relative;
  top: -20px; }

.uhmHelocPageContainer .purpose-list {
  display: flex;
  gap: 60px;
  margin-bottom: 2rem; }

.uhmHelocPageContainer .purpose-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.uhmHelocPageContainer .purpose-item a img {
  width: 88px;
  height: 104px; }

.uhmHelocPageContainer .purpose-item a p {
  font-weight: 600;
  margin-top: 10px; }
  .uhmHelocPageContainer .purpose-item a p sup {
    line-height: 0; }

.uhmHelocPageContainer .btnSignUp {
  margin: 45px 0 25px; }
  .uhmHelocPageContainer .btnSignUp a {
    border-radius: 15px;
    padding: 12px 30px;
    background: #3eaf49;
    border: none !important;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 25px; }

.uhmHelocPageContainerFooterNote {
  width: 100%;
  margin: auto; }
  .uhmHelocPageContainerFooterNote p {
    font-size: 12px;
    line-height: 1.5;
    padding: 0px 0px;
    margin: 20px 0 !important;
    color: #3d1951;
    text-align: left; }

@media (max-width: 1000px) {
  .uhmHelocPageContainer {
    margin: auto;
    width: 100%;
    padding: 0 40px; }
  .uhmHelocPageContainer .upper-section {
    gap: 20px;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center; }
  .uhmHelocPageContainer .upper-section .welcome_subHeading_text {
    padding: 0; }
  .uhmHelocPageContainer .upper-section .green-hyphen {
    margin: 30px auto; }
  .uhmHelocPageContainer .purpose-list {
    justify-content: center;
    margin-top: 30px; }
  .uhmHelocPageContainer .disclaimerText {
    text-align: center; }
  .uhmHelocPageContainer .cta-section {
    display: block;
    text-align: center;
    margin-top: 30px; }
  .uhmHelocPageContainer .upper-section .image-section {
    width: 100%;
    padding: 0;
    text-align: center; }
  .purpose-text {
    text-align: center; } }

@media (max-width: 620px) {
  .uhmHelocPageContainer .purpose-list {
    flex-direction: column;
    gap: 10px; }
  .header_number_mb {
    display: none; }
  .landing-contact-section {
    gap: 0 !important; }
  .uhmHelocPageContainer .upper-section .header_content {
    font-size: 40px !important; } }

@media (min-width: 1300px) {
  .uhmHelocPageContainer {
    margin: auto;
    max-width: 1357px;
    padding: 0 160px; } }

.purpose-text {
  margin: 24px 0px; }

.landing-login {
  padding: 10px 15px;
  background: #3c1951;
  border-radius: 100px;
  font-size: 16px;
  color: #ffffff !important;
  height: 40px;
  width: 100px;
  text-align: center; }

.landing-contact-section {
  display: flex;
  align-items: center;
  gap: 15px; }

.lo-search a:link,
.lo-search a:visited {
  color: white;
  border-bottom: 1px solid #fff; }

.lo-search-wrap {
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .lo-search-wrap {
      width: 965px;
      margin: 0 auto; } }

.toggle {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .toggle {
      visibility: hidden;
      height: 0; } }
  .toggle .toggle-label {
    font-size: 16px;
    line-height: 20px;
    color: #2e8337;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block; }
  .toggle .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    margin: 5px; }
  .toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .toggle .slider {
    position: relative;
    cursor: pointer;
    width: 46px;
    height: 20px;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2e8337;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px; }
  .toggle .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    right: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%; }
  .toggle input:checked + .slider {
    background-color: #2e8337; }
  .toggle input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  .toggle input:checked + .slider:before {
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    transform: translateX(-26px); }

.selected-loan-officer {
  background-color: #3d1951;
  padding: 10px; }
  .selected-loan-officer .white.lo {
    margin: 0 auto;
    padding: 0; }
  .selected-loan-officer a:link,
  .selected-loan-officer a:visited {
    color: white;
    border-bottom: 1px solid #fff; }
  .selected-loan-officer .call-lo {
    font-size: 15px;
    line-height: 20px;
    width: 50%;
    display: inline-block;
    border: 0 !important; }
    .selected-loan-officer .call-lo:before {
      content: '\F098';
      font-family: FontAwesome;
      font-size: 30px;
      line-height: 32px;
      display: block; }
  .selected-loan-officer .email-lo {
    font-size: 15px;
    line-height: 20px;
    width: 50%;
    display: inline-block;
    border: 0 !important; }
    .selected-loan-officer .email-lo:before {
      content: '\F0E0';
      font-family: FontAwesome;
      font-size: 30px;
      line-height: 32px;
      display: block; }
  .selected-loan-officer .remove-lo {
    font-size: 25px;
    line-height: 32px;
    position: absolute;
    top: 10px;
    right: 20px;
    color: white;
    font-weight: bold; }
    .selected-loan-officer .remove-lo:hover, .selected-loan-officer .remove-lo:active {
      cursor: pointer; }
    @media screen and (min-width: 768px) {
      .selected-loan-officer .remove-lo {
        top: 10px;
        right: 20px; } }
    @media screen and (min-width: 1024px) {
      .selected-loan-officer .remove-lo {
        top: 10px;
        right: 50px; } }

p.small {
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  margin: 5px auto;
  max-width: 500px; }

.lo-details h2 {
  font-size: 18px;
  line-height: 22px; }
  .lo-details h2.section-header {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #3d1951; }
  .lo-details h2 a {
    color: #2e8337; }
    .lo-details h2 a:hover, .lo-details h2 a:active {
      color: #3d1951; }

#state-license-trigger {
  border: 0px solid #ffffff !important;
  padding: 0;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 15px;
  margin: 0 !important; }
  @media screen and (min-width: 768px) {
    #state-license-trigger {
      text-align: left; } }
  #state-license-trigger:hover, #state-license-trigger:active, #state-license-trigger:focus {
    background-color: white !important; }

#state-license-list {
  padding: 0px;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  height: 0;
  max-height: 0;
  opacity: 0;
  display: block !important; }
  @media screen and (min-width: 768px) {
    #state-license-list {
      text-align: left; } }
  #state-license-list.show {
    height: 100%;
    max-height: 300px;
    opacity: 1;
    display: block !important; }
  #state-license-list p {
    padding: 0px;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 0px !important;
    margin: 0px 0px !important; }

.social-img {
  width: 28px;
  height: 28px;
  display: inline-block; }
  .social-img img {
    width: 100%;
    height: 100%; }
    .social-img img:hover, .social-img img:active {
      opacity: .8; }

button.button.small.search {
  padding: 13px;
  font-size: 20px;
  line-height: 32px;
  width: auto !important;
  margin: 0px 10px !important; }
  @media screen and (min-width: 768px) {
    button.button.small.search {
      margin: 10px 7px !important;
      float: left; } }
  button.button.small.search:disabled, button.button.small.search:hover:disabled {
    background-color: #666;
    cursor: not-allowed;
    border: 1px solid #666 !important; }
    button.button.small.search:disabled:after, button.button.small.search:hover:disabled:after {
      content: "";
      padding: 0px;
      display: none; }

.lo-search, .lo-search-prequal {
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  text-align: center;
  padding: 0; }
  .lo-search .fa-map-marker, .lo-search-prequal .fa-map-marker {
    display: none; }
    @media screen and (min-width: 768px) {
      .lo-search .fa-map-marker, .lo-search-prequal .fa-map-marker {
        display: inline;
        font-size: 30px;
        line-height: 35px;
        position: relative;
        margin-right: 10px;
        top: 2px; } }
  .lo-search h3, .lo-search-prequal h3 {
    font-size: 30px;
    line-height: 35px;
    margin: 0px 10px;
    text-align: center; }
    .lo-search h3 a, .lo-search-prequal h3 a {
      border-bottom: 0; }
  @media screen and (min-width: 768px) {
    .lo-search .select, .lo-search-prequal .select {
      float: left; } }
  .lo-search .select:after, .lo-search-prequal .select:after {
    top: 45%;
    right: 10px; }
  .lo-search select, .lo-search-prequal select {
    width: 120px;
    border-radius: 3px;
    margin: 10px auto; }
    .lo-search select.search-select, .lo-search-prequal select.search-select {
      width: 200px; }
  .lo-search .no-suggestions, .lo-search-prequal .no-suggestions {
    color: white;
    padding: 0.5rem;
    clear: both;
    float: none; }
  .lo-search .suggestion-active,
  .lo-search .suggestions li:hover,
  .lo-search .suggetsion li:focus, .lo-search-prequal .suggestion-active,
  .lo-search-prequal .suggestions li:hover,
  .lo-search-prequal .suggetsion li:focus {
    background-color: #efefef;
    border: 1px solid #2e8337;
    cursor: pointer;
    font-weight: 700; }
  .lo-search input, .lo-search-prequal input {
    margin: 0;
    padding-right: 40px;
    width: 100%;
    border-radius: 3px; }
  .lo-search .autocomplete-input-and-dropdown, .lo-search .name-search, .lo-search-prequal .autocomplete-input-and-dropdown, .lo-search-prequal .name-search {
    width: 100%;
    position: relative;
    margin: 10px 0px; }
    @media screen and (min-width: 768px) {
      .lo-search .autocomplete-input-and-dropdown, .lo-search .name-search, .lo-search-prequal .autocomplete-input-and-dropdown, .lo-search-prequal .name-search {
        width: 300px;
        float: left;
        margin: 10px 0px !important; } }
    @media screen and (min-width: 1024px) {
      .lo-search .autocomplete-input-and-dropdown, .lo-search .name-search, .lo-search-prequal .autocomplete-input-and-dropdown, .lo-search-prequal .name-search {
        width: 400px;
        margin-left: 0; } }
  .lo-search .autocomplete-dropdown-container, .lo-search-prequal .autocomplete-dropdown-container {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 2px 2px;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    text-align: left;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .lo-search .autocomplete-dropdown-container, .lo-search-prequal .autocomplete-dropdown-container {
        width: 100%;
        width: 300px; } }
    @media screen and (min-width: 1024px) {
      .lo-search .autocomplete-dropdown-container, .lo-search-prequal .autocomplete-dropdown-container {
        width: 400px;
        left: auto;
        top: auto;
        margin: 0px; } }
    .lo-search .autocomplete-dropdown-container ul.suggestions, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions {
      padding: 0px;
      max-height: 300px;
      overflow-y: auto;
      height: auto; }
      .lo-search .autocomplete-dropdown-container ul.suggestions:empty, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions:empty {
        height: 0px; }
      .lo-search .autocomplete-dropdown-container ul.suggestions li, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions li {
        padding: 5px;
        font-weight: bold;
        border: 1px solid white;
        min-height: 55px;
        height: auto; }
        .lo-search .autocomplete-dropdown-container ul.suggestions li small, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions li small {
          display: block;
          font-weight: normal; }
        .lo-search .autocomplete-dropdown-container ul.suggestions li span.lo-headshot, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions li span.lo-headshot {
          border-radius: 50%;
          width: 45px;
          height: 45px;
          float: left;
          margin-right: 10px;
          display: inline-block;
          background-position: center;
          background-image: url("/images/uhm/uhm-logo-color.svg");
          background-size: contain;
          background-repeat: no-repeat; }
        .lo-search .autocomplete-dropdown-container ul.suggestions li span.lo-name, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions li span.lo-name {
          display: block;
          line-height: 20px; }
        .lo-search .autocomplete-dropdown-container ul.suggestions li:after, .lo-search-prequal .autocomplete-dropdown-container ul.suggestions li:after {
          content: "";
          width: 0px;
          height: 0px; }
  .lo-search .suggestion-item, .lo-search-prequal .suggestion-item {
    padding: 8px;
    text-align: left;
    background-color: #fff;
    cursor: pointer; }
    .lo-search .suggestion-item-active, .lo-search-prequal .suggestion-item-active {
      padding: 8px;
      text-align: left;
      background-color: #efefef;
      cursor: pointer; }
  .lo-search .button, .lo-search-prequal .button {
    margin-left: 10px; }
  .lo-search #branch-locator-search, .lo-search-prequal #branch-locator-search {
    width: 100%;
    margin-top: 50px;
    background-color: #3d1951; }
    @media screen and (min-width: 768px) {
      .lo-search #branch-locator-search, .lo-search-prequal #branch-locator-search {
        float: none;
        text-align: center;
        margin: 25px auto 0px; } }
    @media screen and (min-width: 1024px) {
      .lo-search #branch-locator-search, .lo-search-prequal #branch-locator-search {
        text-align: center;
        width: 100%; } }
  .lo-search .clear-button,
  .lo-search .clear-button:active,
  .lo-search .clear-button:focus, .lo-search-prequal .clear-button,
  .lo-search-prequal .clear-button:active,
  .lo-search-prequal .clear-button:focus {
    position: absolute;
    top: 0px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
    padding: 20px;
    float: right;
    right: 0; }
  .lo-search input[type=text]::-ms-clear, .lo-search-prequal input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  .lo-search .set-lo, .lo-search-prequal .set-lo {
    display: inline-block;
    float: left;
    left: 10px; }
  .lo-search .has-lo, .lo-search-prequal .has-lo {
    color: white;
    background-color: #2e8337;
    border-radius: 30px; }

.overlay-modal {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  transition: all .1s ease-out; }
  .overlay-modal.overlay-show {
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1; }
  .overlay-modal.overlay-hide {
    z-index: -1;
    background: rgba(0, 0, 0, 0);
    opacity: 0; }

.lo-search .tabs-container {
  overflow: visible; }
  .lo-search .tabs-container .tabs {
    left: 50%;
    right: auto;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100vw; }
    @media screen and (max-width: 767px) {
      .lo-search .tabs-container .tabs {
        width: 100%; } }
    .lo-search .tabs-container .tabs li {
      height: auto;
      right: 0; }
  .lo-search .tabs-container .form-wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    display: block;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .lo-search .tabs-container .form-wrap {
        width: 509px;
        left: 50%;
        right: auto;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      .lo-search .tabs-container .form-wrap {
        width: 609px;
        left: 50%;
        right: auto;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
    @media screen and (min-width: 768px) {
      .lo-search .tabs-container .form-wrap.branch-wrap {
        width: 790px; } }
    @media screen and (min-width: 1024px) {
      .lo-search .tabs-container .form-wrap.branch-wrap {
        width: 890px; } }
    .lo-search .tabs-container .form-wrap.branch-wrap .state-selection {
      width: 175px; }
  .lo-search .tabs-container .input-divider {
    float: left;
    position: relative;
    top: 30px;
    padding-left: 10px;
    padding-right: 10px; }
    .lo-search .tabs-container .input-divider p {
      color: white; }

.lo-search .tab-link {
  text-transform: uppercase;
  background-color: white;
  font-weight: bold;
  background-color: #f7f7f7;
  border: 1px solid #3d1951; }
  @media screen and (min-width: 768px) {
    .lo-search .tab-link {
      font-size: 30px;
      line-height: 35px; } }
  .lo-search .tab-link:hover, .lo-search .tab-link:focus {
    border: 1px solid #2e8337; }
  .lo-search .tab-link a:link, .lo-search .tab-link a:active, .lo-search .tab-link a:visited {
    color: #2e8337; }
  .lo-search .tab-link.current {
    background-color: #3d1951;
    border: 1px solid #3d1951;
    color: white; }
    .lo-search .tab-link.current:hover, .lo-search .tab-link.current:focus {
      color: white; }

.lo-search .tab-content {
  background-color: #3d1951; }
  .lo-search .tab-content .form-wrap {
    visibility: hidden;
    height: 0;
    opacity: 0; }
  .lo-search .tab-content.current .form-wrap {
    visibility: visible;
    height: auto;
    opacity: 1;
    z-index: 999; }

.lo-search-prequal button.button {
  display: none !important; }

.lo-search-prequal .form-wrap {
  float: none; }

.lo-search-prequal .autocomplete-input-and-dropdown {
  width: calc(100% - 20px);
  margin: 10px auto !important;
  text-align: center;
  display: block;
  float: none; }
  .lo-search-prequal .autocomplete-input-and-dropdown .no-suggestions {
    color: #171717;
    text-align: center; }
  .lo-search-prequal .autocomplete-input-and-dropdown .autocomplete-dropdown-container {
    width: 100%; }

.hiddenHeadingColorWhite {
  color: white; }

@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
    opacity: 0; }
  100% {
    background: rgba(0, 0, 0, 0.7);
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
    opacity: 1; }
  100% {
    background: rgba(0, 0, 0, 0);
    opacity: 0; } }

.search-feature {
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .search-feature {
      width: 100%;
      padding: 0;
      height: 100vh;
      min-height: 800px;
      border-bottom: 15px solid #3d1951; } }
  .search-feature .error-message {
    padding: 40px 10px;
    text-align: center;
    max-width: 850px;
    margin: 0 auto; }
    .search-feature .error-message h1 {
      font-size: 45px;
      line-height: 55px; }
      @media screen and (max-width: 768px) {
        .search-feature .error-message h1 {
          font-size: 22px;
          line-height: 28px; } }
    @media screen and (max-width: 768px) {
      .search-feature .error-message h2 {
        font-size: 16px;
        line-height: 24px; } }
    @media screen and (max-width: 768px) {
      .search-feature .error-message a.button {
        padding: 15px;
        margin: 5px; } }
    @media screen and (max-width: 768px) {
      .search-feature .error-message a.button.small.white {
        font-size: 12px;
        padding: 5px;
        line-height: 22px; } }
    @media screen and (min-width: 768px) {
      .search-feature .error-message {
        padding-top: 75px;
        padding-left: 50px;
        padding-right: 50px; } }
  .search-feature .modal-header {
    background-color: #3D1951;
    top: 0;
    margin: 0px;
    padding: 10px 10px 10px 0px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .search-feature .modal-header {
        padding: 20px 25px; } }
    .search-feature .modal-header h1 {
      text-transform: uppercase;
      color: white;
      font-size: 15px;
      line-height: 20px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .search-feature .modal-header h1 {
          font-size: 25px;
          line-height: 25px; } }
    .search-feature .modal-header h2 {
      color: white;
      font-style: italic;
      font-size: 15px;
      line-height: 20px; }
  .search-feature .close-modal {
    top: 5px;
    right: 5px;
    position: absolute;
    cursor: pointer;
    position: fixed;
    float: right;
    color: #fff;
    font-weight: 700;
    line-height: 37px;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 2px solid #ffffff;
    background-color: #3d1951;
    border-radius: 50%;
    box-shadow: 3px 3px 3px #171717; }
    @media screen and (min-width: 768px) {
      .search-feature .close-modal {
        top: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
        line-height: 45px;
        position: absolute; } }
  .search-feature .left-section {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    opacity: 1;
    transition: 1s opacity; }
    .search-feature .left-section.toggle-off {
      visibility: hidden;
      height: 0px;
      opacity: 0; }
      @media screen and (min-width: 768px) {
        .search-feature .left-section.toggle-off {
          visibility: visible;
          height: 100%;
          opacity: 1; } }
    @media screen and (min-width: 768px) {
      .search-feature .left-section {
        height: 100%;
        width: 50%;
        min-height: 600px;
        max-width: 600px;
        float: left;
        box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5); } }
    .search-feature .left-section .results-header {
      padding: 20px;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .search-feature .left-section .results-header {
          text-align: left; } }
      .search-feature .left-section .results-header h2 {
        color: #3d1951;
        font-weight: bold; }
        @media screen and (min-width: 768px) {
          .search-feature .left-section .results-header h2 {
            font-size: 50px;
            line-height: 65px; } }
    .search-feature .left-section .search-pagination {
      position: relative;
      height: auto;
      width: 100%;
      bottom: 0px;
      left: 0px;
      text-align: center;
      background-color: #ffffff; }
      @media screen and (min-width: 768px) {
        .search-feature .left-section .search-pagination {
          position: absolute;
          bottom: 0px; } }
      .search-feature .left-section .search-pagination .pagination a {
        color: #3d1951;
        background-color: white; }
      .search-feature .left-section .search-pagination .pagination a.active {
        background-color: #3d1951;
        color: white; }
      .search-feature .left-section .search-pagination .pagination .disabled-link {
        display: inline-block;
        margin: 2px 2px 2px 0;
        padding: 6px 9px 5px;
        color: #D3D3D3; }
  .search-feature .right-section {
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    transition: 1s opacity;
    display: block; }
    .search-feature .right-section.toggle-off {
      visibility: hidden;
      height: 0px;
      opacity: 0;
      display: none; }
      @media screen and (min-width: 768px) {
        .search-feature .right-section.toggle-off {
          visibility: visible;
          height: 100%;
          opacity: 1;
          display: block; } }
    @media screen and (min-width: 768px) {
      .search-feature .right-section {
        height: 100%;
        overflow: hidden;
        min-width: 50%;
        width: auto; } }
  .search-feature #map {
    overflow: scroll;
    position: relative;
    height: 100%;
    width: 100%; }
  .search-feature .branch-infowindow {
    padding: 10px;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 20px; }
    .search-feature .branch-infowindow b {
      color: #3d1951; }
  .search-feature .lo-list, .search-feature .branch-list {
    background-color: #fff;
    overflow-x: hidden;
    overflow: auto;
    position: relative;
    height: inherit; }
    @media screen and (min-width: 768px) {
      .search-feature .lo-list, .search-feature .branch-list {
        overflow-y: scroll;
        height: calc(100% - 130px); } }
    .search-feature .lo-list::-webkit-scrollbar, .search-feature .branch-list::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
      height: 7px; }
    .search-feature .lo-list::-webkit-scrollbar-thumb, .search-feature .branch-list::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: #3d1951;
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  .search-feature .card.lo, .search-feature .card.branch {
    height: auto;
    clear: both;
    display: block;
    padding: 10px 10px;
    max-width: none; }
    .search-feature .card.lo .button, .search-feature .card.branch .button {
      padding: 8px !important;
      min-width: 200px; }
      .search-feature .card.lo .button span, .search-feature .card.branch .button span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal; }
  .search-feature .card.lo {
    width: calc(100% - 20px);
    max-width: 500px;
    margin: 10px auto;
    min-height: 200px; }
    .search-feature .card.lo .row {
      margin: 5px 0; }
  .search-feature .card.branch {
    width: calc(100% - 20px);
    max-width: 500px;
    clear: none;
    float: none;
    margin: 10px auto;
    height: 200px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .search-feature .card.branch {
        margin: 10px;
        float: left; } }
    @media screen and (min-width: 1024px) {
      .search-feature .card.branch {
        width: calc(50% - 20px);
        height: 225px; } }
  .search-feature .lo-photo {
    float: left;
    width: 30%;
    text-align: left; }
    @media screen and (min-width: 1024px) {
      .search-feature .lo-photo {
        width: 40%; } }
    .search-feature .lo-photo .photo-holder {
      border-radius: 50%;
      background-image: url("/images/uhm/uhm-logo.png");
      width: 85px;
      height: 85px;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      margin: 0 auto;
      background-color: white; }
      @media screen and (min-width: 365px) {
        .search-feature .lo-photo .photo-holder {
          width: 100px;
          height: 100px; } }
      @media screen and (min-width: 1024px) {
        .search-feature .lo-photo .photo-holder {
          width: 150px;
          height: 150px; } }
  .search-feature .branch-info h2, .search-feature .lo-info h2 {
    color: #3d1951;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin: 0px;
    padding: 0px; }
  .search-feature .branch-info p, .search-feature .lo-info p {
    margin: 0px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    padding: 0px; }
    .search-feature .branch-info p a, .search-feature .lo-info p a {
      color: #2e8337; }
  .search-feature .branch-info {
    text-align: center;
    font-size: 20px;
    padding: 10px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    width: 100%; }
    .search-feature .branch-info .contact-button {
      border: 1px solid #2e8337;
      background: #2e8337;
      color: white;
      border-radius: 60px;
      display: inline-block;
      font-size: 20px;
      line-height: 20px;
      width: 44px;
      height: 44px;
      padding: 10px;
      margin: 0 5px 0px 0px;
      text-align: center; }
  .search-feature .lo-info {
    width: 70%;
    text-align: left;
    float: left;
    padding: 0 0 0 10px; }
    @media screen and (min-width: 1024px) {
      .search-feature .lo-info {
        width: 60%; } }
    .search-feature .lo-info .contact-button {
      border: 1px solid #2e8337;
      background: #2e8337;
      color: white;
      border-radius: 60px;
      display: inline-block;
      font-size: 20px;
      line-height: 20px;
      width: 44px;
      height: 44px;
      padding: 10px;
      margin: 0 5px 0px 0px; }
    .search-feature .lo-info.no-headshot {
      width: 100% !important;
      text-align: center; }
  .search-feature .loader {
    margin-top: 250px; }

/*Animations*/
@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0); }
  50% {
    transform: scaleY(0.005) scaleX(1); }
  100% {
    transform: scaleY(1) scaleX(1); } }

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1); }
  50% {
    transform: scaleY(0.005) scaleX(1); }
  100% {
    transform: scaleY(0.005) scaleX(0); } }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

.error-input {
  border: 1px solid red; }

@media screen and (min-width: 1024px) {
  .branch-cards {
    display: flex;
    align-items: center;
    justify-content: center; } }

.default-branch-info {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  text-align: center; }
  .default-branch-info h2 {
    color: #3d1951;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin: 0px;
    padding: 0px; }
  .default-branch-info p {
    margin: 0px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    padding: 0px; }
    .default-branch-info p a {
      color: #2e8337; }
  .default-branch-info .contact-button {
    border: 1px solid #2e8337;
    background: #2e8337;
    color: white;
    border-radius: 60px;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    width: 44px;
    height: 44px;
    padding: 10px;
    margin: 0 5px 0px 0px;
    text-align: center; }

.default-card {
  background-color: white;
  text-align: center;
  box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: 0.3s;
  cursor: pointer;
  height: calc(100% - 10px);
  width: 300px;
  padding: 20px 20px 20px 20px;
  clear: both;
  display: block;
  border-radius: 15px;
  float: none;
  margin: 5px auto; }
  @media screen and (max-width: 1450px) {
    .default-card {
      width: calc(100% - 10px); } }
  @media screen and (max-width: 767px) {
    .default-card {
      width: 300px; } }
  .default-card .button {
    margin-top: 20px !important;
    padding: 8px !important; }
    .default-card .button span {
      display: inline-block;
      vertical-align: middle;
      line-height: normal; }
  .default-card .branch-name {
    margin-bottom: 5px; }
  .default-card .default-branch-phone {
    margin-top: 10px; }

.blogpost {
  max-width: 800px;
  text-align: left !important;
  margin: 0 auto 40px auto;
  padding: 10px;
  display: block;
  /*p, h1, h2, h3, h4, h5, h6, li {
        margin: 0 20px 20px 20px;

        @media screen and (min-width: $tablet) {
            margin: 20px auto;
        }
    }*/ }
  .blogpost h4 {
    text-transform: none;
    font-size: 25px;
    line-height: 32px;
    font-weight: 400; }
  .blogpost h3.checklist-item::before {
    background-color: #eee;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    content: " ";
    position: relative;
    top: 5px; }
    .blogpost h3.checklist-item::before:hover {
      content: "\F00C";
      font-family: FontAwesome; }
  .blogpost ul {
    padding: 0px !important; }

.blogpost-cta {
  border-top: 2px solid #2e8337;
  padding-top: 20px; }

.blog-feed {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw)); }

a.share.share-btns-facebook:hover,
a.share.share-btns-twitter:hover,
a.share.share-btns-google:hover,
a.share.share-btns-linkedin:hover,
a.share.share-btns-print:hover {
  transition: .4s all ease;
  color: #fff;
  background: #3d1951;
  opacity: 1; }

.share-btns {
  float: left; }
  @media print {
    .share-btns {
      display: none !important; } }
  @media screen and (max-width: 1024px) {
    .share-btns {
      display: flex;
      justify-content: center;
      width: 100%;
      padding: 20px 0; } }
  @media screen and (min-width: 1024px) {
    .share-btns {
      padding: 15px 0px 15px;
      top: 100px;
      position: sticky;
      left: 0px;
      z-index: 999;
      float: left; } }
  .share-btns .share {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-repeat: repeat-x;
    color: #fff;
    margin: 0 5px 5px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    opacity: 1; }
    .share-btns .share.share-btns-facebook {
      background: -webkit-linear-gradient(#4f69a3, #415b93);
      background: linear-gradient(#4f69a3, #415b93); }
    .share-btns .share.share-btns-twitter {
      background: -webkit-linear-gradient(#56acee, #4f9fdb);
      background: linear-gradient(#56acee, #4f9fdb); }
    .share-btns .share.share-btns-google {
      background: -webkit-linear-gradient(#db4937, #c43a2e);
      background: linear-gradient(#db4937, #c43a2e); }
    .share-btns .share.share-btns-linkedin {
      background: -webkit-linear-gradient(#0085AE, #0085AE);
      background: linear-gradient(#0085AE, #0085AE); }
    .share-btns .share.share-btns-print {
      background: -webkit-linear-gradient(#989898, #989898);
      background: linear-gradient(#989898, #989898); }

@media screen and (max-width: 1024px) {
  .share-mobile {
    float: left; } }

.cats-tags a {
  color: white;
  font-weight: normal;
  font-size: 13px;
  padding: 5px;
  background-color: #2e8337;
  margin: 5px;
  text-transform: uppercase;
  line-height: 15px;
  display: inline-block; }

.feed {
  margin: 0 auto; }
  .feed:nth-child(odd) {
    background-color: #f7f7f7; }

.blog-feed-main {
  background-color: #3d1951 !important;
  text-align: center !important;
  margin-top: -5vw; }

.blog-articles {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 25px 0;
  justify-content: center; }

article.blog-post {
  width: 100%;
  background-color: white; }
  @media screen and (min-width: 768px) {
    article.blog-post {
      width: 33%;
      max-width: calc(300px - 20px);
      margin: 0 10px 20px; } }
  article.blog-post img {
    max-height: 200px; }
  article.blog-post h2 {
    color: #3d1951;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold; }
  article.blog-post h5.subtitle {
    font-size: 25px;
    line-height: 32px; }

a article h2 {
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #3d1951; }
  a article h2:hover {
    color: #2e8337; }

a article.document {
  position: relative;
  overflow: hidden;
  margin: 10px 5px;
  width: 100%;
  float: left;
  max-width: 400px;
  display: block;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  background-color: #3d1951;
  background: linear-gradient(-45deg, #3d1951 0%, #3d1951 100%) !important; }
  a article.document:hover, a article.document:focus, a article.document:active {
    background: linear-gradient(-45deg, #2e8337 0%, #3d1951 100%) !important;
    background-color: #3d1951; }
    a article.document:hover img, a article.document:focus img, a article.document:active img {
      opacity: 0.3;
      -webkit-transform: scale(2);
      transform: scale(2); }
  @media screen and (min-width: 768px) {
    a article.document {
      max-width: calc(50% - 25px);
      height: 200px;
      display: inline-block;
      margin: 10px;
      float: none; } }
  @media screen and (min-width: 1024px) {
    a article.document {
      max-width: calc(25% - 25px);
      min-width: 300px;
      background: #3d1951;
      text-align: center;
      cursor: pointer; } }
  a article.document img {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    opacity: 0.1;
    -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  a article.document .article-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  a article.document h2 {
    position: relative;
    top: 30px;
    left: 0;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    text-transform: capitalize;
    color: white; }
    @media screen and (max-width: 768px) {
      a article.document h2 {
        font-size: 16px;
        line-height: 20px; } }
  a article.document h3 {
    position: relative;
    top: 20px;
    left: 0;
    text-align: center;
    visibility: visible;
    opacity: 1;
    transition: .35s ease-in-out;
    text-transform: uppercase;
    display: inline-block;
    line-height: 18px;
    color: white;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    margin: 0;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      a article.document h3 {
        font-size: 10px;
        line-height: 20px; } }
  a article.document p {
    color: white;
    position: relative;
    top: 30px;
    font-style: italic;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    text-align: center; }
    @media screen and (max-width: 768px) {
      a article.document p {
        font-size: 10px;
        line-height: 20px; } }

/* Base Styles */
#DateOfBirth {
  -webkit-appearance: none;
  background: #fff;
  height: 64px; }

.input-element {
  cursor: pointer; }
  .input-element.calendar::after {
    cursor: pointer;
    pointer-events: auto; }

.input-element {
  position: relative;
  display: inline-block; }
  .input-element.dollar:before {
    content: "$";
    display: block;
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -12px;
    font-weight: bold;
    color: #3d1951;
    cursor: default; }
  .input-element.percentage:after {
    content: "%";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    font-weight: bold;
    color: #3d1951;
    cursor: default; }

label {
  display: block;
  font-weight: bold;
  color: #3d1951;
  width: auto; }
  label.slider-label {
    display: inline-block;
    font-size: 13px; }
    @media screen and (min-width: 768px) {
      label.slider-label {
        width: auto;
        font-size: 10px; } }
    @media screen and (min-width: 1080px) {
      label.slider-label {
        font-size: 13px; } }
    label.slider-label:nth-child(odd) {
      text-align: right; }

/* List Groups */
.control-group {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0px;
  width: calc(100% - 20px);
  height: auto;
  margin: 10px; }
  @media screen and (min-width: 768px) {
    .control-group {
      width: 400px; } }
  .control-group label {
    font-weight: 400;
    color: #171717; }

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px; }
  .control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #f7f7f7;
    border: 1px solid #3d1951; }

.control:hover input ~ .control-indicator,
.control input:focus ~ .control-indicator {
  background: #f7f7f7; }

.control input:checked ~ .control-indicator,
.control:hover input:not([disabled]):checked ~ .control-indicator,
.control input:checked:focus ~ .control-indicator {
  background: #2e8337;
  border: 0; }

.control input:disabled ~ .control-indicator {
  background: #f7f7f7;
  border: 1px solid #3d1951;
  opacity: 0.3;
  pointer-events: none; }

.control-indicator::after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .control-indicator:after {
  display: block; }

.control-checkbox .control-indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.control-checkbox input:disabled ~ .control-indicator:after {
  border-color: #171717; }

.pagination {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  clear: both;
  float: none;
  margin: 20px auto; }
  .pagination a {
    color: white;
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    background: #3d1951; }
    .pagination a.active {
      font-weight: bold;
      color: #3d1951;
      background: white; }
    .pagination a:hover {
      background-color: white;
      color: #3d1951; }

fieldset {
  border: 0;
  text-align: center;
  padding: 0px;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    fieldset {
      width: 500px;
      max-width: none; } }
  @media screen and (min-width: 1024px) {
    fieldset {
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -webkit-padding-before: 0em;
      -webkit-padding-start: 0em;
      -webkit-padding-end: 0em;
      -webkit-padding-after: 0em;
      display: inline-block;
      margin: 0; } }
  fieldset .input-long {
    width: 100% !important; }

@media screen and (min-width: 768px) {
  fieldset.sponsorship-application {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: block; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  fieldset.sponsorship-application .col.half, fieldset.sponsorship-application .col.third {
    margin: 0; } }

@media screen and (min-width: 768px) {
  fieldset.contact-us {
    width: 100%;
    margin: 0 auto; } }

.recaptcha {
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 10px; }

@media screen and (min-width: 768px) {
  #notARobot {
    display: inline-flex; } }

/* Contact us */
.contact-us .select select {
  width: 100% !important; }

@media screen and (min-width: 1024px) {
  #contact-form .col {
    margin: 0 10px !important; } }

#contact-form textarea {
  width: 100%; }

option {
  font-size: 16px;
  line-height: 22px; }

.contact-us .select {
  width: 100%; }

.hide-field {
  visibility: hidden;
  height: 0;
  opacity: 0;
  display: none; }

.show-field {
  visibility: visible;
  height: auto;
  opacity: 1;
  display: block; }

.form-helper {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  font-weight: 500; }

.contact-text {
  text-align: left;
  padding-bottom: 20px; }
  @media screen and (min-width: 1024px) {
    .contact-text {
      padding-right: 40%; } }
  .contact-text h2 {
    font-size: 32px;
    line-height: 40px;
    color: #3d1951; }

.contact-wrap {
  margin: 30px;
  max-width: 100%;
  padding: 50px 35px 20px 35px;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1024px) {
    .contact-wrap {
      padding: 20px;
      margin: 0; } }

.contact-info {
  text-align: left;
  justify-content: space-between;
  padding-bottom: 100px; }
  .contact-info h2 {
    font-size: 20px;
    color: #3d1951;
    padding-bottom: 15px; }
  @media screen and (min-width: 1024px) {
    .contact-info .contact-card {
      width: 30%; } }
  .contact-info a {
    font-size: 24px;
    line-height: 40px;
    color: #3d1951;
    text-decoration: underline;
    padding-top: 10px; }
  .contact-info b {
    padding-right: 5px; }
  .contact-info .hours {
    padding-top: 5px;
    padding-bottom: 10px; }

/* Prequal */
.prequal-fieldset {
  background: white;
  border: 0 none;
  box-sizing: border-box;
  margin: 0;
  /*stacking fieldsets above each other*/
  position: relative;
  display: block;
  width: 100%;
  max-width: none; }
  .prequal-fieldset:not(:first-of-type) {
    display: none; }
  .prequal-fieldset legend {
    margin: 0 auto;
    text-align: center;
    width: calc(100% - 30px); }
    @media screen and (min-width: 1024px) {
      .prequal-fieldset legend {
        max-width: 800px; } }
  .prequal-fieldset .employment-row {
    max-width: 570px;
    margin: 20px auto; }
  .prequal-fieldset .employment-field {
    width: 250px; }

#lo-step {
  max-width: 700px;
  margin: 20px auto; }

form#prequalLeadForm {
  margin: 0px auto;
  text-align: center;
  position: relative;
  min-height: 1250px; }
  @media screen and (min-width: 768px) {
    form#prequalLeadForm {
      min-height: 800px; } }

form#prequalFormFlow {
  margin: 0px auto;
  text-align: center;
  position: relative;
  min-height: 1250px; }
  @media screen and (min-width: 768px) {
    form#prequalFormFlow {
      min-height: 800px; } }
  form#prequalFormFlow select.select-long {
    width: 100% !important; }
  form#prequalFormFlow .control-group--small {
    width: 200px;
    margin: 0 auto; }
    form#prequalFormFlow .control-group--small label.control-label.align-center {
      padding: 20px 0px;
      font-weight: bold;
      color: #3d1951; }
    form#prequalFormFlow .control-group--small .control.control-radio {
      float: left;
      padding-right: 30px; }
  form#prequalFormFlow .input-element.percentage.input-onethird input {
    width: 100px; }
  form#prequalFormFlow .input-element.percentage:after {
    content: "%";
    right: 12px;
    width: unset; }
  @media screen and (max-width: 768px) {
    form#prequalFormFlow h1 {
      margin-bottom: auto;
      font-size: 20px;
      line-height: 25px; } }
  @media screen and (max-width: 768px) {
    form#prequalFormFlow h2 {
      font-size: 14px;
      line-height: 20px; } }

#progressbar {
  margin: 0 auto 30px auto;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step; }
  #progressbar li {
    list-style-type: none;
    color: #3d1951;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    width: 50%;
    float: left;
    position: relative;
    z-index: 3;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    @media screen and (min-width: 768px) {
      #progressbar li {
        width: 25%;
        float: left; } }
    #progressbar li:after {
      content: '';
      width: 60%;
      height: 3px;
      background: #3d1951;
      position: absolute;
      left: -30%;
      top: 20px;
      z-index: 1;
      /*put it behind the numbers*/
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      @media screen and (min-width: 768px) {
        #progressbar li:after {
          width: -90px; } }
    #progressbar li:before {
      content: counter(step);
      counter-increment: step;
      width: 40px;
      line-height: 40px;
      display: block;
      font-size: 20px;
      color: #3d1951;
      background: #f7f7f7;
      margin: 0 auto 5px auto;
      z-index: 5;
      border: 0px solid #3d1951;
      border-radius: 50%;
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    #progressbar li.active:before {
      color: white;
      background: #3d1951; }
    #progressbar li.complete {
      color: #2e8337 !important; }
    #progressbar li.complete:before {
      content: "\F00C";
      font-family: FontAwesome;
      background-color: #2e8337;
      color: white; }
    #progressbar li:first-child:after {
      content: none; }
    #progressbar li:nth-child(3):after {
      content: none; }
      @media screen and (min-width: 768px) {
        #progressbar li:nth-child(3):after {
          content: ''; } }
    #progressbar li .active,
    #progressbar li .active:after {
      background: #3d1951;
      color: white; }
    #progressbar li.complete:after {
      background-color: #2e8337;
      color: white; }

/*.col {
    &.half {
        margin: 0;
    }
}*/
.pmi {
  display: none; }

/* Blog Sign up */
#blogSignUpSAM {
  max-width: 800px;
  margin: 0 auto; }
  #blogSignUpSAM .col.fourth input,
  #blogSignUpSAM .col.fourth select {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #blogSignUpSAM .col.fourth input,
      #blogSignUpSAM .col.fourth select {
        width: calc(100% - 5px); } }
  #blogSignUpSAM .select {
    width: 100%; }
    #blogSignUpSAM .select::after {
      top: 40%;
      right: 20px; }
  #blogSignUpSAM button {
    padding: 20px 20px; }

h2.thank-you {
  font-weight: bold;
  color: #3d1951; }

.small-margin {
  margin: 20px auto; }

/* Checkbox Styles */
input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em; }

input[type=checkbox] + label:before {
  content: "\2714";
  font-family: FontAwesome;
  border: 0.1em solid #3d1951;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s; }

input[type=checkbox] + label:active:before {
  transform: scale(0); }

input[type=checkbox]:checked + label:before {
  background-color: #2e8337;
  border-color: #2e8337;
  color: #fff; }

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa; }

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #666;
  border-color: #666; }

/* My Account Lookup Form */
@media screen and (min-width: 768px) {
  fieldset#my-account-lookup-form {
    width: 600px; } }

@media screen and (min-width: 1024px) {
  fieldset#my-account-lookup-form {
    width: 800px; } }

@media screen and (max-width: 767px) {
  h2.sm-heading {
    font-size: 14px;
    line-height: 20px; } }

.popup {
  border: 0px; }
  @media screen and (max-width: 767px) {
    .popup {
      width: 100vw;
      height: 100vh; } }
  @media screen and (min-width: 768px) {
    .popup {
      border-radius: 10px; } }
  .popup .popup-close {
    color: #3d1951;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    font-weight: 700; }

.middle-alignment {
  margin-top: 45px;
  margin-bottom: 45px; }

.middle-padding {
  padding: 0 35px; }

#my-account-lookup-form .or::after {
  content: "- OR -";
  display: block;
  font-weight: 700;
  color: #3d1951; }
  @media screen and (min-width: 768px) {
    #my-account-lookup-form .or::after {
      position: absolute;
      top: 28%;
      right: -23px; } }

/* CCPA FORM */
.card-radio-button .card-radio-element {
  opacity: 0; }

.card-radio-button .card {
  padding: 0px 10px 10px 10px;
  border: 1px solid #3d1951;
  text-align: center; }
  .card-radio-button .card .card-radio-label small {
    display: block;
    font-weight: normal; }

.card-radio-button .card-radio-element + .card:hover {
  cursor: pointer; }

.card-radio-button .card-radio-element:checked + .card {
  border: 1px solid #3d1951;
  background-color: #3d1951;
  color: white; }

.card-radio-button .card-radio-element + .card::before {
  content: "\F058";
  color: white;
  position: relative;
  text-align: center;
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 20px;
  margin: 0 auto;
  display: block;
  font-weight: 900;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.card-radio-button .card-radio-element:checked + .card::before {
  -webkit-animation-name: fadeInCheckbox;
  animation-name: fadeInCheckbox;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

@-webkit-keyframes fadeInCheckbox {
  from {
    opacity: 0;
    transform: scale(1); }
  to {
    opacity: 1;
    transform: scale(1.2); } }

@keyframes fadeInCheckbox {
  from {
    opacity: 0;
    transform: scale(1); }
  to {
    opacity: 1;
    transform: scale(1.2); } }

/* Sweepstakes */
.sweepstakes {
  height: 100vh;
  min-height: 600px;
  background-repeat: no-repeat; }
  @media screen and (min-width: 400px) {
    .sweepstakes {
      background-position: center; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
    .sweepstakes {
      height: auto;
      min-height: 500px; } }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .sweepstakes {
      height: 800px; } }
  @media screen and (min-width: 1024px) {
    .sweepstakes {
      height: 100vh;
      min-height: 900px;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); } }
  .sweepstakes .wrap {
    margin-top: 0px; }

.sweepstakes-logo {
  margin-bottom: 50px;
  width: 100%;
  height: auto;
  max-width: 500px; }

/* Nominations */
.hero.nominations {
  height: auto;
  background-position: top center;
  background-size: contain;
  width: 100%;
  padding: 0px; }
  .hero.nominations .nominations-heading {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .hero.nominations .nominations-heading img {
      max-width: 400px;
      min-width: 280px; }
    @media screen and (max-width: 768px) {
      .hero.nominations .nominations-heading {
        height: 160px; } }
  .hero.nominations .wrap {
    display: grid;
    overflow-y: scroll;
    margin: 0px;
    max-width: 100%;
    padding: 25px 25px 50px 25px; }
    .hero.nominations .wrap h1 {
      font-size: 60px;
      line-height: 75px; }
    .hero.nominations .wrap h2 {
      font-size: 32px;
      line-height: 40px;
      color: #3d1951; }
    @media screen and (min-width: 1025px) {
      .hero.nominations .wrap {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 1025px) {
      .hero.nominations .wrap {
        grid-template-rows: repeat(2, max-content);
        grid-row-gap: 30px;
        text-align: left; }
        .hero.nominations .wrap h1 {
          font-size: 32px;
          line-height: 40px; }
        .hero.nominations .wrap h2 {
          font-size: 24px; } }
    .hero.nominations .wrap .nominations-content-wrap {
      padding-top: 3px; }
      @media screen and (min-width: 1025px) {
        .hero.nominations .wrap .nominations-content-wrap {
          text-align: left;
          width: 95%; } }
      .hero.nominations .wrap .nominations-content-wrap .content-text p {
        padding-top: 10px;
        padding-bottom: 15px; }
    .hero.nominations .wrap .nominations-form-wrap {
      display: inline;
      width: 100%;
      justify-items: center; }
  .hero.nominations .not-required .requiredInputs {
    display: none; }
  .hero.nominations .control-group {
    width: 100%; }
  .hero.nominations .control-label {
    text-align: left; }
  .hero.nominations .row {
    margin: 5px 0px; }
  .hero.nominations .button {
    width: 100%;
    padding-bottom: 20px; }

/* Calculators */
button#btnCalculate:after {
  content: none; }

button#btnRefinanceCalculate:after {
  content: none; }

/* uhm home slider */
.uhm-home-hero-slider {
  padding: 0px;
  position: relative; }

.uhm-home-hero {
  position: relative; }

.uhm-home-hero__slider {
  position: relative;
  min-height: 600px;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  padding: 0px;
  margin: 0; }
  @media screen and (max-height: 768px) and (max-width: 767px) {
    .uhm-home-hero__slider {
      height: calc(100vh - 150px);
      min-height: 600px; } }
  @media screen and (min-width: 400px) {
    .uhm-home-hero__slider {
      background-position: center; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
    .uhm-home-hero__slider {
      height: calc(100vh - 150px);
      min-height: 700px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; } }
  @media screen and (min-width: 1024px) {
    .uhm-home-hero__slider {
      height: calc(100vh - 200px);
      text-align: left;
      background-position: center;
      min-height: 700px; } }

.uhm-home-hero__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  will-change: transform;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .uhm-home-hero__slide:after {
    /* Reset default ul/li elements */
    content: none;
    width: 0;
    height: 0; }

.uhm-home-hero__slide.uhm-home-hero__slide--selected {
  /* this is the visible slide */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.uhm-home-hero__slide.uhm-home-hero__slide--move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.uhm-home-hero__slide.uhm-home-hero__slide--is-moving,
.uhm-home-hero__slide.uhm-home-hero__slide--selected {
  /* the cd-hero__slide--is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }

/* Slide style */
.uhm-home-hero__slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.uhm-home-hero__content.uhm-home-hero__content--full-width,
.uhm-home-hero__content.uhm-home-hero__content--half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 50px;
  text-align: center;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform; }

.uhm-home-hero__content h2, .uhm-home-hero__content p, .uhm-home-hero__btn, .uhm-home-hero__content--img img {
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform; }

.uhm-home-hero__content.uhm-home-hero__content--img {
  /* hide image on mobile device */
  display: none; }

.uhm-home-hero__content--img img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.uhm-home-hero__content.uhm-home-hero__content--bg-video {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.uhm-home-hero__content--bg-video video {
  /* you won't see this element in the html, but it will be injected using javascript */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

@keyframes slideRight {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes slideDown {
  0% {
    height: 0; }
  100% {
    height: 100%; } }

.uhm-home-hero__content-wrap {
  position: relative;
  z-index: 1; }

@media only screen and (max-width: 768px) {
  .hero-overlay {
    position: relative;
    width: 100vw;
    height: 100vh; }
    .hero-overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
      animation: slideDown 1000ms; } }

@media only screen and (min-width: 767px) {
  .uhm-home-hero__slide:nth-of-type(2),
  .uhm-home-hero__slide:nth-of-type(3),
  .uhm-home-hero__slide:nth-of-type(4) {
    background-image: none; }
  .uhm-home-hero__content-wrap {
    width: 50%;
    position: relative;
    top: 25%;
    bottom: auto; }
  .hero-overlay {
    position: relative;
    width: 100vw;
    height: 100vh; }
    .hero-overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      background: linear-gradient(113deg, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
      animation: slideRight 1000ms; }
  .uhm-home-hero__content.uhm-home-hero__content--full-width,
  .uhm-home-hero__content.uhm-home-hero__content--half-width {
    padding: 25px;
    text-align: left; }
  .uhm-home-hero__content.uhm-home-hero__content--bg-video {
    display: block; } }

.uhm-home-hero__content.uhm-home-hero__content--img {
  display: block; }

@media only screen and (min-width: 1024px) {
  .uhm-home-hero__content.uhm-home-hero__content--full-width,
  .uhm-home-hero__content.uhm-home-hero__content--half-width {
    padding: 50px;
    position: absolute; }
  .uhm-home-hero__content-wrap {
    margin-top: -125px;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

/* Slider navigation */
.uhm-home-hero__nav {
  position: absolute;
  width: calc(100% - 50px);
  margin: 0 25px;
  bottom: 100px;
  z-index: 2;
  text-align: center;
  height: auto; }
  @media screen and (min-width: 1024px) {
    .uhm-home-hero__nav {
      bottom: 80px; } }

.button-circle--slider {
  background-color: #2e8337;
  border-radius: 100% !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: none !important; }
  .button-circle--slider::hover, .button-circle--slider ::active {
    border-radius: 50% !important; }

.uhm-home-hero__nav nav, .uhm-home-hero__nav ul, .uhm-home-hero__nav li, .uhm-home-hero__nav a {
  height: 100%;
  padding: 0px; }

.uhm-home-hero__nav nav {
  display: inline-block;
  position: relative; }

.uhm-home-hero__marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 100%;
  -webkit-box-shadow: inset 0 2px 0 currentColor;
  box-shadow: inset 0 2px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s; }

.uhm-home-hero__marker.uhm-home-hero__marker--item-2 {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.uhm-home-hero__marker.uhm-home-hero__marker--item-3 {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%); }

.uhm-home-hero__marker.uhm-home-hero__marker--item-4 {
  -webkit-transform: translateX(300%);
  -ms-transform: translateX(300%);
  transform: translateX(300%); }

.uhm-home-hero__marker.uhm-home-hero__marker--item-5 {
  -webkit-transform: translateX(400%);
  -ms-transform: translateX(400%);
  transform: translateX(400%); }

.uhm-home-hero__nav ul::after {
  clear: both;
  content: "";
  display: table; }

.uhm-home-hero__nav li {
  display: inline-block;
  width: 60px;
  border: 0px; }

.uhm-home-hero__nav .uhm-selected a:hover {
  background-color: transparent; }

.uhm-home-hero__nav a {
  display: block;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }

.uhm-home-hero__nav a::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #2e8337;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.uhm-home-hero__nav li::after {
  width: 0;
  height: 0; }

.uhm-home-hero__nav li.uhm-home-hero-selected button {
  background-color: #3d1951; }

@media only screen and (min-width: 768px) {
  .uhm-home-hero__nav {
    height: 80px; }
  .uhm-home-hero__nav a {
    padding-top: 48px;
    font-size: 1.1rem;
    text-transform: uppercase; }
  .uhm-home-hero__nav a::before {
    top: 18px; } }

/* --------------------- */
.owl-carousel {
  width: 100%; }
  .owl-carousel .card.long-card {
    max-width: none;
    width: calc(100% - 25px);
    text-align: left;
    text-align: center;
    height: 100%; }
    @media screen and (min-width: 1025px) {
      .owl-carousel .card.long-card {
        text-align: left; } }
    .owl-carousel .card.long-card a:hover,
    .owl-carousel .card.long-card a:active {
      text-decoration: underline; }
    .owl-carousel .card.long-card p {
      padding: 0;
      margin: 0; }
    .owl-carousel .card.long-card i {
      color: #3d1951; }
    @media screen and (max-width: 1024px) {
      .owl-carousel .card.long-card .col.third, .owl-carousel .card.long-card .col.twothirds {
        width: 100%; } }
    .owl-carousel .card.long-card .col .video-player {
      position: relative; }
      .owl-carousel .card.long-card .col .video-player .video-icon {
        position: relative;
        content: url("/images/uhm/white-vid-icon.png");
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center; }
    .owl-carousel .card.long-card .col img {
      max-height: 200px;
      width: auto; }
    .owl-carousel .card.long-card .col blockquote {
      color: #3d1951;
      font-size: 20px;
      line-height: 25px;
      font-weight: bold;
      font-family: "Raleway", sans-serif;
      quotes: "\201C" "\201D" "\2018" "\2019";
      margin: 20px auto; }
      @media screen and (min-width: 1024px) {
        .owl-carousel .card.long-card .col blockquote {
          font-size: 20px;
          line-height: 30px;
          margin: 0px 0px 10px 0px; } }
      .owl-carousel .card.long-card .col blockquote::before {
        font-size: 60px;
        line-height: 10px;
        margin-right: 10px;
        vertical-align: -20px;
        content: open-quote;
        position: relative;
        font-family: 'Times New Roman', serif; }
      .owl-carousel .card.long-card .col blockquote::after {
        font-size: 60px;
        line-height: 10px;
        content: close-quote;
        position: relative;
        vertical-align: -20px;
        font-family: 'Times New Roman', serif; }
    .owl-carousel .card.long-card .col h2.purple {
      font-weight: 400; }
  .owl-carousel .owl-nav {
    display: none; }
  .owl-carousel .card {
    margin: 0 auto;
    width: 100%; }
    .owl-carousel .card h2 {
      color: #3d1951;
      font-weight: bold;
      text-transform: none;
      line-height: 30px;
      font-size: 20px; }
    .owl-carousel .card img {
      display: block;
      margin: 0 auto;
      width: auto !important; }
    .owl-carousel .card p {
      font-weight: normal;
      padding: 10px 0px; }

.owl-carousel .owl-stage-outer {
  padding: 20px 0px; }

.content .owl-dots, .owl-carousel .owl-dots {
  margin: 10px auto; }
  .content .owl-dots button.owl-dot, .owl-carousel .owl-dots button.owl-dot {
    height: 15px;
    width: 15px;
    background: #cccccc !important;
    border-radius: 50%;
    border: 0px !important;
    margin: 5px; }
    .content .owl-dots button.owl-dot.active, .owl-carousel .owl-dots button.owl-dot.active {
      background: #3d1951 !important;
      border: 0px !important; }

/* iPhone myUHM Slider */
.dm-width {
  width: 100%;
  margin: 0 auto;
  max-width: 150px; }
  @media screen and (min-width: 768px) {
    .dm-width {
      max-width: 250px; } }

.iphone-mockup {
  position: relative;
  z-index: 5; }

.dm-device {
  position: relative;
  width: 100%;
  padding-bottom: 203.477897%;
  margin-bottom: 20px; }

.device {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("/images/uhm/iphone-x-mockup.png");
  background-size: cover;
  background-position: center center; }

.screen {
  overflow: hidden;
  position: absolute;
  top: 3%;
  bottom: 2.8%;
  left: 5%;
  right: 5%;
  border-radius: 10px;
  background-color: #3d1951; }
  @media screen and (min-width: 768px) {
    .screen {
      border-radius: 30px; } }

.slider-iphone {
  height: 100%; }

.slider-iphone div {
  height: 100%; }

.slider__item {
  font-size: 100px;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  .slider__item img {
    width: 100%; }

.button.extra-z-index {
  z-index: 999;
  position: relative; }

/* Internship Slider */
#internSlider {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
  z-index: 1; }
  @media screen and (min-width: 768px) {
    #internSlider {
      top: -25px; } }
  @media screen and (min-width: 768px) {
    #internSlider .owl-nav {
      display: block; } }
  #internSlider button[type="button"] {
    font-size: 35px;
    line-height: 40px;
    border: 0px !important;
    height: 50px;
    width: 50px;
    text-align: center;
    color: #2e8337;
    top: calc(50% - 50px);
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7); }
    #internSlider button[type="button"]:hover {
      background-color: white; }
  #internSlider button.owl-prev {
    left: 0;
    right: auto;
    margin-left: 20px !important; }
  #internSlider button.owl-next {
    left: auto;
    right: 0;
    margin-right: 20px !important; }

.testimonials {
  background-color: white;
  text-align: center !important;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  display: block;
  position: relative; }
  .testimonials h3 {
    color: #2e8337; }
  .testimonials #testimonialSlider .owl-dots {
    display: none; }
  @media screen and (min-width: 768px) {
    .testimonials #testimonialSlider .owl-nav {
      display: block; } }
  .testimonials #testimonialSlider .owl-nav button[type="button"] {
    font-size: 35px;
    line-height: 40px;
    border: 0px !important;
    height: 60px;
    width: 60px;
    text-align: center;
    padding: 5px;
    color: white;
    top: calc(50% - 50px);
    position: absolute;
    background-color: #2e8337;
    border-radius: 30px; }
    .testimonials #testimonialSlider .owl-nav button[type="button"]:hover {
      background-color: white;
      color: #2e8337; }
  .testimonials #testimonialSlider .owl-nav button.owl-prev {
    left: 10px;
    right: auto;
    margin-left: 10px !important; }
  .testimonials #testimonialSlider .owl-nav button.owl-next {
    left: auto;
    right: 10px;
    margin-right: 10px !important; }
  .testimonials .video-button-text {
    text-transform: uppercase;
    color: white;
    display: block; }
    .testimonials .video-button-text:empty, .testimonials .video-button-text:blank {
      display: none; }
    .testimonials .video-button-text:after {
      font-family: 'FontAwesome';
      content: "\F03D";
      color: white;
      margin-left: 10px; }
  .testimonials .card.testimonial {
    position: relative;
    width: 100%;
    left: 0;
    height: auto;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    width: calc(100% - 40px);
    margin: 0px auto;
    border: 0px; }
    @media screen and (min-width: 768px) {
      .testimonials .card.testimonial {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); } }
    @media screen and (min-width: 1024px) {
      .testimonials .card.testimonial {
        padding: 20px 30px;
        max-width: 500px; } }
    @media screen and (min-width: 1200px) {
      .testimonials .card.testimonial {
        max-width: 450px; } }
    .testimonials .card.testimonial img {
      margin: 0px auto;
      width: 100%; }
    .testimonials .card.testimonial blockquote {
      color: #3d1951;
      margin: 20px auto;
      font-size: 16px;
      line-height: 20px;
      font-weight: bold;
      text-align: left;
      font-family: "Raleway", sans-serif;
      quotes: "\201C" "\201D" "\2018" "\2019";
      text-align: center; }
      @media screen and (min-width: 768px) {
        .testimonials .card.testimonial blockquote {
          font-size: 18px;
          line-height: 25px;
          text-align: left; } }
      .testimonials .card.testimonial blockquote::before {
        font-size: 45px;
        line-height: 10px;
        margin-right: 10px;
        vertical-align: -15px;
        content: open-quote;
        position: relative; }
      .testimonials .card.testimonial blockquote::after {
        font-size: 45px;
        line-height: 10px;
        content: close-quote;
        position: relative;
        margin-left: 10px;
        vertical-align: -15px; }
    .testimonials .card.testimonial h2 {
      font-size: 16px;
      line-height: 25px;
      text-align: center;
      font-weight: lighter; }
      @media screen and (min-width: 768px) {
        .testimonials .card.testimonial h2 {
          font-size: 18px;
          line-height: 20px;
          text-align: left; } }

.testimonials-green {
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 79%, 35% 92%, 0 83%);
  clip-path: polygon(0 0, 100% 8%, 100% 79%, 35% 92%, 0 83%);
  text-align: center;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  display: block;
  position: relative;
  background-color: #2e8337;
  height: calc(100vh + 150px);
  min-height: 1000px;
  /* for internet explorer and edge only */ }
  @media screen and (min-height: 1200px) {
    .testimonials-green {
      max-height: 1200px;
      margin-top: 100px; } }
  .testimonials-green .wrap {
    margin-top: 50px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .testimonials-green {
      background-color: #2e8337; } }
  @media screen and (min-width: 768px) {
    .testimonials-green {
      background-size: auto 1000px;
      background-color: #2e8337;
      -webkit-clip-path: polygon(20% 0, 100% 15%, 100% 75%, 80% 100%, 0 75%, 0 15%);
      clip-path: polygon(20% 0, 100% 15%, 100% 75%, 80% 100%, 0 75%, 0 15%);
      /* for internet explorer and edge only */ } }
  @media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) {
    .testimonials-green {
      background-size: cover;
      background-color: white;
      background-image: url("/images/uhm/testimonial-background-ie.jpg");
      background-position: bottom right; } }
  .testimonials-green h3 {
    position: relative; }
    @media screen and (min-width: 768px) {
      .testimonials-green h3 {
        top: 50px; } }
    @media screen and (min-width: 1024px) {
      .testimonials-green h3 {
        top: 50px; } }
    @media screen and (min-width: 1024px) {
      .testimonials-green h3.testimonial-lo-heading {
        top: 150px; } }
  .testimonials-green .video-button-text {
    text-transform: uppercase;
    color: white;
    display: block; }
    .testimonials-green .video-button-text:empty, .testimonials-green .video-button-text:blank {
      display: none; }
    .testimonials-green .video-button-text:after {
      font-family: 'FontAwesome';
      content: "\F03D";
      color: white;
      margin-left: 10px; }
  .testimonials-green .reviews {
    position: relative;
    top: 650px; }
    @media screen and (min-width: 1024px) {
      .testimonials-green .reviews {
        top: 600px; } }
    .testimonials-green .reviews .button {
      position: relative;
      display: block;
      margin: 0 auto;
      width: 90%; }
  .testimonials-green .testimonial {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle; }
    @media screen and (min-width: 768px) {
      .testimonials-green .testimonial {
        top: 50px; } }
    @media screen and (min-width: 1024px) {
      .testimonials-green .testimonial {
        top: 50px;
        /* IE & Edge Only */ } }
  @media screen and (min-width: 1024px) and (-ms-high-contrast: active), screen and (min-width: 1024px) and (-ms-high-contrast: none) {
    .testimonials-green .testimonial {
      top: 25px; } }
    .testimonials-green .testimonial .quote {
      position: absolute;
      width: 100%;
      display: block; }
    .testimonials-green .testimonial img {
      max-width: 200px;
      width: 50%;
      border-radius: 50%;
      margin: 25px 0; }
      @media screen and (min-width: 768px) {
        .testimonials-green .testimonial img {
          width: 100%; } }
    .testimonials-green .testimonial blockquote {
      color: white;
      margin: 20px auto;
      font-size: 20px;
      line-height: 25px;
      font-weight: bold;
      font-family: "Raleway", sans-serif;
      quotes: "\201C" "\201D" "\2018" "\2019"; }
      @media screen and (min-width: 768px) {
        .testimonials-green .testimonial blockquote {
          font-size: 30px;
          line-height: 35px; } }
      @media screen and (min-width: 1024px) {
        .testimonials-green .testimonial blockquote {
          font-size: 40px;
          line-height: 45px;
          /* IE & Edge Only */ } }
  @media screen and (min-width: 1024px) and (-ms-high-contrast: active), screen and (min-width: 1024px) and (-ms-high-contrast: none) {
    .testimonials-green .testimonial blockquote {
      font-size: 40px;
      line-height: 50px;
      max-width: 1000px; } }
      .testimonials-green .testimonial blockquote::before {
        font-size: 90px;
        line-height: 10px;
        margin-right: 10px;
        vertical-align: -35px;
        content: open-quote;
        position: relative; }
        @media screen and (min-width: 768px) {
          .testimonials-green .testimonial blockquote::before {
            font-size: 120px;
            line-height: 0px; } }
      .testimonials-green .testimonial blockquote::after {
        font-size: 90px;
        line-height: 10px;
        content: close-quote;
        position: relative;
        margin-left: 10px;
        vertical-align: -65px; }
        @media screen and (min-width: 768px) {
          .testimonials-green .testimonial blockquote::after {
            font-size: 120px;
            line-height: 0px; } }
    .testimonials-green .testimonial h2 {
      font-size: 15px;
      line-height: 25px; }
      @media screen and (min-width: 768px) {
        .testimonials-green .testimonial h2 {
          font-size: 25px;
          line-height: 35px; } }

.video-player {
  width: auto;
  max-width: 1200px;
  margin: 0 auto;
  max-height: 500px; }
  .video-player img {
    height: auto; }

/* VIDEO MODAL */
.modal-video {
  background: #000;
  border: 1px solid #171717;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 666; }
  .modal-video.video-show {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
  .modal-video.video-out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
  .modal-video a.close-modal-video {
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 999;
    color: #fff;
    font-weight: 700;
    line-height: 45px;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px solid #ffffff;
    background-color: #000000;
    border-radius: 50%;
    box-shadow: 3px 3px 3px #171717; }
  .modal-video iframe {
    width: 100%;
    height: 100%; }
  .modal-video .video {
    width: 100%;
    height: 100%; }
  .modal-video .youTube-modal {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-video .youTube-video {
    width: 75%;
    height: 85%; }
    @media screen and (max-width: 480px) {
      .modal-video .youTube-video {
        width: 95%;
        height: 80%; } }

#chatToggle {
  display: block;
  float: right;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: white;
  color: #2e8337;
  width: 60px;
  height: 60px;
  font-size: 30px;
  padding: 10px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #2e8337;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in-out;
  transform-origin: center;
  transform: scale(0);
  opacity: 0; }
  @media screen and (min-width: 768px) {
    #chatToggle {
      bottom: 40px;
      right: 40px; } }
  #chatToggle.show {
    opacity: 1;
    transform: scale(1);
    z-index: 2; }
    @media screen and (min-width: 768px) {
      #chatToggle.show {
        transform: scale(1.5); } }
  #chatToggle.hide {
    visibility: hidden;
    opacity: 0; }
  #chatToggle:before {
    left: 0%;
    opacity: 0;
    height: 0;
    border: 0; }
  #chatToggle.text {
    width: 80px;
    height: 80px;
    font-size: 10px;
    line-height: 12px;
    color: #3d1951; }
    #chatToggle.text i {
      font-size: 45px;
      line-height: 1;
      display: block; }

.directQuestion {
  text-align: center;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly; }
  .directQuestion h4 {
    color: #3d1951; }
  .directQuestion .header-chat-controls {
    text-align: right;
    padding: 0 10px; }

.notifications {
  position: fixed;
  bottom: 85px;
  right: 0px;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .notifications {
      bottom: 120px; } }
  .notifications ul {
    padding: 0px;
    cursor: pointer; }
    .notifications ul li {
      border-radius: 10px 10px 10px 10px;
      background-color: #f7f7f7;
      padding: 10px;
      position: relative;
      width: auto;
      float: none;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      display: block;
      margin: 10px 10px;
      width: auto;
      max-width: 300px;
      transition: all 0.3s ease-in-out;
      transform-origin: right;
      transition-delay: 0.3s;
      transform: scale(0);
      opacity: 0;
      display: block; }
      .notifications ul li.show {
        opacity: 1;
        transform: scale(1); }
      .notifications ul li .fa {
        color: #2e8337; }
      .notifications ul li::after {
        content: '';
        width: 0;
        height: 0; }
      .notifications ul li:last-child::after {
        border-top: 7px solid #f7f7f7;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        width: 0;
        margin: 0 auto;
        transform-origin: top;
        background-color: transparent;
        right: 30px !important;
        left: auto;
        bottom: -6px !important;
        top: auto; }

.chat-widget {
  display: block;
  float: right;
  position: fixed;
  bottom: 20px;
  border-radius: 10px;
  right: 20px;
  background-color: white;
  height: calc(100vh - 50px);
  width: calc(100vw - 50px);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 999;
  padding: 10px;
  transition: 0.6s all ease-in-out; }
  @media screen and (min-width: 768px) {
    .chat-widget {
      height: 500px;
      width: 400px; } }
  @media screen and (min-width: 1024px) {
    .chat-widget {
      height: 500px;
      width: 350px; } }
  .chat-widget.open {
    bottom: 20px; }
  .chat-widget.close {
    bottom: -600px;
    visibility: hidden; }
  .chat-widget.textFeature {
    visibility: visible;
    opacity: 1;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    padding-top: 75px;
    box-shadow: none;
    border-radius: 0px;
    z-index: 0;
    overflow-y: scroll; }
    @media screen and (min-width: 768px) {
      .chat-widget.textFeature {
        display: none; } }
  .chat-widget .chat-header {
    border-bottom: 1px solid #3d1951;
    padding-bottom: 10px;
    min-height: 70px;
    height: auto;
    display: block;
    position: relative; }
    .chat-widget .chat-header .lo-finding {
      text-align: center; }
      .chat-widget .chat-header .lo-finding.hide {
        display: none; }
      .chat-widget .chat-header .lo-finding h1 {
        font-size: 16px;
        line-height: 20px; }
        @media screen and (min-width: 768px) {
          .chat-widget .chat-header .lo-finding h1 {
            font-size: 20px;
            line-height: 25px; } }
      .chat-widget .chat-header .lo-finding h2 {
        font-size: 15px;
        line-height: 20px;
        color: #666;
        font-weight: 100; }
    .chat-widget .chat-header .lo-details {
      width: 100%;
      float: left; }
      .chat-widget .chat-header .lo-details.show {
        display: inline; }
      .chat-widget .chat-header .lo-details h1 {
        font-size: 16px;
        line-height: 20px;
        margin: 0; }
        @media screen and (min-width: 768px) {
          .chat-widget .chat-header .lo-details h1 {
            font-size: 20px;
            line-height: 25px; } }
      .chat-widget .chat-header .lo-details h2 {
        font-size: 15px;
        line-height: 20px;
        color: #666;
        font-weight: 100;
        margin: 0; }
      .chat-widget .chat-header .lo-details h3 {
        font-size: 13px;
        line-height: 18px;
        color: #3d1951;
        margin: 0; }
      .chat-widget .chat-header .lo-details .contact-button {
        padding: 0 5px 0 0; }
    .chat-widget .chat-header .header-chat-controls {
      position: absolute;
      top: 0px;
      right: 0px; }
      .chat-widget .chat-header .header-chat-controls a {
        display: block;
        width: 50px;
        height: 50px;
        color: #666;
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
        text-align: center; }
    .chat-widget .chat-header .minimize-chat {
      float: left; }
    .chat-widget .chat-header .close-chat {
      float: left; }
      .chat-widget .chat-header .close-chat a:before {
        left: 0%;
        opacity: 0;
        height: 0;
        border: 0; }
  .chat-widget .max-widget {
    height: inherit; }
  .chat-widget .conversation {
    height: 60%;
    float: none;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden; }
    @media screen and (min-width: 768px) {
      .chat-widget .conversation {
        top: 0px;
        float: left;
        display: block;
        width: 100%; } }
    .chat-widget .conversation ul {
      width: 100%;
      padding: 10px 0px; }
      .chat-widget .conversation ul li {
        padding: 5px;
        font-size: 14px; }
        .chat-widget .conversation ul li.customer-chat, .chat-widget .conversation ul li.incognito-chat {
          float: right;
          display: block;
          position: relative;
          width: 100%;
          text-align: right; }
          .chat-widget .conversation ul li.customer-chat::after, .chat-widget .conversation ul li.incognito-chat::after {
            clear: both;
            content: "";
            display: block; }
          .chat-widget .conversation ul li.customer-chat .customer-name, .chat-widget .conversation ul li.customer-chat .employee-name, .chat-widget .conversation ul li.incognito-chat .customer-name, .chat-widget .conversation ul li.incognito-chat .employee-name {
            display: block;
            text-align: right;
            color: #3d1951;
            font-weight: bold; }
          .chat-widget .conversation ul li.customer-chat .employee-name:after, .chat-widget .conversation ul li.incognito-chat .employee-name:after {
            content: "[Incognito Mode]";
            margin-left: 10px; }
          .chat-widget .conversation ul li.customer-chat .message, .chat-widget .conversation ul li.incognito-chat .message {
            border-radius: 10px 0px 10px 10px;
            background-color: #3d1951;
            color: white;
            padding: 5px;
            position: relative;
            width: auto;
            max-width: 80%;
            float: right; }
          .chat-widget .conversation ul li.customer-chat .timestamp, .chat-widget .conversation ul li.incognito-chat .timestamp {
            color: #666;
            font-size: 12px;
            line-height: 16px;
            float: right;
            display: block;
            width: 100%;
            text-align: right; }
        .chat-widget .conversation ul li.employee-chat {
          float: left;
          display: block;
          position: relative;
          width: 100%; }
          .chat-widget .conversation ul li.employee-chat::after {
            clear: both;
            content: "";
            display: block; }
          .chat-widget .conversation ul li.employee-chat .employee-name {
            display: block;
            text-align: left;
            color: #3d1951;
            font-weight: bold; }
          .chat-widget .conversation ul li.employee-chat .message {
            text-align: left;
            border-radius: 0px 10px 10px 10px;
            background-color: #e4e4e4;
            padding: 5px;
            position: relative;
            width: auto;
            max-width: 80%;
            float: left; }
          .chat-widget .conversation ul li.employee-chat .timestamp {
            color: #666;
            font-size: 12px;
            line-height: 16px;
            width: 100%;
            float: left;
            display: block; }
        .chat-widget .conversation ul li::after {
          content: "";
          width: 0px;
          height: 0px; }
  .chat-widget .send-message {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-top: 1px solid #999; }
    .chat-widget .send-message.hide {
      display: none; }
    .chat-widget .send-message div.input-add-on {
      display: flex; }
    .chat-widget .send-message div.typing-indicator {
      margin: 5px;
      height: 20px;
      font-style: italic; }
    .chat-widget .send-message form {
      border-radius: 10px;
      padding-bottom: 10px;
      background-color: #f7f7f7; }
    .chat-widget .send-message input.chat-message {
      background-color: #f7f7f7;
      border: 0px solid #3d1951;
      margin: 0;
      flex: 1;
      max-width: none; }
    .chat-widget .send-message button.send-message-button {
      background-color: #f7f7f7 !important;
      padding: 0;
      border: 0 !important; }
      .chat-widget .send-message button.send-message-button:hover, .chat-widget .send-message button.send-message-button:active, .chat-widget .send-message button.send-message-button:focus {
        transform: scale(1);
        background-color: #f7f7f7 !important; }
    .chat-widget .send-message i.send-message-icon {
      font-size: 25px;
      margin: 10px;
      padding: 10px;
      color: #2e8337;
      cursor: pointer; }

/* Feedback form */
.feedback {
  display: inline; }

/* Star Rating */
.star-rating {
  border: 0 solid #ccc;
  font-size: 39px;
  height: 50px;
  padding: 10px 8px;
  text-align: center;
  width: 225px;
  margin: 0 auto; }
  .star-rating input {
    display: none; }
  .star-rating label {
    color: #ccc !important;
    cursor: pointer;
    float: right;
    margin: 0 .08em;
    width: 35px; }
  .star-rating :checked ~ label {
    color: #f90 !important; }
  .star-rating label:hover,
  .star-rating label:hover ~ label {
    color: #fc0 !important; }

/* End Star Rating */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield; }

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both; }

.green {
  background-color: green; }

.gray {
  background-color: gray; }

.multiStepContainer {
  padding: 1.5rem .5rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .multiStepContainer .avminputValue {
    width: 100%;
    height: 2.9rem;
    border: 1px solid #3d1951;
    padding-left: 30px; }
  .multiStepContainer .loan_balance_section {
    width: 100%;
    margin-bottom: 0; }
  .multiStepContainer .dollarAvmInput {
    position: relative; }
  .multiStepContainer .dollarAvmInput span {
    position: absolute;
    left: 15px;
    top: 20px; }
  .multiStepContainer .radio_button_check {
    display: flex;
    gap: 10px;
    align-items: center; }
  .multiStepContainer .avn_edit_button {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 8px 46px;
    margin: 20px 0; }
  .multiStepContainer .custome_radio .customLabel {
    border-radius: 25% !important;
    height: 20px !important;
    width: 20px !important; }
  .multiStepContainer .custome_radio span.customLabel:after {
    opacity: 0 !important; }
  .multiStepContainer .editField span {
    font-size: 30px;
    font-weight: 800; }
  .multiStepContainer .editField input {
    border: none;
    padding: 0 5px;
    font-size: 30px;
    font-weight: 800;
    margin: 0; }
  .multiStepContainer .multiStepContainer_contact {
    font-size: 22px !important;
    margin-bottom: 1.5rem; }
  .multiStepContainer h2 {
    font-size: 18px !important;
    font-weight: bolder !important;
    color: #3c1951 !important;
    text-align: left !important; }
    @media (max-width: 400px) {
      .multiStepContainer h2 {
        font-size: 14px; } }
    @media (max-width: 250px) {
      .multiStepContainer h2 {
        font-size: 11px; } }
  .multiStepContainer button {
    cursor: pointer; }
  .multiStepContainer .optionsDiv:hover {
    background: #3c1951; }
    .multiStepContainer .optionsDiv:hover span {
      color: #ffffff !important; }
    .multiStepContainer .optionsDiv:hover .svgIcons path, .multiStepContainer .optionsDiv:hover line, .multiStepContainer .optionsDiv:hover rect, .multiStepContainer .optionsDiv:hover circle {
      stroke: #ffffff; }
  .multiStepContainer .svgIcons {
    position: relative;
    top: 5px; }
  .multiStepContainer .activeText .svgIcons path, .multiStepContainer .activeText line, .multiStepContainer .activeText rect, .multiStepContainer .activeText circle {
    stroke: #ffffff; }
  .multiStepContainer .stepper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    position: relative; }
    .multiStepContainer .stepper .round__button {
      border: none !important;
      border-radius: 50%;
      box-shadow: 1px 1px 4px 0px #47454599;
      background: none;
      color: #545151;
      width: 60px;
      height: 60px;
      text-align: center;
      display: flex;
      align-items: center;
      position: absolute;
      justify-content: center;
      left: -170px; }
    .multiStepContainer .stepper .stepper__content {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 1.5rem; }
      .multiStepContainer .stepper .stepper__content .multiple__stepper__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1.5rem; }
      .multiStepContainer .stepper .stepper__content .stepper__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: .75rem;
        width: 24rem; }
        .multiStepContainer .stepper .stepper__content .stepper__item .description {
          text-align: left;
          margin: 0;
          font-weight: bold;
          color: #68646c; }
        @media (max-width: 400px) {
          .multiStepContainer .stepper .stepper__content .stepper__item {
            width: 18rem; } }
        @media (max-width: 250px) {
          .multiStepContainer .stepper .stepper__content .stepper__item {
            width: 10rem; } }
        .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions {
          display: flex;
          flex-direction: column;
          justify-content: center;
          gap: .5rem;
          width: 100%; }
          .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div {
            width: 100%;
            height: 2.9rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 1.5px solid #3c1951;
            border-radius: 4px;
            gap: 0.5rem;
            cursor: pointer;
            padding: 0 0.5rem; }
            .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div > label {
              width: 100%;
              height: 100%;
              display: inline-block;
              justify-content: space-between;
              align-items: center;
              cursor: pointer;
              line-height: 41px;
              font-weight: normal; }
            .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div span {
              color: #3c1951;
              display: flex;
              flex-wrap: nowrap;
              justify-content: center;
              align-items: center;
              gap: 10px;
              float: left; }
              .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div span > span {
                margin-left: .5rem; }
              @media (max-width: 400px) {
                .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div span {
                  font-size: 14px; } }
            .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div input[type=radio] {
              -ms-transform: scale(1.5);
              cursor: pointer;
              width: 22px;
              height: 22px; }
            .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions > div input[type=radio]:checked {
              background-color: #3c1951; }
          .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions .active {
            background-color: #3c1951; }
            .multiStepContainer .stepper .stepper__content .stepper__item .questionOptions .active span {
              color: #ffffff; }
        .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0.7rem;
          width: 100%; }
          .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form h2 {
            color: #3c1951; }
          .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .input_div {
            gap: 10px; }
            .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .input_div .single__input__block {
              width: 100%; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .input_div .single__input__block label {
                color: #3c1951;
                font-size: 10px;
                font-weight: bold; }
          .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .cashout__input.input_div {
            flex-direction: row !important;
            gap: 10px !important;
            align-items: baseline; }
          .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: .3rem; }
            .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) > label {
              width: 100%;
              color: #3c1951;
              font-size: 10px;
              font-weight: bold;
              text-align: left; }
            .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__input, .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .single__input {
              display: grid;
              grid-template-columns: 100%;
              width: 100%;
              border: 1px solid #3c1951;
              border-radius: 4px;
              height: 2.9rem;
              gap: .5rem;
              justify-content: center;
              align-items: center; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__input > input, .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .single__input > input {
                width: 100%;
                height: 2.3rem;
                border: none;
                margin: 0 !important; }
                .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__input > input:focus, .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .single__input > input:focus {
                  outline: none; }
                @media (max-width: 400px) {
                  .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__input > input, .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .single__input > input {
                    font-size: 14px; } }
            .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__label {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__label > div:last-child {
                text-align: right; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form > div:not(.agreement__box) .multiple__label label {
                color: #3c1951;
                font-size: 10px;
                font-weight: bold; }
          .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box {
            display: grid !important;
            grid-template-columns: 4% calc(100% - 10%);
            align-items: flex-start;
            justify-content: flex-start;
            gap: 0 6px; }
            .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box > label {
              width: 100%;
              color: #3c1951;
              font-size: 10px;
              font-weight: bold;
              margin: 0;
              padding: 0;
              text-align: left; }
            .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox {
              position: relative;
              margin-right: 12px; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > input {
                width: 100%;
                height: 1.3rem !important;
                width: 1.3rem !important; }
                .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > input:focus {
                  outline: none; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > input[type="checkbox"] {
                visibility: hidden !important; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > input[type="checkbox"]:checked + label {
                background-color: #3c1951;
                border-color: #FFFFFF; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > input[type="checkbox"]:checked + label:after {
                opacity: 1; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > label {
                border: 0.5px solid #3c1951;
                cursor: pointer;
                height: 23px;
                left: 0;
                position: absolute;
                top: 0;
                width: 23px; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox input[type=checkbox] + label:before {
                display: contents !important; }
              .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .agreement__box .square__checkbox > label::after {
                border: 1.5px solid #FFFFFF;
                content: "";
                height: 16px;
                left: 1px;
                opacity: 0;
                position: absolute;
                top: 1px;
                width: 16px;
                background: #3c1951; }
        .multiStepContainer .stepper .stepper__content .stepper__item .select__box {
          min-width: 24rem;
          padding: 0;
          max-width: 24rem;
          border: none; }
          .multiStepContainer .stepper .stepper__content .stepper__item .select__box > select {
            width: 100%;
            height: 2.9rem;
            border-color: #3c1951;
            border-radius: 4px;
            padding: 0 10px;
            margin: 0;
            border: 1.5px solid #3c1951;
            appearance: revert; }
            @media (max-width: 400px) {
              .multiStepContainer .stepper .stepper__content .stepper__item .select__box > select {
                font-size: 14px; }
                .multiStepContainer .stepper .stepper__content .stepper__item .select__box > select option {
                  font-size: 14px; } }
      .multiStepContainer .stepper .stepper__content .next__button__block {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        align-items: center; }
        .multiStepContainer .stepper .stepper__content .next__button__block .activeNextButton {
          background: #3c1951 !important;
          color: #ffffff !important; }
        .multiStepContainer .stepper .stepper__content .next__button__block .next__button {
          max-width: 50%;
          padding: 8px 46px;
          font-size: 14px;
          margin: 0;
          padding: 8px 46px;
          border: 0.5px solid #3c1951 !important;
          color: #3c1951;
          background: #ffffff; }
          .multiStepContainer .stepper .stepper__content .next__button__block .next__button > i {
            margin-left: 6px; }
      .multiStepContainer .stepper .stepper__content .round {
        position: relative; }
        .multiStepContainer .stepper .stepper__content .round > input {
          width: 100%;
          height: 1.3rem !important;
          width: 1.3rem !important;
          border-radius: 50%; }
          .multiStepContainer .stepper .stepper__content .round > input:focus {
            outline: none; }
        .multiStepContainer .stepper .stepper__content .round > input[type="checkbox"] {
          visibility: hidden !important; }
        .multiStepContainer .stepper .stepper__content .round > input[type="checkbox"]:checked + label {
          background-color: #3c1951;
          border-color: #FFFFFF; }
        .multiStepContainer .stepper .stepper__content .round > input[type="checkbox"]:checked + label:after {
          opacity: 1; }
        .multiStepContainer .stepper .stepper__content .round > label {
          border: 1px solid #3c1951;
          border-radius: 50%;
          cursor: pointer;
          height: 30px;
          left: 0;
          position: absolute;
          top: -2px;
          width: 30px;
          margin: 0 !important; }
        .multiStepContainer .stepper .stepper__content .round input[type=checkbox] + label:before {
          display: contents !important; }
        .multiStepContainer .stepper .stepper__content .round > label::after {
          border: 2px solid #FFFFFF;
          border-radius: 50%;
          content: "";
          height: 20px;
          left: 2px;
          opacity: 0;
          position: absolute;
          top: 2px;
          width: 20px;
          background: #3c1951; }
      .multiStepContainer .stepper .stepper__content div.round__radio__check {
        position: relative;
        float: right;
        top: 11px; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check > input[type=radio].radio__custome {
          width: 100%;
          height: .5rem;
          width: .5rem;
          border-radius: 50%; }
          .multiStepContainer .stepper .stepper__content div.round__radio__check > input[type=radio].radio__custome:focus {
            outline: none; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check > input[type="radio"] {
          visibility: hidden !important; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check > input[type="radio"]:checked + span.customLabel {
          background-color: #7F4896;
          border-color: #FFFFFF; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check > input[type="radio"]:checked + span.customLabel:after {
          opacity: 1; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check input[type=checkbox] + span.customLabel:before {
          display: contents !important; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check > span.customLabel {
          border: 1px solid #7F4896;
          background-color: #FFFFFF;
          border-radius: 50%;
          cursor: pointer;
          height: 30px;
          left: -21px;
          position: absolute;
          top: -5px;
          width: 30px;
          margin: 0; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check > span.customLabel:after {
          border: 2px solid #FFFFFF;
          border-top: none;
          border-right: none;
          content: "";
          height: 4px;
          left: 8px;
          opacity: 0;
          position: absolute;
          top: 9.5px;
          transform: rotate(-45deg);
          width: 10px; }
        .multiStepContainer .stepper .stepper__content div.round__radio__check .preferredlabel {
          left: 0px !important; }

.finish__stepper {
  width: 330px; }
  .finish__stepper div:first-child {
    margin-bottom: 12px; }
    .finish__stepper div:first-child h2 {
      font-weight: 800;
      margin-bottom: 12px;
      font-size: 20px !important;
      line-height: 25px;
      color: #3d1951; }
    .finish__stepper div:first-child span {
      font-weight: lighter;
      color: gray; }
    .finish__stepper div:first-child p {
      font-size: 13px;
      color: #171717;
      line-height: 20px;
      text-align: left; }
  .finish__stepper .contactInfo {
    text-align: left;
    margin-bottom: 12px; }
    .finish__stepper .contactInfo strong {
      color: #3c1951;
      border-bottom: 1px solid #3c1951;
      font-size: 13px; }
    .finish__stepper .contactInfo > span {
      margin-bottom: 6px;
      color: #000000;
      font-size: 12px;
      font-weight: 600; }
    .finish__stepper .contactInfo > a {
      font-size: 13px;
      color: #171717;
      line-height: 27px;
      text-align: left;
      display: block; }
      .finish__stepper .contactInfo > a > span {
        color: gray; }

.navbar__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .navbar__container div {
    width: 100%; }
  .navbar__container > .stepperCount {
    display: flex;
    align-items: center;
    height: 4.5rem;
    box-shadow: 0 0px 5px #393f48; }
    .navbar__container > .stepperCount img {
      width: 132px;
      height: 32px; }
    .navbar__container > .stepperCount span {
      color: #3c1951;
      font-size: .75rem;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 3px; }
    .navbar__container > .stepperCount button {
      font-size: .75rem;
      font-weight: 600;
      height: 32px;
      text-transform: uppercase;
      background: #3c1951;
      border-radius: 26px;
      color: #ffffff;
      min-width: 6rem;
      max-width: 6rem; }
      .navbar__container > .stepperCount button:hover {
        cursor: pointer; }
    .navbar__container > .stepperCount .navbar__central__content {
      max-width: 100rem;
      background-color: lightblue; }
    .navbar__container > .stepperCount > :last-child {
      display: flex;
      align-items: center;
      justify-content: right;
      gap: 1.5rem; }
      @media (max-width: 600px) {
        .navbar__container > .stepperCount > :last-child {
          display: none; } }

.progress__bar {
  width: 100%;
  counter-reset: step;
  padding: 0; }
  .progress__bar li {
    height: 30px;
    float: left;
    position: absolute;
    top: -4px;
    text-align: center;
    cursor: pointer; }
    .progress__bar li::before {
      content: counter(step);
      counter-increment: step;
      width: 24px;
      height: 24px;
      line-height: 24px;
      display: block;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 50%;
      margin: 0;
      color: gray;
      font-size: 12px;
      z-index: 999999 !important;
      font-weight: bold;
      background: #ffffff;
      position: relative; }
    .progress__bar li::after {
      z-index: -1;
      content: '';
      width: 100%;
      position: absolute;
      height: 2px !important;
      background-color: #ddd;
      top: 16px;
      left: -8px;
      z-index: 1; }
    .progress__bar li:first-child {
      padding-left: 0; }
    .progress__bar li:first-child::after {
      content: none !important; }
    .progress__bar li .active::before {
      background-color: #3c1951; }
  .progress__bar li:nth-child(1) {
    left: 1px; }
  .progress__bar li:nth-child(2) {
    left: 27px; }
  .progress__bar li:nth-child(3) {
    left: 83px; }
  .progress__bar li:nth-child(4) {
    left: 139px; }
  .progress__bar li:nth-child(5) {
    left: 195px; }
  .progress__bar li:nth-child(6) {
    left: 251px; }
  .progress__bar li.active {
    color: green; }
    .progress__bar li.active::before {
      border-color: green;
      color: green;
      height: 36px;
      width: 36px;
      top: -7px;
      line-height: 35px;
      font-size: 16px;
      border-width: 2px;
      left: -7px; }
    .progress__bar li.active::after + ::before {
      background-color: green; }
  .progress__bar li.visited::after {
    background-color: green; }
  .progress__bar li.active::after {
    background-color: green; }
  .progress__bar li.active ~ li.progressDone::before {
    background-color: #ffffff;
    color: gray;
    border: 1px solid #ddd; }
  .progress__bar li.active ~ li.progressDone::after {
    background-color: #ddd !important; }
  .progress__bar li.visited::before {
    background-color: green;
    color: white; }
  .progress__bar li.visited {
    pointer-events: visible !important; }

.progressBarContainer {
  display: flex;
  align-items: center;
  justify-content: center !important;
  z-index: 0; }
  .progressBarContainer ul {
    text-align: center;
    width: auto;
    position: relative;
    width: 312px;
    height: 25px; }

.multiStepHeader {
  box-shadow: 0px 0px 10px #00000066; }

.multiStepHeader .wrap {
  position: relative;
  height: 72px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  margin-top: 0 !important;
  justify-content: space-between; }
  .multiStepHeader .wrap .logo-uhm-holder {
    height: 40px; }
  .multiStepHeader .wrap .logo-uhm {
    height: 40px; }

@media (min-width: 1024px) {
  .multiStepHeader .wrap {
    margin: 0 auto;
    max-width: 1600px; } }

.contactMeBtn {
  padding: 9px 15px;
  background: #FFFFFF;
  border: 1px solid #211F22;
  border-radius: 100px;
  opacity: 1;
  font-size: .75rem;
  text-align: center;
  font-weight: 600 !important;
  letter-spacing: 0px;
  color: #3D1951 !important;
  text-transform: uppercase;
  height: 40px;
  margin-left: 0;
  text-decoration: none !important; }

.phoneNumber {
  position: absolute;
  right: 150px;
  display: flex; }
  .phoneNumber i {
    margin-right: 10px;
    color: #3c1951; }

li.progressDone:before {
  color: #ffffff;
  background-color: green; }

li.progressDone:after {
  background-color: green !important; }

.main__contact {
  background: white;
  width: 23rem;
  position: relative; }
  .main__contact .btncontactBack {
    border: none !important;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 0px #47454599;
    background: none;
    color: #545151;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    left: -170px;
    top: 80px; }
  .main__contact .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-bottom: 1px solid lightgrey;
    height: 60px; }
    .main__contact .title .main__title {
      font-size: 24px;
      color: #3c1951;
      font-weight: bold;
      text-transform: capitalize; }
    .main__contact .title .close__button {
      font-size: 11px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4px;
      border: none !important;
      background: transparent;
      cursor: pointer;
      color: #3c1951;
      margin: 0; }
  .main__contact .contact__us {
    padding: 12px;
    padding-right: 30px;
    width: 100%; }
    .main__contact .contact__us h2 {
      font-size: 18px !important;
      font-weight: bolder !important;
      color: #3c1951 !important;
      text-align: left !important; }
    .main__contact .contact__us .input__field {
      width: 100%; }
      .main__contact .contact__us .input__field .inputField {
        height: 2.9rem;
        width: 100%;
        border: 1px solid #3c1951;
        border-radius: 4px;
        padding: 6px;
        appearance: revert; }
        @media (max-width: 400px) {
          .main__contact .contact__us .input__field .inputField {
            font-size: 14px; } }
        .main__contact .contact__us .input__field .inputField:focus {
          outline: none; }
      .main__contact .contact__us .input__field label {
        text-align: left;
        font-size: 12px;
        opacity: 0.7; }
      .main__contact .contact__us .input__field div:not(.submit__button) {
        width: 100%; }
        .main__contact .contact__us .input__field div:not(.submit__button) p {
          color: #3c1951;
          font-size: 12px;
          text-align: left;
          line-height: 18px; }
        .main__contact .contact__us .input__field div:not(.submit__button) span {
          color: #3c1951;
          font-size: 9px;
          font-weight: bold; }
      .main__contact .contact__us .input__field .submit__button {
        width: 100%;
        text-align: right;
        margin-top: 10px; }
        .main__contact .contact__us .input__field .submit__button button {
          padding: 8px 30px;
          font-size: 12px;
          margin: 0;
          border: 0.5px solid #3c1951 !important;
          color: #3c1951;
          background: #ffffff; }

.loTextLabel {
  text-align: left;
  font-size: 12px !important;
  opacity: 1;
  font-weight: 500 !important;
  display: block; }

.sidebar__contact__us {
  height: calc(100% + 60px);
  width: 0;
  position: fixed;
  z-index: 1;
  top: -60px;
  right: -1px;
  overflow-x: hidden;
  padding-top: 60px;
  display: grid;
  grid-template-columns: calc(100% - 350px) 350px; }
  .sidebar__contact__us .garbarge__contact {
    background: transparent;
    background-color: #3c1951;
    opacity: 0.8; }
  .sidebar__contact__us .main__contact {
    width: auto !important; }

.activeNow {
  background: #3c1951 !important;
  color: #fff !important; }

.autoCompleteContainer {
  position: relative; }
  .autoCompleteContainer input {
    width: 100%;
    height: 2.9rem;
    border: 1px solid #3d1951; }
    @media (max-width: 400px) {
      .autoCompleteContainer input {
        font-size: 14px; } }
  .autoCompleteContainer a {
    position: absolute;
    top: 17px;
    right: 14px; }

.autocomplete-dropdown-container {
  max-height: 220px;
  overflow-y: auto; }
  .autocomplete-dropdown-container ul {
    padding: 0;
    list-style: none;
    background: white;
    box-shadow: -1px 5px 5px 0px #d0d0d0; }
    .autocomplete-dropdown-container ul li {
      font-size: 16px;
      line-height: 20px;
      padding: 10px;
      border-bottom: 1px solid #f7f7f7;
      align-items: center;
      cursor: pointer; }
    .autocomplete-dropdown-container ul span.lo-headshot {
      border-radius: 50%;
      width: 45px;
      height: 45px;
      float: left;
      margin-right: 10px;
      display: inline-block;
      background-position: center;
      background-image: url("/images/uhm/uhm-logo-color.svg");
      background-size: contain;
      background-repeat: no-repeat; }
    .autocomplete-dropdown-container ul:after {
      content: "";
      width: 0px;
      height: 0px; }
    .autocomplete-dropdown-container ul li:after {
      display: none; }

#suggestions-list small {
  display: block;
  font-weight: normal; }

#suggestions-list .lo-name {
  color: #3c1951;
  font-size: 14px;
  display: block;
  line-height: 20px;
  font-weight: bold; }
  #suggestions-list .lo-name li {
    font-size: 14px; }

.no-suggestions {
  color: #ff0000;
  padding: 0.5rem;
  clear: both;
  float: none; }

.tcpaCheckbox {
  position: relative;
  padding-left: 20px;
  top: 5px; }
  .tcpaCheckbox input {
    position: absolute;
    left: 0;
    top: 3px; }
  .tcpaCheckbox p {
    text-align: left;
    line-height: 18px; }

.errorMessage {
  color: red !important;
  font-weight: bold !important;
  font-size: 10px !important;
  padding: 0px;
  line-height: 15px;
  min-height: 20px;
  margin-bottom: 10px;
  text-align: left;
  display: block;
  width: 100%;
  min-width: 132px; }

.loOfficerMsg {
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  margin-bottom: 10px; }

.requiredInputs {
  position: absolute !important;
  font-size: 20px !important;
  /*    color: red !important;*/
  color: #B10606 !important; }

.phoneIconMV {
  display: none; }

.closeMobileSidebar {
  width: 0% !important; }

@media (max-width: 360px) {
  .phoneNumber {
    right: 135px; } }

@media (max-width: 1025px) {
  .stepper .round__button.leftSide {
    left: 102px !important; }
  .credit_button {
    position: absolute;
    bottom: -56px; }
  .container {
    display: initial; }
  .sideBar_closeClass {
    top: 115px !important;
    z-index: 2 !important;
    padding-top: 30px !important;
    left: 0; }
  .sideBar_closeClass + .multiStepHeader {
    position: fixed;
    width: 100%; }
  .closeMobileSidebar {
    width: 100% !important;
    background: #3c1951cc !important; }
    .closeMobileSidebar .main__contact {
      height: 270px; }
  .mobileViewSideBar {
    padding: 15px;
    text-align: left; }
    .mobileViewSideBar h2 {
      font-size: 16px !important;
      font-weight: bold !important;
      color: #000;
      margin: 0; }
    .mobileViewSideBar h3 {
      margin: 0;
      font-size: 14px;
      padding: 0;
      text-transform: inherit; }
    .mobileViewSideBar a {
      font-size: 14px; }
  .phoneIconMV {
    display: block; }
  .phoneIconDV {
    display: none; }
  .formAgreement .errorMessage {
    position: relative !important;
    left: 18px !important;
    margin-bottom: 0; }
  .main__contact .contact__us {
    padding: 0;
    width: 17rem;
    margin: auto; }
  .main__contact .contact__us .input__field div:not(.submit__button) p {
    color: #3c1951;
    font-size: 12px;
    text-align: left;
    line-height: 18px; }
  .multiStepHeader {
    position: sticky;
    top: 0;
    background: white;
    z-index: 9; }
    .multiStepHeader .wrap {
      max-width: 100vw; }
      .multiStepHeader .wrap .progressBarContainer {
        position: absolute;
        top: 71px;
        width: 100%;
        left: 0;
        background: #ffffff;
        box-shadow: -1px 5px 4px #00000066;
        padding-bottom: 15px; } }

@media (max-width: 1025px) and (max-width: 1025px) and (min-width: 501px) {
  .multiStepContainer .stepper .stepper__content .stepper__item {
    width: 23rem; } }

@media (max-width: 1025px) {
  .multiStepContainer {
    margin-top: 50px;
    z-index: 1;
    position: relative; }
    .multiStepContainer .stepper .round__button {
      left: 0;
      border-radius: 2px;
      height: 43px;
      bottom: -56px;
      color: #3d1951;
      box-shadow: none;
      border: 1px solid #3d1951 !important; }
    .multiStepContainer .stepper .buttonBottom.round__button {
      bottom: 0 !important; }
    .multiStepContainer .stepper .finishPrevious {
      bottom: 0 !important; }
    .multiStepContainer .next__button {
      max-width: 100% !important; }
    .multiStepContainer .select__box {
      max-width: 100% !important;
      min-width: 100% !important; }
  .main__contact {
    position: relative;
    z-index: 999999; }
  .main__contact .btncontactBack {
    top: unset;
    left: 48px;
    border-radius: 2px;
    height: 44px;
    color: #3d1951;
    border: 1px solid #3d1951 !important;
    box-shadow: none;
    bottom: -25px; }
  .main__contact .positionDown {
    bottom: 0px !important; }
  .sidebar__contact__us {
    z-index: 99;
    overflow-y: hidden; }
  .main__contact .finish__stepper {
    padding: 15px 25px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto; }
  .hero.hero--multi-step-hero {
    height: auto !important;
    min-height: auto !important; } }

.sideBar_closeClass {
  top: 90px;
  background: #ffffff;
  display: block;
  padding-top: 0; }
  .sideBar_closeClass .garbarge__contact {
    background: unset; }
  .sideBar_closeClass .title {
    display: none; }
  .sideBar_closeClass .finish__stepper {
    width: 330px;
    margin: auto;
    text-align: left; }

.formAgreement {
  grid-template-columns: 4% calc(100% - 10%); }
  .formAgreement input {
    width: fit-content;
    position: relative;
    top: 3px;
    left: 0; }
  .formAgreement p {
    font-size: 12px;
    text-align: left;
    line-height: 18px; }
  .formAgreement .errorMessage {
    position: relative;
    left: 22px; }

.multipstep-input-box {
  height: 2.3rem;
  border-radius: 3px;
  border: 1px solid #3d1951;
  color: #3c1591;
  outline: none;
  width: 100%; }

.select-time {
  padding: 8px 15px;
  height: 2.6rem; }

.rangeSlider .rangeNumber {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .rangeSlider .rangeNumber span {
    font-size: 14px;
    color: #3c1951;
    font-weight: 500; }

.rangeSlider .cashAmountdiv input[type=range] {
  height: auto !important; }

.rangeSlider .valueDisplay {
  text-align: left;
  margin: 20px 0 5px 0; }
  .rangeSlider .valueDisplay .valueText {
    font-weight: 600;
    font-size: 30px;
    color: #2eb047; }

.cashAmountdiv {
  position: relative; }
  .cashAmountdiv span {
    position: absolute;
    left: 0.5rem;
    top: 17px;
    color: #3c1951;
    font-weight: 600;
    font-size: 18px; }
  .cashAmountdiv input {
    padding-left: 26px; }

.multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .cashoutForm {
  display: block !important; }

.multiStepContainer .no-suggestions {
  padding: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
  text-align: left; }
  .multiStepContainer .no-suggestions .error {
    color: red !important; }
  .multiStepContainer .no-suggestions .success {
    color: green !important; }

.apply_and_continue {
  padding: 8px 20px !important;
  max-width: fit-content !important; }
  @media (max-width: 400px) {
    .apply_and_continue {
      padding: 8px !important; } }

.cashout_check input[type=radio] {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px; }

.cashout_check label input + span.checkedLabel {
  left: 0 !important;
  top: 5px !important; }

.cashout_check .round__radio__check {
  top: 0 !important; }

.estimated-cash h2, .estimated-cash h1 {
  text-align: center !important; }

.whats-next .whats-next-button-container button.activeButton {
  background-color: #3c1951;
  color: #ffffff; }

.whats-next h2 {
  text-align: center !important; }

.whats-next div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px; }
  .whats-next div button {
    background: transparent;
    color: #3c1951;
    border: 1px solid #3c1951 !important;
    width: 150px;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    height: 90px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0;
    margin-top: 29px; }

@media (max-width: 1030px) {
  .whats-next div {
    flex-direction: column;
    gap: 15px;
    margin-top: 20px; }
    .whats-next div button {
      width: 100%;
      padding: 0;
      height: 45px;
      border-radius: 3px;
      margin-top: 0; } }

.scheduleContainer {
  margin-top: 30px; }
  .scheduleContainer .react-datepicker button {
    padding: 10px;
    border: none !important; }
    .scheduleContainer .react-datepicker button:hover {
      background: transparent; }
  .scheduleContainer .react-datepicker .react-datepicker__triangle {
    transform: translate(126px, 0px) !important; }
  .scheduleContainer .react-datepicker-wrapper {
    width: 100%;
    margin-bottom: 10px; }
    .scheduleContainer .react-datepicker-wrapper .scheduledDate {
      height: 2.3rem;
      border-radius: 3px;
      border: 1px solid #3d1951;
      color: #3c1591;
      outline: none;
      width: 100%; }
  .scheduleContainer h1 {
    font-size: 30px !important; }
  .scheduleContainer label {
    color: #3c1951 !important; }
  .scheduleContainer button.book_meeting_button {
    padding: 14px 40px;
    border: none !important;
    background: #2e8337;
    color: #ffffff;
    margin-left: auto;
    margin-right: 0;
    font-size: 14px; }

.multistepNewSection {
  width: 100%;
  display: block !important; }
  .multistepNewSection .actionButton.active {
    background: #3c1951 !important; }
    .multistepNewSection .actionButton.active div p {
      color: #ffffff !important; }
  .multistepNewSection .mobileActionButton {
    display: none !important; }
  .multistepNewSection .stepper, .multistepNewSection .stepper__content, .multistepNewSection .stepper__item {
    display: block !important; }
  .multistepNewSection .stepper__item {
    width: 55% !important;
    margin: auto;
    padding: 0 50px; }
    .multistepNewSection .stepper__item .estimatedSummary {
      display: flex; }
      .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryImage {
        width: 40%; }
      .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent {
        padding-right: 15px;
        width: 60%; }
        .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent h2 {
          font-size: 43px !important;
          line-height: 43px !important;
          margin-top: 46px; }
        .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent p {
          font-size: 20px;
          text-align: left;
          line-height: 27px;
          margin-top: 0px;
          font-weight: 500;
          color: #716f6f; }
        .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent h1 {
          text-align: left;
          line-height: 38px;
          font-size: 30px;
          margin-top: 30px; }
        .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent .estimateValue {
          color: #2e8337;
          margin: 10px 0;
          line-height: 1; }
    .multistepNewSection .stepper__item .estimatedSummaryButton {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-top: 20px; }
      .multistepNewSection .stepper__item .estimatedSummaryButton button.actionButton {
        background: #ffffff;
        border: 2px solid #3c1951 !important;
        border-radius: 6px;
        padding: 15px 24px; }
        .multistepNewSection .stepper__item .estimatedSummaryButton button.actionButton .desktopActionButton {
          display: flex;
          flex-direction: column; }
        .multistepNewSection .stepper__item .estimatedSummaryButton button.actionButton div {
          display: flex;
          align-items: center;
          width: 100%; }
          .multistepNewSection .stepper__item .estimatedSummaryButton button.actionButton div img {
            width: 50px; }
          .multistepNewSection .stepper__item .estimatedSummaryButton button.actionButton div p {
            width: 100%;
            text-align: center;
            text-transform: capitalize;
            margin: 0;
            font-weight: 600;
            font-size: 16px; }
        .multistepNewSection .stepper__item .estimatedSummaryButton button.actionButton p.paragraph {
          text-transform: initial;
          line-height: 20px;
          text-align: left;
          font-size: 14px;
          color: #3c1951;
          font-weight: 500;
          margin-top: 15px;
          min-height: 42px;
          display: block; }
    .multistepNewSection .stepper__item .estimatedSummaryGoSection {
      text-align: left; }
      .multistepNewSection .stepper__item .estimatedSummaryGoSection button.estimatedSummaryGoButton {
        background: #2e8337;
        border: none !important;
        width: 250px;
        border-radius: 5px;
        margin-right: auto;
        margin-top: 45px; }

.chatContainer h2.header {
  font-size: 28px !important;
  color: #3c1951;
  text-align: left;
  font-weight: 800 !important; }

.chatContainer p.description {
  font-size: 20px;
  color: #716f6f;
  line-height: 27px;
  text-align: left;
  font-weight: 500; }

.chatContainer .bannerSection {
  display: flex;
  gap: 30px; }

.chatContainer .homeButton {
  background: #3c1951;
  color: #ffffff;
  border-radius: 5px;
  padding: 20px 40px;
  font-weight: 600;
  margin-top: 50px;
  border: none !important;
  margin-right: 30px;
  margin-left: 0;
  text-transform: capitalize;
  display: block;
  width: 250px; }

.chatContainer .btnResource {
  background: #2e8337 !important; }

.mainThankyouContainer {
  width: 60%;
  margin: auto;
  padding: 50px 0; }
  .mainThankyouContainer .btnContainer {
    display: flex; }
  .mainThankyouContainer .scheduledContainer .contentSection h1.heading {
    margin-top: 0 !important; }
  .mainThankyouContainer .callContainer .contentSection h1.heading {
    font-size: 48px !important;
    line-height: 50px; }
  .mainThankyouContainer .callContainer .timeSchedule div {
    margin-top: 20px; }
  .mainThankyouContainer .callContainer .timeSchedule div p.description {
    margin-top: 0; }
  .mainThankyouContainer .callContainer .description.call {
    margin-top: 30px; }
  .mainThankyouContainer .callContainer .contactInfo {
    text-align: left;
    margin-top: 30px;
    line-height: 30px; }
  .mainThankyouContainer .timeDiv {
    text-align: left;
    line-height: 40px;
    margin-top: 20px; }
    .mainThankyouContainer .timeDiv span {
      font-size: 26px;
      color: #2eb04f;
      display: block;
      font-weight: 700; }
  .mainThankyouContainer .chatContainer .bannerSection {
    display: flex;
    gap: 30px; }
  .mainThankyouContainer .contentSection {
    width: 55%; }
    .mainThankyouContainer .contentSection h1.heading {
      font-size: 35px !important;
      text-align: left !important;
      margin-top: 40px !important; }
    .mainThankyouContainer .contentSection p.description {
      margin-top: 5px;
      padding-right: 100px; }
  .mainThankyouContainer .banner {
    width: 45%; }
  .mainThankyouContainer .expertSection {
    margin-top: 30px; }
  .mainThankyouContainer .helpSection {
    padding: 25px 40px;
    background: #f7f5f7;
    margin-top: 55px; }
    .mainThankyouContainer .helpSection h2.header {
      margin-bottom: 10px; }
    .mainThankyouContainer .helpSection .questionSection {
      margin-top: 30px;
      text-align: left; }
      .mainThankyouContainer .helpSection .questionSection p.question {
        font-weight: 800;
        margin-bottom: 10px;
        color: #635d5d;
        font-size: 19px; }

@media (max-width: 1400px) and (min-width: 801px) {
  .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent {
    width: 65% !important;
    margin: auto; }
  .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryImage {
    width: 35% !important; }
  .stepper__item {
    min-width: 80% !important; } }

@media (min-width: 1400px) and (max-width: 1650px) {
  .multistepNewSection .stepper__item {
    width: 70% !important; } }

@media (min-width: 1300px) {
  .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent {
    position: relative;
    margin: 0; }
  .buttonHeading {
    position: absolute;
    bottom: 0px; } }

@media (max-width: 1100px) {
  .mainThankyouContainer .timeDiv {
    text-align: center !important; }
  .multistepNewSection .scheduleContainer {
    width: 400px;
    margin-top: 30px;
    margin: auto; }
    .multistepNewSection .scheduleContainer h1 {
      margin-bottom: 25px;
      line-height: 30px; }
  .multistepNewSection .stepper button.round__button.leftSide {
    left: 15px !important; }
  .multistepNewSection .description.call {
    padding: 0 40px; }
  .multistepNewSection .stepper__item {
    padding: 10px;
    margin: 0;
    width: 100% !important; }
  .multistepNewSection .estimatedSummary {
    flex-direction: column-reverse; }
  .multistepNewSection .estimatedSummaryImage {
    display: none; }
  .multistepNewSection .stepper__item .estimatedSummary .estimatedSummaryContent h2 {
    margin-top: 0 !important;
    font-size: 30px !important;
    line-height: 30px !important; }
  .multistepNewSection .estimatedSummaryContent {
    width: 100% !important; }
  .multistepNewSection button.actionButton {
    width: 400px; }
  .multistepNewSection .estimatedSummaryContent {
    margin-bottom: 30px; }
    .multistepNewSection .estimatedSummaryContent h2 {
      margin: 0;
      line-height: 37px; }
    .multistepNewSection .estimatedSummaryContent p {
      margin-top: 10px; }
    .multistepNewSection .estimatedSummaryContent h1 {
      margin-top: 20px;
      line-height: 37px; }
    .multistepNewSection .estimatedSummaryContent h2, .multistepNewSection .estimatedSummaryContent h1, .multistepNewSection .estimatedSummaryContent p {
      text-align: center !important; }
  .multistepNewSection .estimatedSummaryGoSection {
    text-align: center !important; }
  .multistepNewSection .estimatedSummaryButton, .multistepNewSection .actionButton {
    display: block !important;
    width: 100%; }
  .multistepNewSection .estimatedSummaryButton .actionButton {
    margin-bottom: 15px; }
  .multistepNewSection .desktopActionButton {
    display: none !important; }
  .multistepNewSection .actionButton .mobileActionButton {
    display: flex !important;
    align-items: center;
    gap: 10px; }
    .multistepNewSection .actionButton .mobileActionButton div.content {
      display: block !important;
      padding: 0;
      background-color: transparent !important; }
      .multistepNewSection .actionButton .mobileActionButton div.content p.heading {
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0; }
      .multistepNewSection .actionButton .mobileActionButton div.content p.paragraph {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        text-align: left;
        margin-top: 0; } }

@media (max-width: 450px) {
  .multiStepContainer .stepper .stepper__content .stepper__item .stepper__item__form .cashout__input.input_div {
    flex-direction: column !important; }
  .estimatedSummaryButton button.actionButton, .multistepNewSection .scheduleContainer {
    width: 100%; }
  .multistepNewSection .scheduleContainer h1 {
    margin: 30px 0 15px !important;
    line-height: 36px !important; }
  .chatContainer .homeButton {
    margin: auto;
    margin-top: 30px; }
  .mainThankyouContainer .contactInfo {
    margin-top: 20px;
    text-align: center !important; }
  .mainThankyouContainer .btnContainer {
    display: block !important; } }

@media (max-width: 1100px) {
  .description.call {
    padding: 0 40px !important; }
  .mainThankyouContainer {
    width: 100%; }
  .mainThankyouContainer .callContainer .contactInfo, .mainThankyouContainer .btnContainer {
    padding: 0 40px;
    text-align: center;
    justify-content: center; }
  .mainThankyouContainer .chatContainer .bannerSection {
    padding: 0 40px;
    flex-direction: column-reverse; }
  .mainThankyouContainer .contentSection h1.heading {
    text-align: center !important;
    margin-top: 0 !important;
    line-height: 36px; }
  .mainThankyouContainer .contentSection p.description {
    margin-top: 10px;
    padding-right: 0;
    text-align: center; }
  .mainThankyouContainer .banner {
    width: 100%; }
    .mainThankyouContainer .banner img {
      width: 350px; }
  .mainThankyouContainer .contentSection {
    width: 100%; }
  .mainThankyouContainer .expertSection {
    display: none; }
  .mainThankyouContainer .helpSection h2.header {
    margin-bottom: 10px;
    text-align: center;
    line-height: 37px; }
  .mainThankyouContainer .timeDiv {
    text-align: center; } }

@media (max-width: 600px) {
  .mainThankyouContainer .callContainer .contactInfo, .mainThankyouContainer .btnContainer {
    display: block; }
    .mainThankyouContainer .callContainer .contactInfo a, .mainThankyouContainer .btnContainer a {
      margin: auto;
      margin-top: 20px; }
  .mainThankyouContainer .callContainer .contentSection h1.heading {
    font-size: 34px !important;
    line-height: 36px; } }

/* UHM Color Palette */
/* Typography */
/* Shapes */
/* Screen Sizes */
/* Padding */
@media (min-width: 1368px) {
  .tabsContent {
    width: 1350px;
    margin: auto; } }

.seriesName {
  font-size: 11px;
  height: auto;
  display: block; }

.seriesAmount {
  font-size: 17px;
  font-weight: 600; }

@media (min-width: 690px) {
  .calculatorChart .apexcharts-legend {
    display: flex;
    flex-wrap: wrap; }
    .calculatorChart .apexcharts-legend .apexcharts-legend-series {
      width: 50%;
      text-align: left; } }

.errorMessage {
  text-align: left; }

.addressHeader {
  display: flex;
  align-items: center;
  gap: 20px; }

label.headerLabel {
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0px !important; }

.dollarLargeInput {
  position: relative; }

.dollarLargeInput input {
  padding-left: 25px; }

.dollarLargeInput span {
  position: absolute;
  left: 15px;
  top: 16.5px; }

.flexBox, .flexGroup, .smallInput {
  display: flex;
  gap: 15px; }

.flexBox {
  justify-content: space-between; }

.flexBox .inputBoxes, .smallInput div {
  width: 50%; }

.calculatorContainer {
  padding-top: 0; }

.calculatorHeader {
  min-height: 200px;
  background: #fffeff;
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0; }

.calculatorHeader h1 {
  font-size: 45px !important;
  color: #3c1951;
  letter-spacing: 1px; }

.calculatorHeader p {
  text-align: center;
  letter-spacing: 0px;
  color: #3c1951;
  width: 100%; }

.calculatorContainer .tabsContainer {
  position: relative; }

.calculatorContainer .tabsContainer .tabsHeader {
  background: #fffeff;
  position: relative;
  z-index: 1;
  height: 61px;
  white-space: nowrap;
  border-bottom: 3px solid #3c1951; }

.calculatorContainer .tabsContainer .tabsHeader button {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  margin: 0px -16px;
  color: #3c1951;
  background: transparent;
  border: none !important;
  font-size: 13px;
  word-spacing: 2px;
  line-height: 39px;
  height: 66px;
  width: 240px;
  text-align: center; }

.calculatorContainer .tabsContainer .tabsHeader button span {
  position: relative;
  top: 6px;
  z-index: -1; }

.calculatorContainer .tabsContainer .tabsHeader button::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.5em;
  left: 0px;
  z-index: -1;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background: #2CC185;
  transform: perspective(3px) rotateX(1deg);
  transform-origin: bottom;
  background: #ffffff;
  box-shadow: 2px 0 4px -4px #1f497d, 0px 1px 9px -4px #1f497d; }

.calculatorContainer .tabsContainer .tabsHeader button.active {
  z-index: 99999 !important;
  color: #ffffff !important; }

.calculatorContainer .tabsContainer .tabsHeader button.active::before {
  box-shadow: unset;
  background: #3d1951; }

.calculatorContainer .tabsContainer .tabsContent {
  padding: 30px; }

.calculatorContainer .tabsContainer .tabsContent .firstSec {
  display: flex;
  gap: 50px; }

.calculatorContainer .tabsContainer .tabsContent .firstSec .Values {
  width: 50%;
  position: relative;
  text-align: left; }

.calculatorContainer .tabsContainer .tabsContent .firstSec .Values label {
  font-size: 16px;
  color: #000;
  letter-spacing: 0px;
  font-weight: 500; }

/*.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .inputWithIcon {*/
.calculatorContainer .inputWithIcon {
  position: relative; }

.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .inputWithIcon h2.monthly-payment-amount {
  position: absolute;
  top: 5px;
  font-size: 30px;
  color: #3c1951;
  font-weight: 500; }

/*.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .inputWithIcon input {*/
.calculatorContainer .inputWithIcon input {
  width: 100%;
  height: 55px;
  padding-left: 31px;
  font-size: 28px;
  color: #3c1951;
  font-weight: 500; }

/*.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .inputWithIcon .dollarIcon {*/
.calculatorContainer .inputWithIcon .dollarIcon {
  font-size: 30px;
  color: #3c1951;
  top: 23px;
  position: absolute;
  left: 13px; }

.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .inputWithIcon + .row {
  margin-top: 55px;
  margin-bottom: 0; }

.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .inputWithIcon + .row h4 {
  margin: 0;
  font-size: 13px; }

.calculatorContainer .tabsContainer .tabsContent .firstSec .Values .estimatedpayment .dollarIcon {
  left: 0;
  font-weight: 500; }

.calculatorContainer .tabsContainer .tabsContent .secondSec {
  margin: 30px 0; }
  .calculatorContainer .tabsContainer .tabsContent .secondSec hr {
    max-width: 100%;
    color: #dddddd; }

.calculatorContainer .tabsContainer .tabsContent .secondSec input[type=range] {
  height: 5px;
  margin: 10px 0;
  width: 100%;
  border-radius: 10px; }

datalist {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.dataList {
  position: relative;
  left: 30px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec {
  display: flex;
  gap: 50px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .Values {
  width: 50%;
  position: relative;
  text-align: left; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .Values label {
  font-size: 16px;
  color: #000;
  letter-spacing: 0px;
  font-weight: 600;
  margin-bottom: 35px; }

.startedButton {
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0px;
  margin-left: auto;
  display: block;
  margin-right: 0; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .flexBox {
  margin-bottom: 25px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm label {
  font-size: 12px;
  text-transform: uppercase;
  color: #5e5959;
  font-weight: 500;
  margin-bottom: 0px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm label span {
  text-transform: lowercase; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm input, .calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm select {
  height: 35px;
  width: 100%;
  border: 1px solid #cbcaca !important; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm select {
  appearance: auto;
  padding-top: 0;
  padding-bottom: 0;
  height: 42px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .propertyTaxes {
  position: relative; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .propertyTaxes span {
  position: absolute;
  top: 16.5px;
  left: 17px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .propertyTaxes .textValue {
  padding-left: 27px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .downPaymentInput {
  position: relative;
  display: flex; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .downPaymentInput span.dollarSymbol {
  position: absolute;
  top: 16.5px;
  left: 17px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .downPaymentInput span.percentSymbol {
  position: absolute;
  top: 16.5px;
  right: 17px; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .downPaymentInput .textValue {
  padding-left: 27px;
  width: 70%;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.calculatorContainer .tabsContainer .tabsContent .thirdSec .detailsForm .downPaymentInput .percentValue {
  width: 30%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 34px !important; }

.flexGroup .homeValueContainer {
  width: 59%;
  padding-right: 120px; }

.flexGroup .cashRecieveContainer {
  width: 43%; }

.cashReceive {
  padding-left: 70px;
  border-left: 2px solid #b7b6b6; }

label {
  text-align: left;
  font-weight: 500;
  color: #000000; }

.firstForm .currentMortgage label,
.firstForm .estimatedCredit label,
.cashOutMount label, .newMortgagePayment label, .smallInput label, .refinanceInputGroup label {
  font-size: 12px;
  text-transform: uppercase;
  color: #5e5959;
  font-weight: 500;
  margin-bottom: 0px; }

.firstForm .currentMortgage input,
.firstForm .estimatedCredit select,
.cashOutMount input, .newMortgagePayment input, .smallInput input, .refinanceInputGroup input {
  height: 35px;
  width: 100%;
  border: 1px solid #cbcaca !important; }

.firstForm .currentMortgage, .firstForm .estimatedCredit {
  width: 50%;
  margin-top: 15px; }

.firstForm .estimatedCredit select, .refinanceInputGroup select {
  appearance: auto;
  padding-top: 0;
  padding-bottom: 0;
  height: 42px; }

.VA_mortgage_check {
  margin-top: 15px;
  display: flex;
  gap: 15px; }

.Va_mortgage {
  font-size: 13.5px;
  display: flex;
  gap: 10px;
  align-items: baseline;
  width: 50%; }

.homeValueContainer .firstForm .buttonCalculate {
  padding: 10px;
  width: 100%;
  margin-top: 25px;
  font-size: 14px;
  letter-spacing: 0px; }

.cashReceive a.buttonContactMe, .cashReceive a.buttonContactMe.active {
  padding: 10px;
  width: 100%;
  margin-top: 25px;
  font-size: 14px;
  letter-spacing: 0px; }

.cashRecieveContainer h2.recieveAmount {
  height: 52px;
  text-align: left;
  color: #3c1951;
  font-weight: 500 !important;
  font-size: 30px !important; }

.newMortgagePayment {
  margin-top: 25px; }

.cashRecieveContainer .para p {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px; }

.paymentBreakDownSecs {
  margin-top: 30px; }

.paymentBreakDownSecs .pieChart {
  margin: 30px 0;
  border-bottom: 1px solid #cacbcb; }

.smallInput {
  margin-top: 15px; }

.smallInput input {
  border: none !important;
  border-bottom: 1px solid #cbcaca !important;
  border-radius: 0 !important;
  padding: 0;
  margin: 0 !important; }

.dollarInput {
  width: 100% !important;
  position: relative; }

.boldInput {
  font-weight: 600; }
  .boldInput input {
    font-weight: 600;
    color: #000000; }

.dollarInput input {
  padding-left: 11px; }

.dollarInput span {
  position: absolute;
  left: 0;
  top: 8px; }

.homeValueContainer .address {
  text-align: left;
  margin-bottom: 15px; }
  .homeValueContainer .address .infoMsg {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px; }
  .homeValueContainer .address .addressInput {
    margin-top: 25px; }
    .homeValueContainer .address .addressInput input {
      height: 35px;
      width: 100%;
      border: 1px solid #cbcaca !important; }
    .homeValueContainer .address .addressInput label {
      font-size: 12px;
      text-transform: uppercase;
      color: #5e5959;
      font-weight: 500;
      margin-bottom: 0px; }
  .homeValueContainer .address .switch {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 31px; }
  .homeValueContainer .address .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .homeValueContainer .address .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .homeValueContainer .address .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .homeValueContainer .address input:checked + .slider {
    background-color: #2e8337; }
  .homeValueContainer .address input:focus + .slider {
    box-shadow: 0 0 1px #2e8337; }
  .homeValueContainer .address input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .homeValueContainer .address .slider.round {
    border-radius: 34px;
    width: 100%; }
  .homeValueContainer .address .slider.round:before {
    border-radius: 50%; }

.disclaimerMessage {
  text-align: left;
  margin-top: 25px; }

.PurchaseBox button.startedButton, .PurchaseBox a.startedButton {
  background: white;
  color: #2e8337; }

.PurchaseBox button.startedButton.enableButton, .PurchaseBox a.startedButton.enableButton {
  background: #2e8337 !important;
  color: white; }

.PurchaseBox button.startedButton:active {
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0px;
  margin-left: auto;
  display: block;
  margin-right: 0; }

.PurchaseBox a.startedButton {
  height: 47px;
  border-radius: 4px;
  line-height: 31px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin-right: auto;
  margin-left: 0;
  position: absolute;
  bottom: 33px; }

.refinanceBox .yourSaving .dollarLargeInput h2.refinance-payment, .refinanceBox .yourSaving .dollarLargeInput h2.savings-amount, .refinanceBox .yourSaving .dollarLargeInput .total-savings h2 {
  height: 43px;
  text-align: left;
  font-weight: 500;
  display: block;
  margin: 5px 0 10px 0;
  line-height: 1.2;
  color: #3d1951;
  display: flex;
  align-items: center; }

.refinanceBox .currentLoan, .refinanceBox .potentialNewLoan, .refinanceBox .yourSaving {
  width: 33%; }

.refinanceBox .currentLoan {
  padding-right: 60px; }

.refinanceBox .yourSaving {
  padding-left: 60px; }

.refinanceBox .potentialNewLoan {
  padding: 0 30px;
  border: 2px solid #cbcaca;
  border-top: 0;
  border-bottom: 0; }

.refinanceBox .smallCaps {
  text-transform: lowercase; }

.refinanceBox .refinanceInputGroup {
  margin-bottom: 15px; }

.refinanceBox button.startedButton {
  width: 100%;
  margin-top: 34px !important;
  height: 42px;
  line-height: 23px;
  font-size: 14px;
  background: white;
  color: #2e8337; }

.refinanceBox button.startedButton.enableButton {
  background: #2e8337 !important;
  color: white; }

.refinanceBox a.savingNow {
  margin-top: 15px !important;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 500;
  background: #2e8337 !important;
  color: white;
  text-decoration: none;
  font-size: 14px; }

.refinanceBox button.startedButton:active {
  width: 100%;
  margin-top: 19px !important;
  height: 42px;
  line-height: 5px;
  font-size: 14px;
  border: none !important;
  font-weight: 500;
  letter-spacing: 0; }

.refinanceBox .refinanceInputGroup select {
  border: 1px solid #cbcaca;
  width: 100%; }

.refinanceBox .headerLabel {
  margin-bottom: 20px; }

@media (min-width: 576px) and (max-width: 831px) {
  .thirdSec {
    display: block !important; }
    .thirdSec .Values {
      width: 100% !important; }
    .thirdSec .detailsForm {
      margin-bottom: 20px; }
      .thirdSec .detailsForm .flexBox {
        margin-bottom: 0px; }
  .cashoutRefinanceBox .flexGroup {
    width: 100%; } }

@media (max-width: 575px) {
  .cashRecieveContainer .main__contact .contact__us {
    width: 100%; }
  calculatorHeader h1 {
    line-height: 52px !important; }
  .firstSec {
    display: block !important; }
    .firstSec .Values {
      margin-bottom: 10px;
      width: 100% !important; }
  .secondSec {
    margin-top: 25px !important; }
  .thirdSec {
    display: block !important; }
    .thirdSec .Values {
      width: 100% !important; }
    .thirdSec .detailsForm {
      margin-bottom: 20px; }
      .thirdSec .detailsForm .flexBox {
        margin-bottom: 0px !important; } }

@media (max-width: 370px) {
  .smallInput {
    display: block; }
  .smallInput div {
    width: 100%;
    margin-bottom: 20px; }
  .calculatorHeader {
    padding: 25px !important; }
    .calculatorHeader h1, .calculatorHeader p {
      text-align: left !important; } }

#values.mobileViewRange {
  display: none; }

@media (max-width: 620px) {
  #values {
    display: none; }
  #values.mobileViewRange {
    display: flex; }
  .dataList {
    position: relative;
    left: 10px; } }

@media (max-width: 460px) {
  .calculatorContainer .tabsContainer .tabsHeader button.tabsButton {
    /*   padding: 20px 30px !important;
        background: transparent !important;
        border: none !important;
        font-size: 10px;*/
    background: transparent !important;
    border: none !important;
    font-size: 8px !important;
    width: 140px !important; }
  .calculatorContainer .tabsContainer .tabsHeader button.active {
    padding: 20px 25px !important; }
  .calculatorContainer .tabsContainer .tabsHeader button {
    margin: 10px -16px;
    line-height: 29px;
    height: 55px; }
  .calculatorContainer .tabsContainer .tabsHeader {
    background: #fffeff;
    position: relative;
    z-index: 1;
    height: 63px !important;
    white-space: nowrap;
    border-bottom: 3px solid #3c1951; }
  .Va_mortgage {
    width: 100%; }
  .calculatorContainer .tabsContainer .tabsHeader button::before {
    background: transparent;
    box-shadow: unset; }
  .thirdSec {
    display: block !important; }
    .thirdSec .Values {
      width: 100% !important; }
    .thirdSec .detailsForm {
      margin-bottom: 20px; }
      .thirdSec .detailsForm .flexBox {
        display: block; }
        .thirdSec .detailsForm .flexBox .inputBoxes {
          width: 100%; }
  .cashoutRefinanceBox .firstForm .flexBox {
    width: 100%;
    display: block; }
  .cashoutRefinanceBox .firstForm .currentMortgage, .cashoutRefinanceBox .firstForm .estimatedCredit {
    width: 100%; } }

@media (max-width: 1024px) {
  .calculatorContainer {
    padding-top: 0; }
  .refinanceBox .flexBox {
    display: block; }
    .refinanceBox .flexBox .currentLoan, .refinanceBox .flexBox .potentialNewLoan, .refinanceBox .flexBox .yourSaving {
      width: 100%;
      padding: 0;
      border: 0; }
    .refinanceBox .flexBox .potentialNewLoan, .refinanceBox .flexBox .yourSaving {
      margin-top: 35px; } }

.legendNamePieChart {
  display: none;
  flex-wrap: wrap; }
  .legendNamePieChart div {
    width: 50%;
    margin-bottom: 15px; }
    .legendNamePieChart div span {
      display: block; }
    .legendNamePieChart div .statusbar {
      height: 5px;
      border-radius: 10px;
      width: 30px; }
    .legendNamePieChart div .text {
      font-size: 14px; }
    .legendNamePieChart div .value {
      font-size: 20px !important;
      font-weight: 600; }

@media (max-width: 832px) {
  .PurchaseBox a.startedButton.enableButton {
    position: relative;
    bottom: 0;
    margin-left: auto;
    margin-right: 0; } }

@media (max-width: 850px) and (min-width: 660px) {
  .legendNamePieChart {
    display: flex; }
  .chartContainer {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

@media (max-width: 660px) {
  .calculatorContainer .tabsContainer .tabsHeader {
    height: 64px; }
  .calculatorContainer .tabsContainer .tabsHeader button {
    padding: 20px 35px !important;
    width: 180px !important;
    font-size: 10px !important; }
  .calculatorContainer .tabsContainer .tabsHeader button.active {
    background: transparent;
    color: #3c1951;
    border-bottom: none !important; }
  .legendNamePieChart {
    display: flex; } }

@media (max-width: 900px) {
  .cashoutRefinanceBox .flexGroup {
    width: 100%;
    display: block; }
  .cashoutRefinanceBox .flexGroup .homeValueContainer {
    width: 100%;
    padding: 0; }
  .cashoutRefinanceBox .flexGroup .cashRecieveContainer {
    width: 100%;
    margin-top: 50px; }
  .cashoutRefinanceBox .flexGroup .cashRecieveContainer .cashReceive {
    padding: 0;
    border: none; } }

.cashoutRefinanceBox .no-suggestions {
  font-style: normal !important;
  color: #000000;
  font-weight: 600;
  padding: 10px;
  box-shadow: -1px 5px 7px #ccc;
  position: relative;
  top: -10px; }

.calculateButtonDiv {
  display: flex;
  align-items: center; }
  .calculateButtonDiv button {
    margin-top: 14px; }

@media (max-width: 850px) and (min-width: 660px) {
  .calculatorContainer .tabsContainer .tabsHeader button {
    padding: 20px 50px; } }

@media (min-width: 832px) and (max-width: 1300px) {
  .chartContainer {
    display: flex;
    align-items: center; }
  .legendNamePieChart {
    display: flex;
    position: relative;
    left: -44px;
    top: 26px; }
  .calculatorChart {
    position: relative;
    left: -50px; } }

@media (min-width: 830px) and (max-width: 1200px) {
  .thirdSec {
    display: block !important;
    width: 100% !important; }
    .thirdSec .Values {
      width: 100% !important; }
  .PurchaseBox a.startedButton {
    position: relative;
    bottom: 0px; } }

.hero.home-uhm {
  background-attachment: scroll;
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vh - 50px);
  min-height: 700px; }
  .hero.home-uhm:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5); }
  @media screen and (max-height: 768px) and (max-width: 767px) {
    .hero.home-uhm {
      height: calc(100vh - 150px);
      min-height: 500px; } }
  @media screen and (min-width: 400px) {
    .hero.home-uhm {
      background-position: center; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
    .hero.home-uhm {
      height: calc(100vh - 150px);
      min-height: 700px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; } }
  @media screen and (min-width: 768px) {
    .hero.home-uhm {
      height: calc(100vh - 100px);
      text-align: left;
      background-position: center;
      min-height: 800px; } }
  @media screen and (min-width: 768px) {
    .hero.home-uhm.has-lo {
      height: calc(100vh - 100px); } }
  @media screen and (min-width: 1024px) {
    .hero.home-uhm {
      max-height: 900px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .hero.home-uhm h1 {
      font-size: 50px;
      line-height: 55px; } }
  @media screen and (min-width: 1200px) {
    .hero.home-uhm h1 {
      font-size: 60px;
      line-height: 65px; } }
  .hero.home-uhm .text-wrap {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 768px) {
      .hero.home-uhm .text-wrap {
        max-width: 600px;
        width: 50%;
        margin-top: 0px; } }
    @media screen and (min-width: 1024px) {
      .hero.home-uhm .text-wrap {
        position: absolute;
        margin-top: 00px; } }

.multistep-buttons {
  margin: 0px auto 0;
  z-index: 3;
  max-width: 600px;
  position: relative;
  top: 20px; }
  @media screen and (min-width: 1024px) {
    .multistep-buttons {
      top: 0px; } }
  .multistep-buttons button.button.hero-button {
    color: white;
    background-color: #2e8337;
    border: 1px solid #2e8337;
    padding: 25px 45px;
    margin: 25px auto;
    min-width: 250px; }
    .multistep-buttons button.button.hero-button:hover, .multistep-buttons button.button.hero-button:active, .multistep-buttons button.button.hero-button:focus {
      background-color: white;
      color: #2e8337; }
    .multistep-buttons button.button.hero-button.hero-button-purple {
      background-color: #3d1951;
      border: 1px solid #3d1951; }
      .multistep-buttons button.button.hero-button.hero-button-purple:hover, .multistep-buttons button.button.hero-button.hero-button-purple:active, .multistep-buttons button.button.hero-button.hero-button-purple:focus {
        background-color: white;
        color: #3d1951; }
  .multistep-buttons a.button.hero-button {
    padding: 25px 45px;
    margin: 25px auto;
    min-width: 250px; }
    .multistep-buttons a.button.hero-button:hover, .multistep-buttons a.button.hero-button:active, .multistep-buttons a.button.hero-button:focus {
      background-color: #3d1951;
      color: white; }
    .multistep-buttons a.button.hero-button.purple {
      border: 1px solid #2e8337 !important;
      background-color: #3d1951;
      border: 1px solid #3d1951; }
      .multistep-buttons a.button.hero-button.purple:hover, .multistep-buttons a.button.hero-button.purple:active, .multistep-buttons a.button.hero-button.purple:focus {
        background-color: #2e8337;
        color: white; }

.hero.home-uhm button.button.button-icon, .multistep-buttons button.button.button-icon {
  padding: 20px 10px;
  width: 100%;
  max-width: 250px;
  font-weight: bold;
  font-style: normal;
  position: relative;
  margin: 45px auto 0px 50px !important;
  border-radius: 10px;
  border-width: 2px;
  -o-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  -webkit-transform: scale(1, 1);
  -webkit-transform-origin: center;
  -moz-transform: scale(1, 1);
  -moz-transform-origin: center;
  -ms-transform: scale(1, 1);
  -ms-transform-origin: center;
  -o-transform: scale(1, 1);
  -o-transform-origin: center;
  overflow: visible; }
  @media screen and (min-width: 768px) {
    .hero.home-uhm button.button.button-icon, .multistep-buttons button.button.button-icon {
      -webkit-transform-origin: left;
      -moz-transform-origin: left;
      -ms-transform-origin: left;
      -o-transform-origin: left;
      padding: 15px 15px 15px 60px;
      margin: 10px 0px 10px 50px !important;
      width: 250px;
      max-width: none;
      text-align: left; } }
  @media screen and (min-width: 1200px) {
    .hero.home-uhm button.button.button-icon, .multistep-buttons button.button.button-icon {
      width: 300px;
      font-size: 25px;
      line-height: 30px;
      padding: 20px 20px 20px 75px;
      margin: 50px 0 70px 50px !important; } }
  .hero.home-uhm button.button.button-icon img, .multistep-buttons button.button.button-icon img {
    position: absolute;
    width: 75px;
    left: -50px;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    margin: 0; }
    @media screen and (min-width: 1200px) {
      .hero.home-uhm button.button.button-icon img, .multistep-buttons button.button.button-icon img {
        width: 100px; } }
  .hero.home-uhm button.button.button-icon:hover, .hero.home-uhm button.button.button-icon:focus,
  .hero.home-uhm button.button.button-icon button:hover, .hero.home-uhm button.button.button-icon [type='button']:hover, .hero.home-uhm button.button.button-icon [type='reset']:hover, .hero.home-uhm button.button.button-icon [type='submit']:hover,
  .hero.home-uhm button.button.button-icon button:focus, .hero.home-uhm button.button.button-icon [type='button']:focus, .hero.home-uhm button.button.button-icon [type='reset']:focus, .hero.home-uhm button.button.button-icon [type='submit']:focus, .multistep-buttons button.button.button-icon:hover, .multistep-buttons button.button.button-icon:focus,
  .multistep-buttons button.button.button-icon button:hover, .multistep-buttons button.button.button-icon [type='button']:hover, .multistep-buttons button.button.button-icon [type='reset']:hover, .multistep-buttons button.button.button-icon [type='submit']:hover,
  .multistep-buttons button.button.button-icon button:focus, .multistep-buttons button.button.button-icon [type='button']:focus, .multistep-buttons button.button.button-icon [type='reset']:focus, .multistep-buttons button.button.button-icon [type='submit']:focus {
    border: 2px solid #2e8337 !important;
    color: #2e8337;
    text-decoration: none;
    background-color: white;
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transform-origin: center;
    -moz-transform: scale(1.1, 1.1);
    -moz-transform-origin: center;
    -ms-transform: scale(1.1, 1.1);
    -ms-transform-origin: center;
    -o-transform: scale(1.1, 1.1);
    -o-transform-origin: center; }
    @media screen and (min-width: 768px) {
      .hero.home-uhm button.button.button-icon:hover, .hero.home-uhm button.button.button-icon:focus,
      .hero.home-uhm button.button.button-icon button:hover, .hero.home-uhm button.button.button-icon [type='button']:hover, .hero.home-uhm button.button.button-icon [type='reset']:hover, .hero.home-uhm button.button.button-icon [type='submit']:hover,
      .hero.home-uhm button.button.button-icon button:focus, .hero.home-uhm button.button.button-icon [type='button']:focus, .hero.home-uhm button.button.button-icon [type='reset']:focus, .hero.home-uhm button.button.button-icon [type='submit']:focus, .multistep-buttons button.button.button-icon:hover, .multistep-buttons button.button.button-icon:focus,
      .multistep-buttons button.button.button-icon button:hover, .multistep-buttons button.button.button-icon [type='button']:hover, .multistep-buttons button.button.button-icon [type='reset']:hover, .multistep-buttons button.button.button-icon [type='submit']:hover,
      .multistep-buttons button.button.button-icon button:focus, .multistep-buttons button.button.button-icon [type='button']:focus, .multistep-buttons button.button.button-icon [type='reset']:focus, .multistep-buttons button.button.button-icon [type='submit']:focus {
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        -ms-transform-origin: left;
        -o-transform-origin: left; } }
  .hero.home-uhm button.button.button-icon.purple, .multistep-buttons button.button.button-icon.purple {
    border: 2px solid #2e8337 !important;
    color: white;
    background-color: #3d1951; }
    .hero.home-uhm button.button.button-icon.purple:hover, .hero.home-uhm button.button.button-icon.purple:focus,
    .hero.home-uhm button.button.button-icon.purple button:hover, .hero.home-uhm button.button.button-icon.purple [type='button']:hover, .hero.home-uhm button.button.button-icon.purple [type='reset']:hover, .hero.home-uhm button.button.button-icon.purple [type='submit']:hover,
    .hero.home-uhm button.button.button-icon.purple button:focus, .hero.home-uhm button.button.button-icon.purple [type='button']:focus, .hero.home-uhm button.button.button-icon.purple [type='reset']:focus, .hero.home-uhm button.button.button-icon.purple [type='submit']:focus, .multistep-buttons button.button.button-icon.purple:hover, .multistep-buttons button.button.button-icon.purple:focus,
    .multistep-buttons button.button.button-icon.purple button:hover, .multistep-buttons button.button.button-icon.purple [type='button']:hover, .multistep-buttons button.button.button-icon.purple [type='reset']:hover, .multistep-buttons button.button.button-icon.purple [type='submit']:hover,
    .multistep-buttons button.button.button-icon.purple button:focus, .multistep-buttons button.button.button-icon.purple [type='button']:focus, .multistep-buttons button.button.button-icon.purple [type='reset']:focus, .multistep-buttons button.button.button-icon.purple [type='submit']:focus {
      border: 2px solid #3d1951 !important;
      background-color: white;
      color: #3d1951; }

#home-page-video {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  z-index: 0; }
  @media screen and (min-width: 768px) {
    #home-page-video {
      width: auto;
      height: 100%; } }
  @media screen and (min-width: 1200px) {
    #home-page-video {
      min-width: 100%;
      min-height: 900px;
      height: auto; } }

.lo-search.purple-bg {
  padding: 0px;
  background-color: transparent;
  background-image: url(/images/uhm/purple-wave-svg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 70%;
  margin-top: -60px; }
  @media screen and (min-width: 768px) {
    .lo-search.purple-bg {
      background-position: top right;
      padding: 0px 0px; } }
  @media screen and (min-width: 1200px) {
    .lo-search.purple-bg {
      margin-top: -120px; } }
  .lo-search.purple-bg.home-static {
    margin-top: -100px;
    padding: 75px 0px;
    z-index: 4; }

.content.home.rate-quote {
  text-align: center;
  background-color: #3d1951;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
  position: relative; }
  @media screen and (min-width: 768px) {
    .content.home.rate-quote {
      overflow: hidden;
      height: auto; } }
  .content.home.rate-quote h1, .content.home.rate-quote h2, .content.home.rate-quote h4, .content.home.rate-quote h5, .content.home.rate-quote h6, .content.home.rate-quote p {
    color: white; }
  .content.home.rate-quote h3 {
    color: #FAED57; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .content.home.rate-quote {
      background-color: #3d1951;
      padding-top: 25px; } }
  @media screen and (min-width: 768px) {
    .content.home.rate-quote {
      background-color: #3d1951;
      background-image: none; } }

.content.home .image-right, .content.home .calculator-image-right {
  display: block;
  text-align: center;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .content.home .image-right, .content.home .calculator-image-right {
      float: left; } }
  .content.home .image-right img, .content.home .image-right video, .content.home .calculator-image-right img, .content.home .calculator-image-right video {
    width: 100%;
    height: auto;
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .content.home .image-right img, .content.home .image-right video, .content.home .calculator-image-right img, .content.home .calculator-image-right video {
        width: 100%;
        height: auto; } }
  .content.home .image-right img.loan-officer, .content.home .calculator-image-right img.loan-officer {
    max-width: 400px; }

.content.home.newsletter-signup {
  position: relative; }
  .content.home.newsletter-signup form.newsletter-form {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (min-width: 1024px) {
      .content.home.newsletter-signup form.newsletter-form {
        margin: 25px 0px; } }
    .content.home.newsletter-signup form.newsletter-form > input[type="text"] {
      flex: 1 1 10ch;
      margin: 5px 5px 5px 0px; }
    .content.home.newsletter-signup form.newsletter-form > input[type="email"] {
      flex: 1 1 20ch;
      margin: 5px 5px 5px 0px; }
    .content.home.newsletter-signup form.newsletter-form > button {
      flex: 1 1 8ch;
      margin: 5px 5px 5px 0px; }
    .content.home.newsletter-signup form.newsletter-form .error-messages {
      flex: 1 1 50ch;
      display: block;
      margin: 10px auto; }
      .content.home.newsletter-signup form.newsletter-form .error-messages .errorMessage {
        display: inline-block; }
    .content.home.newsletter-signup form.newsletter-form input {
      border: none;
      background: #f7f7f7;
      border-radius: 3px;
      padding: 10px;
      border: 2px solid #D6CFDA;
      font-size: 20px;
      line-height: 25px; }
    .content.home.newsletter-signup form.newsletter-form button {
      color: white;
      background-color: #3d1951;
      border: 2px solid #3d1951;
      padding: 10px;
      border-radius: 3px;
      font-size: 20px;
      line-height: 25px;
      flex: 1 1 10ch;
      letter-spacing: 0px; }
      .content.home.newsletter-signup form.newsletter-form button:hover, .content.home.newsletter-signup form.newsletter-form button:active {
        color: white;
        background-color: #2e8337;
        border: 2px solid #2e8337;
        padding: 10px;
        border-radius: 3px;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0px; }
        .content.home.newsletter-signup form.newsletter-form button:hover:after, .content.home.newsletter-signup form.newsletter-form button:active:after {
          content: none; }

.content.home.my-uhm-app {
  padding: 0px 0px 75px;
  margin-bottom: 65px; }
  .content.home.my-uhm-app .app-content {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 40px; }
    .content.home.my-uhm-app .app-content h1 {
      width: max-content;
      display: inline-block; }
    .content.home.my-uhm-app .app-content h2 {
      color: black; }
    .content.home.my-uhm-app .app-content h3 {
      color: #2e8337; }
    .content.home.my-uhm-app .app-content .app-info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      text-align: left;
      margin-right: 50px; }
      .content.home.my-uhm-app .app-content .app-info .app-text {
        display: inline-block;
        max-width: 700px; }
    .content.home.my-uhm-app .app-content .app-store {
      display: flex;
      align-items: center; }
      .content.home.my-uhm-app .app-content .app-store #apple-store {
        cursor: pointer; }
      .content.home.my-uhm-app .app-content .app-store #google-play {
        max-height: 60px;
        cursor: pointer; }
    .content.home.my-uhm-app .app-content .app-demo {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 10vh;
      height: 45vh; }
      .content.home.my-uhm-app .app-content .app-demo .app-display {
        height: 100%;
        position: absolute; }
      .content.home.my-uhm-app .app-content .app-demo #app-video {
        height: 99%;
        border-radius: 25px;
        position: absolute;
        box-shadow: 50px 50px 50px rgba(23, 23, 23, 0.15); }
    @media screen and (max-width: 1100px) {
      .content.home.my-uhm-app .app-content {
        background-size: cover;
        display: flex;
        flex-direction: column;
        background-image: none;
        background-color: #f7f7f7;
        z-index: 3; }
        .content.home.my-uhm-app .app-content .app-info {
          align-items: center;
          text-align: center;
          margin: 0px; }
          .content.home.my-uhm-app .app-content .app-info h1 {
            width: 100%; }
        .content.home.my-uhm-app .app-content .app-demo {
          display: none; } }

@media screen and (min-width: 768px) {
  .content.home .text-align-y {
    margin-top: 0px; } }

@media screen and (min-width: 1200px) {
  .content.home .text-align-y {
    margin-top: 150px; } }

.find-branch {
  z-index: 3;
  position: relative; }
  @media screen and (min-width: 768px) {
    .find-branch {
      font-size: 16px;
      line-height: 43px; } }

.video-button {
  background-color: #2e8337;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block;
  padding: 20px 35px;
  margin: 5px auto; }
  .video-button .video-button-text {
    color: white;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
    font-feature-settings: "lnum";
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 20px;
    line-height: 25px; }
  .video-button .video-button-component {
    height: 0px !important;
    width: 0px; }
  .video-button:hover, .video-button:active, .video-button:focus {
    background-color: #3d1951; }

.hero.home-lo {
  background-image: url("/images/uhm/loan-officer-mobile.jpg");
  background-attachment: scroll;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 500px;
  min-height: 0px !important; }
  @media screen and (max-width: 768px) and (orientation: landscape) {
    .hero.home-lo {
      min-height: 500px; } }
  @media screen and (min-width: 768px) {
    .hero.home-lo {
      background-image: url("/images/uhm/loan-officer-tablet.jpg");
      background-position: bottom center; } }
  @media screen and (min-width: 1024px) {
    .hero.home-lo {
      background-image: url("/images/uhm/loan-officer-desktop.jpg");
      background-position: center;
      background-size: cover; } }
  .hero.home-lo .hero-button {
    width: calc(100% - 50px); }
    @media screen and (max-width: 768px) and (orientation: landscape) {
      .hero.home-lo .hero-button {
        width: auto; } }
    @media screen and (min-width: 768px) {
      .hero.home-lo .hero-button {
        width: 300px; } }

@media screen and (min-width: 1024px) {
  .sorry {
    margin-top: 50px;
    margin-right: 350px;
    padding-top: 35px; } }

.branch-search-404 {
  margin-top: -40px; }

.content.loan-officer.rate-quote {
  text-align: center;
  background-color: #3d1951;
  background-attachment: scroll;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
  position: relative; }
  .content.loan-officer.rate-quote h1, .content.loan-officer.rate-quote h2, .content.loan-officer.rate-quote h3, .content.loan-officer.rate-quote h4, .content.loan-officer.rate-quote h5, .content.loan-officer.rate-quote h6, .content.loan-officer.rate-quote p {
    color: white !important; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .content.loan-officer.rate-quote {
      background-color: #3d1951;
      padding-top: 25px; } }
  @media screen and (min-width: 768px) {
    .content.loan-officer.rate-quote {
      background-color: #3d1951;
      background-image: none;
      padding: 200px 0px; } }

.content.loan-officer.home-buying {
  background-color: transparent;
  overflow: hidden;
  position: relative;
  z-index: 5;
  padding-bottom: 130px; }
  @media screen and (min-width: 1024px) {
    .content.loan-officer.home-buying {
      min-height: 800px; } }
  .content.loan-officer.home-buying .team-members {
    clear: both;
    text-align: center; }
    .content.loan-officer.home-buying .team-members h3 {
      display: block;
      width: 100%;
      text-align: center; }
  .content.loan-officer.home-buying.bg-left {
    background-position: left bottom !important; }
  .content.loan-officer.home-buying svg {
    position: absolute;
    bottom: -10px;
    left: -130px;
    width: calc(300% + 1.3px);
    height: 135px;
    z-index: -2; }
    @media screen and (min-width: 768px) {
      .content.loan-officer.home-buying svg {
        width: calc(225% + 1.3px);
        transform: translateX(-36%) rotateY(180deg);
        left: 50%; } }
    @media screen and (min-width: 1024px) {
      .content.loan-officer.home-buying svg {
        width: calc(300% + 1.3px);
        transform: translateX(-50%) rotateY(180deg);
        left: 90%; } }
    .content.loan-officer.home-buying svg.extra-tall {
      height: 150px; }
      @media screen and (min-width: 1024px) {
        .content.loan-officer.home-buying svg.extra-tall {
          height: 350px;
          margin-top: 100px; } }
    .content.loan-officer.home-buying svg .purple-shape-fill {
      fill: #3d1951; }

.content.loan-officer .image-right, .content.loan-officer .calculator-image-right {
  display: block;
  text-align: center;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .content.loan-officer .image-right, .content.loan-officer .calculator-image-right {
      float: right; } }
  .content.loan-officer .image-right img, .content.loan-officer .image-right video, .content.loan-officer .calculator-image-right img, .content.loan-officer .calculator-image-right video {
    width: 100%;
    height: auto;
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .content.loan-officer .image-right img, .content.loan-officer .image-right video, .content.loan-officer .calculator-image-right img, .content.loan-officer .calculator-image-right video {
        width: 100%;
        height: auto; } }
  .content.loan-officer .image-right img.loan-officer, .content.loan-officer .calculator-image-right img.loan-officer {
    max-width: 400px; }
  @media screen and (max-width: 768px) {
    .content.loan-officer .image-right.loan-officer img, .content.loan-officer .calculator-image-right.loan-officer img {
      height: auto !important; } }

.row.row--multi-step {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 20px auto;
  max-width: 1200px; }
  .row.row--multi-step .requiredInputs {
    opacity: 0; }
  @media screen and (max-width: 767px) {
    .row.row--multi-step .col.fourth, .row.row--multi-step .col.third {
      width: 50%;
      margin: 0px;
      float: left; } }
  @media screen and (min-width: 767px) and (max-width: 1023px) {
    .row.row--multi-step .col.third {
      width: 50%;
      margin: 0px;
      float: left; } }
  @media screen and (max-width: 767px) {
    .row.row--multi-step .col.third:last-child {
      width: 100%; }
      .row.row--multi-step .col.third:last-child .button.card-button.card--white {
        width: 50%;
        margin: 0 auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .row.row--multi-step .col.third:last-child {
      width: 100%; }
      .row.row--multi-step .col.third:last-child .button.card-button.card--white {
        margin: 0 auto; } }
  @media screen and (min-width: 1024px) {
    .row.row--multi-step .col.third {
      margin: 0px 10px;
      width: calc(33% - 20px); } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .row.row--multi-step .col.fourth {
      width: calc(50% - 20px);
      margin: 10px;
      float: left; } }
  .row.row--multi-step .card.card--multi-step {
    width: auto;
    max-width: 300px; }
    @media screen and (max-width: 767px) {
      .row.row--multi-step .card.card--multi-step {
        width: 100%;
        padding: 2px; } }
  .row.row--multi-step .step {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px;
    height: auto; }
    @media screen and (min-width: 768px) {
      .row.row--multi-step .step {
        width: 33%; } }
    @media screen and (min-width: 768px) {
      .row.row--multi-step .step {
        flex-grow: 1;
        flex-basis: 275px;
        min-width: 275px; } }
  .row.row--multi-step .step-text {
    float: left;
    width: 100%;
    text-align: center;
    height: auto; }
  .row.row--multi-step button.button.button-icon {
    -o-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: center;
    -moz-transform: scale(1, 1);
    -moz-transform-origin: center;
    -ms-transform: scale(1, 1);
    -ms-transform-origin: center;
    -o-transform: scale(1, 1);
    border: 0px !important;
    background-color: transparent;
    color: #3d1951;
    text-transform: capitalize;
    padding: 5px; }
    @media screen and (min-width: 768px) {
      .row.row--multi-step button.button.button-icon {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0;
        padding: 20px; } }
    .row.row--multi-step button.button.button-icon img {
      display: block;
      margin: 20px auto;
      width: 150px; }
      @media screen and (max-height: 768px) {
        .row.row--multi-step button.button.button-icon img {
          width: 100px;
          margin: 10px auto; } }
    .row.row--multi-step button.button.button-icon:hover, .row.row--multi-step button.button.button-icon:focus,
    .row.row--multi-step button.button.button-icon button:hover, .row.row--multi-step button.button.button-icon [type='button']:hover, .row.row--multi-step button.button.button-icon [type='reset']:hover, .row.row--multi-step button.button.button-icon [type='submit']:hover,
    .row.row--multi-step button.button.button-icon button:focus, .row.row--multi-step button.button.button-icon [type='button']:focus, .row.row--multi-step button.button.button-icon [type='reset']:focus, .row.row--multi-step button.button.button-icon [type='submit']:focus,
    .row.row--multi-step button.button.button-icon button:active, .row.row--multi-step button.button.button-icon [type='button']:active, .row.row--multi-step button.button.button-icon [type='reset']:active, .row.row--multi-step button.button.button-icon [type='submit']:active {
      background-color: white;
      color: #3d1951;
      border: 0px !important;
      text-decoration: none;
      -webkit-transform: scale(1.1, 1.1);
      -webkit-transform-origin: center;
      -moz-transform: scale(1.1, 1.1);
      -moz-transform-origin: center;
      -ms-transform: scale(1.1, 1.1);
      -ms-transform-origin: center;
      -o-transform: scale(1.1, 1.1);
      -o-transform-origin: center;
      letter-spacing: 0px;
      background-color: transparent; }
      @media screen and (min-width: 768px) {
        .row.row--multi-step button.button.button-icon:hover, .row.row--multi-step button.button.button-icon:focus,
        .row.row--multi-step button.button.button-icon button:hover, .row.row--multi-step button.button.button-icon [type='button']:hover, .row.row--multi-step button.button.button-icon [type='reset']:hover, .row.row--multi-step button.button.button-icon [type='submit']:hover,
        .row.row--multi-step button.button.button-icon button:focus, .row.row--multi-step button.button.button-icon [type='button']:focus, .row.row--multi-step button.button.button-icon [type='reset']:focus, .row.row--multi-step button.button.button-icon [type='submit']:focus,
        .row.row--multi-step button.button.button-icon button:active, .row.row--multi-step button.button.button-icon [type='button']:active, .row.row--multi-step button.button.button-icon [type='reset']:active, .row.row--multi-step button.button.button-icon [type='submit']:active {
          -webkit-transform: scale(1.5, 1.5);
          -moz-transform: scale(1.5, 1.5);
          -ms-transform: scale(1.5, 1.5);
          -o-transform: scale(1.5, 1.5);
          font-size: 20px;
          line-height: 25px;
          letter-spacing: 0; } }
    .row.row--multi-step button.button.button-icon.green {
      border: 0px;
      color: #2e8337; }
      .row.row--multi-step button.button.button-icon.green:hover, .row.row--multi-step button.button.button-icon.green:focus,
      .row.row--multi-step button.button.button-icon.green button:hover, .row.row--multi-step button.button.button-icon.green [type='button']:hover, .row.row--multi-step button.button.button-icon.green [type='reset']:hover, .row.row--multi-step button.button.button-icon.green [type='submit']:hover,
      .row.row--multi-step button.button.button-icon.green button:focus, .row.row--multi-step button.button.button-icon.green [type='button']:focus, .row.row--multi-step button.button.button-icon.green [type='reset']:focus, .row.row--multi-step button.button.button-icon.green [type='submit']:focus {
        border: 0px solid #3d1951 !important;
        color: #2e8337; }

.multistep-lo-search a {
  position: relative;
  bottom: 50px;
  left: 90%; }

button.button.card-button {
  padding: 5px 20px;
  margin: 10px 0px;
  font-size: 16px; }
  @media screen and (min-width: 375px) {
    button.button.card-button {
      font-size: 20px; } }
  button.button.card-button img {
    display: block;
    background-color: #2e8337;
    height: auto;
    width: 100%;
    border-radius: 10px; }
  button.button.card-button:hover, button.button.card-button:active, button.button.card-button:focus {
    background: #2e8337;
    color: white; }
  button.button.card-button.card--white {
    background-color: white;
    color: #3d1951;
    text-transform: none;
    font-style: normal;
    font-weight: bold;
    border-radius: 10px;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 5px; }
    @media screen and (min-width: 350px) {
      button.button.card-button.card--white {
        font-size: 18px; } }
    button.button.card-button.card--white:hover {
      background-color: #2e8337;
      color: white; }
  button.button.card-button.card-text {
    color: #3d1951;
    text-transform: none;
    font-style: normal;
    border: 2px solid #2e8337;
    background-color: white;
    width: 100%;
    max-width: 400px;
    padding: 20px 20px;
    letter-spacing: 0;
    font-size: 18px;
    margin: 15px auto;
    line-height: 1;
    border-radius: 10px; }
    button.button.card-button.card-text:hover {
      background-color: #2e8337;
      color: white; }
      button.button.card-button.card-text:hover h2 {
        color: white; }
  button.button.card-button.credit-score {
    font-size: 25px;
    line-height: 2;
    font-style: normal;
    text-transform: none;
    color: #3d1951;
    text-transform: none;
    font-style: normal;
    border: 2px solid #2e8337;
    background-color: white;
    width: 100%;
    letter-spacing: 0;
    max-width: 300px;
    border-radius: 10px;
    height: 150px; }
    @media screen and (min-width: 768px) {
      button.button.card-button.credit-score {
        height: 200px;
        padding: 10px; } }
    button.button.card-button.credit-score h2 {
      font-weight: bold;
      font-size: 22px; }
      @media screen and (min-width: 768px) {
        button.button.card-button.credit-score h2 {
          font-size: 25px; } }
    button.button.card-button.credit-score .small-label {
      font-size: 20px;
      line-height: 1.5;
      text-transform: none;
      font-style: normal;
      font-weight: bold; }
    button.button.card-button.credit-score:hover {
      background-color: #2e8337;
      color: white; }
      button.button.card-button.credit-score:hover h2 {
        color: white; }

.card-radio-button .card-radio-element--multi-step {
  opacity: 0; }

.card-radio-button .card.card--multi-step {
  padding: 0px 10px 10px 10px;
  border: 1px solid white;
  background-color: white;
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 300px;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.5;
  color: #3d1951;
  font-style: italic;
  font-weight: bold; }
  .card-radio-button .card.card--multi-step.credit-score {
    font-size: 25px;
    line-height: 2;
    font-style: normal;
    text-transform: none; }
    .card-radio-button .card.card--multi-step.credit-score .small-label {
      font-size: 20px;
      line-height: 1.5;
      text-transform: none;
      font-style: normal;
      font-weight: bold; }
  .card-radio-button .card.card--multi-step img {
    display: block;
    margin: 10px auto;
    background-color: #2e8337;
    padding: 10px;
    border-radius: 10px; }
  .card-radio-button .card.card--multi-step .card-img {
    padding: 0px;
    background-color: white;
    margin: 0 auto; }
  .card-radio-button .card.card--multi-step .small-label {
    font-size: 16px;
    line-height: 1.5;
    text-transform: none;
    font-style: normal;
    font-weight: bold; }

.card-radio-button .card-radio-element--multi-step + .card.card--multi-step.card-button {
  color: #3d1951;
  text-transform: none;
  font-style: normal;
  border: 1px solid #3d1951;
  background-color: white;
  width: 100%;
  max-width: 400px;
  padding: 10px 20px;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1; }
  .card-radio-button .card-radio-element--multi-step + .card.card--multi-step.card-button::before {
    display: inline-block; }

.card-radio-button .card-radio-element--multi-step + .card.card--multi-step:hover {
  cursor: pointer; }

.card-radio-button .card-radio-element--multi-step:checked + .card.card--multi-step,
.card-radio-button .card-radio-element--multi-step:checked + .card.card--multi-step.credit-score {
  border: 1px solid #2e8337;
  background-color: #2e8337;
  color: white; }

.card-radio-button .card-radio-element--multi-step + .card.card--multi-step::before {
  content: "\F058";
  color: white;
  position: relative;
  text-align: center;
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 20px;
  margin: 0 auto;
  display: block;
  font-weight: 900;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.card-radio-button .card-radio-element--multi-step:checked {
  color: white !important; }

.card-radio-button .card-radio-element--multi-step:checked + .card.card--multi-step::before {
  -webkit-animation-name: fadeInCheckbox;
  animation-name: fadeInCheckbox;
  color: white;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .card-radio-button .card-radio-element--multi-step:checked + .card.card--multi-step::before .card-radio-element--multi-step:checked + h2.card-radio-label {
    color: white; }
  .card-radio-button .card-radio-element--multi-step:checked + .card.card--multi-step::before .card-radio-element--multi-step:checked + span.small-label {
    color: white; }

.button.card-selection {
  color: #3d1951;
  text-transform: none;
  font-style: normal;
  border: 1px solid #3d1951;
  background-color: white;
  width: 100%;
  margin: 10px auto;
  max-width: 400px;
  padding: 10px 20px;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 2; }
  .button.card-selection:hover, .button.card-selection:active, .button.card-selection:focus {
    background-color: #2e8337;
    border: 1px solid #2e8337;
    color: white;
    font-size: 18px;
    line-height: 2; }

.hero.hero--multi-step-hero {
  height: auto;
  min-height: calc(100vh - 20px); }
  @media screen and (min-width: 768px) and (orientation: portrait) {
    .hero.hero--multi-step-hero {
      min-height: calc(100vh - 50px); } }
  @media screen and (min-width: 1024px) {
    .hero.hero--multi-step-hero {
      min-height: calc(100vh - 50px); } }
  .hero.hero--multi-step-hero .wrap {
    margin-top: 25px; }
  .hero.hero--multi-step-hero h1 {
    font-size: 35px;
    line-height: 1.5;
    margin: 0;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .hero.hero--multi-step-hero h1 {
        font-size: 20px;
        line-height: 1.5; } }
  .hero.hero--multi-step-hero h2 {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.5; }

/* Progress bar */
.progress {
  width: 100%;
  height: 50px; }

.progress-wrap {
  background: #2e8337;
  margin: 0;
  overflow: hidden;
  position: relative;
  top: 0px;
  margin: 50px 0px 0px 0px; }
  @media screen and (min-width: 1200px) {
    .progress-wrap {
      margin: 85px 0px 0px 0px; } }
  .progress-wrap:after {
    content: attr(data-progress-msg);
    color: white;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: bold; }
  .progress-wrap .progress-bar {
    background: #CCCBCB;
    left: 0;
    position: absolute;
    top: 0; }

#multiStepLeadForm {
  width: 100%;
  max-width: 400px;
  margin: 0 auto; }
  #multiStepLeadForm button {
    width: 100%; }

.hero {
  min-height: 100vh;
  max-height: none;
  height: auto;
  text-align: center; }
  .hero.landing-page {
    height: auto; }
    @media screen and (min-width: 768px) {
      .hero.landing-page {
        height: auto;
        text-align: left; } }
    @media screen and (min-width: 1024px) {
      .hero.landing-page {
        min-height: 1000px; } }
    .hero.landing-page .wrap {
      padding: 0 5px; }
      .hero.landing-page .wrap h1 {
        margin: 0px;
        line-height: 1.5; }
    .hero.landing-page .twothirds {
      bottom: 0px; }
  .hero.content-page {
    background-position: top; }
    .hero.content-page h1 {
      margin-bottom: 0px; }
    .hero.content-page .white {
      color: white; }
      .hero.content-page .white h1, .hero.content-page .white h2, .hero.content-page .white h3, .hero.content-page .white h4, .hero.content-page .white h5, .hero.content-page .white h6, .hero.content-page .white p {
        color: white; }
      .hero.content-page .white hr {
        border-color: white; }
  .hero.landing-page .wave-wrap, .hero.content-page .wave-wrap {
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .hero.landing-page .wave-wrap, .hero.content-page .wave-wrap {
        position: absolute;
        right: 0px;
        width: 100%;
        margin: 0 auto;
        bottom: -10px; } }
    .hero.landing-page .wave-wrap svg, .hero.content-page .wave-wrap svg {
      width: 100%;
      display: block; }

.landing-page-form {
  width: 100%;
  background-position: center;
  margin-top: 50px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 5px;
  background-color: white; }
  @media screen and (min-width: 768px) {
    .landing-page-form {
      margin-top: 0px; } }
  @media screen and (min-width: 768px) {
    .landing-page-form input[type="text"], .landing-page-form input[type="tel"], .landing-page-form input[type="email"], .landing-page-form input[type="submit"] {
      width: 100%; } }
  .landing-page-form .errorMessage {
    margin-bottom: 0px; }
  .landing-page-form label {
    line-height: 2; }

.hero.calculator-hero {
  min-height: 0px;
  max-height: none;
  height: auto; }
  .hero.calculator-hero h1 {
    margin-bottom: 0px; }

.calculator {
  background-color: #F8F8F8;
  border-top: 1px solid #2e8337;
  padding: 25px 0px; }
  .calculator hr {
    margin: 5px auto; }
    @media screen and (min-width: 768px) {
      .calculator hr {
        margin: 5px 0px; } }
  .calculator hr.gray {
    color: #EBEBEB;
    margin: 15px auto; }
  @media screen and (min-width: 768px) {
    .calculator h5.control-label {
      text-align: left; } }
  @media screen and (min-width: 768px) {
    .calculator .calc-holder {
      min-height: 500px; } }
  .calculator .wrap {
    max-width: 1200px;
    width: 100%;
    padding: 0; }
  .calculator .select {
    width: 100%;
    max-width: 250px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .calculator .select {
        margin: 0; } }
    .calculator .select select {
      padding: 10px 40px 10px 10px; }
  .calculator input, .calculator select {
    max-width: 225px;
    padding: 10px 15px;
    width: 100%; }
  .calculator .errorMessage {
    margin-bottom: 0px; }
  .calculator .input-element.percentage:after {
    content: "%";
    right: 6px; }
  .calculator .input-element.dollar:before, .calculator .input-element.percentage:after {
    margin-top: -10px;
    line-height: 1; }
  .calculator .form-wrap {
    margin: 10px auto; }
    @media screen and (min-width: 768px) {
      .calculator .form-wrap {
        width: 100%;
        margin: 0 auto 30px auto; } }
  .calculator .down-payment-percent {
    width: 90px !important; }
    @media screen and (min-width: 768px) {
      .calculator .down-payment-percent {
        width: 65px !important; } }
  .calculator .or-label {
    font-weight: bold;
    color: #3d1951;
    margin: 0px 3px; }
  .calculator .down-payment-dollar {
    width: 125px !important;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .calculator .down-payment-dollar {
        width: 110px !important; } }
  .calculator .copyright {
    font-size: 14px;
    line-height: 20px;
    color: #898989; }
  .calculator h5, .calculator h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    text-align: center; }
  .calculator h5.results-heading {
    margin-bottom: 5px;
    color: #2e8337; }
  .calculator .total-savings {
    background-color: #2e8337;
    width: 100%;
    text-align: center;
    border-radius: 3;
    padding: 10px 0px; }
    .calculator .total-savings h2 {
      font-size: 70px;
      line-height: 1.5;
      color: white;
      font-weight: bold; }
  .calculator .payment-amount {
    background-color: #3d1951;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    padding: 10px 0px; }
    .calculator .payment-amount h2 {
      font-size: 70px;
      line-height: 1.5;
      color: white;
      font-weight: bold; }
    .calculator .payment-amount h4 {
      color: white; }
  .calculator button.accordion {
    background-color: #2e8337;
    font-size: 16px;
    color: white;
    padding: 10px 3px;
    margin: 10px auto 0px;
    font-style: normal;
    letter-spacing: 0;
    border-radius: 3px; }
  .calculator .panel {
    padding: 0; }
    .calculator .panel table tr:nth-child(even) {
      background-color: white; }
    .calculator .panel table tr:hover {
      background-color: rgba(46, 131, 55, 0.2) !important; }
    .calculator .panel table td {
      padding: 5px; }
      .calculator .panel table td p {
        padding: 0;
        margin: 0; }
      .calculator .panel table td input {
        width: 75px;
        margin: 0; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hero.page-hero h1 {
    font-size: 50px;
    line-height: 55px; } }

@media screen and (min-width: 1200px) {
  .hero.page-hero h1 {
    font-size: 60px;
    line-height: 65px; } }

.hero.page-hero.auto-height {
  height: auto !important;
  min-height: 0px;
  max-height: none; }
  .hero.page-hero.auto-height .wrap {
    position: relative;
    margin-top: 150px; }
    .hero.page-hero.auto-height .wrap .text-wrap {
      position: relative;
      z-index: 2; }
      @media screen and (min-width: 768px) {
        .hero.page-hero.auto-height .wrap .text-wrap {
          max-width: 1000px;
          width: 100%;
          margin: 0 auto; } }

.hero.page-hero.full-height .text-wrap {
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .hero.page-hero.full-height .text-wrap {
      max-width: 1000px;
      width: 100%;
      margin-top: 0px; } }
  @media screen and (min-width: 768px) {
    .hero.page-hero.full-height .text-wrap.wrap-centered {
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -moz-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); } }
  @media screen and (min-width: 1024px) {
    .hero.page-hero.full-height .text-wrap {
      position: absolute;
      margin-top: 0px; } }

@media screen and (min-width: 768px) {
  .hero.page-hero.hero-form.full-height .text-wrap, .hero.page-hero.hero-form.auto-height .text-wrap {
    float: left;
    width: 50%;
    text-align: left;
    position: relative; } }

.hero.page-hero.hero-form.full-height .form-wrap, .hero.page-hero.hero-form.auto-height .form-wrap {
  background-color: white;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .hero.page-hero.hero-form.full-height .form-wrap, .hero.page-hero.hero-form.auto-height .form-wrap {
      float: left;
      width: 50%;
      position: relative; } }

.hero.page-hero.video-player-hero .text-wrap {
  margin: 0 auto;
  position: relative; }

.hero.page-hero.video-player-hero .video-player {
  position: relative;
  margin-top: 25px; }

.hero.video-background {
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vh - 50px);
  min-height: 700px; }
  .hero.video-background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.5); }
  @media screen and (max-height: 768px) and (max-width: 767px) {
    .hero.video-background {
      height: calc(100vh - 150px);
      min-height: 500px; } }
  @media screen and (min-width: 400px) {
    .hero.video-background {
      background-position: center; } }
  @media screen and (max-width: 768px) and (orientation: landscape) {
    .hero.video-background {
      height: calc(100vh - 150px);
      min-height: 700px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; } }
  @media screen and (min-width: 768px) {
    .hero.video-background {
      height: calc(100vh - 100px);
      text-align: center;
      background-position: center;
      min-height: 800px; } }
  .hero.video-background.auto-height {
    overflow: hidden; }
  .hero.video-background #page-video {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    z-index: 0; }
    .hero.video-background #page-video.auto-height {
      width: 100%;
      height: auto; }
    @media screen and (min-width: 768px) {
      .hero.video-background #page-video.full-height {
        width: auto;
        height: 100%; } }
    @media screen and (min-width: 1200px) {
      .hero.video-background #page-video.full-height {
        min-width: 100%;
        min-height: 900px;
        height: auto; } }
  .hero.video-background a.button.trans.hero-button {
    background-color: white !important; }
    .hero.video-background a.button.trans.hero-button:hover, .hero.video-background a.button.trans.hero-button:focus, .hero.video-background a.button.trans.hero-button:active {
      background-color: #3d1951 !important; }
  .hero.video-background .wave-wrap {
    position: absolute;
    bottom: -60px;
    right: 0;
    width: 100%;
    z-index: 2;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .hero.video-background .wave-wrap {
        position: absolute;
        right: 0px;
        width: 100%;
        margin: 0 auto;
        bottom: -30px; } }
    .hero.video-background .wave-wrap svg {
      width: 100%;
      display: block; }

.grid-wrap {
  max-width: 1200px;
  width: 98vw; }

.full-image-carousel {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2); }

#pageImageSliderGallery {
  position: relative;
  width: 100%;
  margin: 25px auto;
  display: block;
  z-index: 1; }
  #pageImageSliderGallery .owl-stage-outer .owl-stage .owl-item {
    transition: 0.3s linear; }
    #pageImageSliderGallery .owl-stage-outer .owl-stage .owl-item .slide {
      text-align: center;
      margin: 0 auto; }
    #pageImageSliderGallery .owl-stage-outer .owl-stage .owl-item:not(.center) {
      transform: scale(0.8); }

#contentPageSlider {
  background-color: #3d1951;
  color: white; }
  @media screen and (min-width: 768px) {
    #contentPageSlider {
      text-align: left; } }
  #contentPageSlider .slide {
    width: calc(100% - 100px);
    margin: 0 auto; }
    #contentPageSlider .slide .text-wrap h1, #contentPageSlider .slide .text-wrap h2, #contentPageSlider .slide .text-wrap h3, #contentPageSlider .slide .text-wrap h4, #contentPageSlider .slide .text-wrap h5, #contentPageSlider .slide .text-wrap h6, #contentPageSlider .slide .text-wrap p, #contentPageSlider .slide .text-wrap li {
      color: white; }
  @media screen and (min-width: 768px) {
    #contentPageSlider .owl-nav {
      display: block; } }
  #contentPageSlider button[type="button"] {
    font-size: 35px;
    line-height: 40px;
    border: 0px !important;
    height: 50px;
    width: 50px;
    text-align: center;
    color: white !important;
    top: 50%;
    bottom: auto;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    border-radius: 50%;
    font-size: 50px !important; }
    #contentPageSlider button[type="button"]:hover, #contentPageSlider button[type="button"]:focus {
      border-radius: 50%; }
  #contentPageSlider button.owl-prev {
    left: 0;
    right: auto;
    margin-left: 10px !important; }
  #contentPageSlider button.owl-next {
    left: auto;
    right: 0;
    margin-right: 10px !important; }
  #contentPageSlider .owl-dots {
    text-align: center; }
    #contentPageSlider .owl-dots button.owl-dot {
      height: 15px;
      width: 15px;
      background: #cccccc !important;
      border-radius: 50%;
      border: 0px !important;
      margin: 5px;
      margin-right: 5px; }
      #contentPageSlider .owl-dots button.owl-dot.active {
        background: #2e8337 !important; }

.hero.pbr-sweepstakes {
  height: auto;
  background-position: top center;
  background-size: contain;
  width: 100%;
  padding: 0px; }
  .hero.pbr-sweepstakes .logo-wrapper {
    padding: 15px;
    text-align: center; }
    .hero.pbr-sweepstakes .logo-wrapper img {
      height: auto;
      width: 100%;
      margin: 0 auto;
      filter: drop-shadow(0px 16px 24px #60606166); }
    @media screen and (min-width: 768px) {
      .hero.pbr-sweepstakes .logo-wrapper {
        position: relative;
        background-color: transparent; } }
  .hero.pbr-sweepstakes .sweepstakes-heading {
    height: 136px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-bottom: 30px; }
    .hero.pbr-sweepstakes .sweepstakes-heading .heading-logo {
      position: relative;
      top: 40%;
      filter: drop-shadow(0px 16px 24px #60606166); }
      @media screen and (max-width: 480px) {
        .hero.pbr-sweepstakes .sweepstakes-heading .heading-logo {
          position: relative;
          top: 55%;
          width: 75%; } }
    .hero.pbr-sweepstakes .sweepstakes-heading img {
      max-width: 400px;
      min-width: 280px; }
  .hero.pbr-sweepstakes .wrap {
    display: grid;
    overflow-y: scroll;
    margin: 0px;
    max-width: 100%;
    padding: 25px 25px 50px 25px; }
    .hero.pbr-sweepstakes .wrap h1 {
      font-size: 60px;
      line-height: 60px; }
    .hero.pbr-sweepstakes .wrap h2 {
      font-size: 32px;
      line-height: 40px;
      color: #3d1951; }
    @media screen and (min-width: 1025px) {
      .hero.pbr-sweepstakes .wrap {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 1025px) {
      .hero.pbr-sweepstakes .wrap {
        grid-template-rows: repeat(2, max-content);
        grid-row-gap: 30px;
        text-align: left; }
        .hero.pbr-sweepstakes .wrap h1 {
          font-size: 32px; }
        .hero.pbr-sweepstakes .wrap h2 {
          font-size: 24px; } }
    @media screen and (min-width: 1025px) {
      .hero.pbr-sweepstakes .wrap .sweepstakes-content-wrap {
        text-align: left;
        width: 95%; } }
    .hero.pbr-sweepstakes .wrap .sweepstakes-content-wrap .content-text p {
      padding-bottom: 15px; }
    .hero.pbr-sweepstakes .wrap .sweepstakes-form-wrap {
      display: grid;
      justify-items: center; }
    .hero.pbr-sweepstakes .wrap .sweepstakes-media {
      display: grid; }
      @media screen and (min-width: 1025px) {
        .hero.pbr-sweepstakes .wrap .sweepstakes-media {
          grid-template-columns: repeat(2, 1fr); } }
      @media screen and (max-width: 1025px) {
        .hero.pbr-sweepstakes .wrap .sweepstakes-media {
          grid-template-rows: repeat(2, max-content); } }
    .hero.pbr-sweepstakes .wrap .sweepstakes-social-links {
      width: 100%;
      display: grid;
      align-items: center;
      grid-template-columns: repeat(3, max-content);
      column-gap: 20px;
      padding: 15px; }
      @media screen and (max-width: 1025px) {
        .hero.pbr-sweepstakes .wrap .sweepstakes-social-links {
          padding: 15px 0px; } }
  .hero.pbr-sweepstakes .not-required .requiredInputs {
    display: none; }
  .hero.pbr-sweepstakes .opt-in-disclaimer {
    font-size: 12px;
    line-height: 1.5; }
  .hero.pbr-sweepstakes .control-group {
    width: 100%; }
  .hero.pbr-sweepstakes .control-label {
    text-align: left; }
  .hero.pbr-sweepstakes .row {
    margin: 5px 0px; }
  .hero.pbr-sweepstakes .button {
    width: 100%; }

.partnerLandingPageContents {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 0; }
  .partnerLandingPageContents .uhmLogoImage {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .partnerLandingPageContents .partnerLogoImage {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .partnerLandingPageContents .contentWrapper {
    padding: 0px; }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf {
      position: relative;
      padding-left: 20px;
      margin-left: 0px; }
      .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #accentImageTop {
        max-width: 85%;
        position: relative;
        border-radius: 8px;
        box-shadow: 24px 24px 80px rgba(33, 31, 34, 0.32);
        overflow: hidden; }
      .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos {
        position: absolute;
        width: 140px;
        top: calc(50% - 142px);
        left: calc(85% - 70px); }
        .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #uhmLogoBackgroundTop {
          background-color: #3d1951;
          width: 200px;
          height: 126px;
          border-radius: 8px;
          box-shadow: 24px 24px 80px rgba(33, 31, 34, 0.32);
          padding: 16px;
          float: left; }
        .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #partnerLogoBackgroundTop {
          background-color: #cc0000;
          width: 200px;
          height: 126px;
          border-radius: 8px;
          box-shadow: 24px 24px 80px rgba(33, 31, 34, 0.32);
          float: left;
          padding: 16px;
          margin-top: 32px; }
    .partnerLandingPageContents .contentWrapper .firstRowRightHalf {
      position: relative;
      padding-left: 10%;
      transform: translateY(6%); }
      .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingHeader {
        font-size: 64px;
        text-align: left;
        margin-top: 40px; }
      .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingText {
        margin-bottom: 20px;
        width: 85%;
        text-align: left; }
      .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingButton {
        height: 80px;
        text-align: center;
        float: left;
        line-height: 40px; }
    .partnerLandingPageContents .contentWrapper #secondRow {
      margin-top: 75px; }
      .partnerLandingPageContents .contentWrapper #secondRow h2.section-header {
        transform: translateX(15%);
        width: 75%;
        text-align: center; }
  .partnerLandingPageContents #thirdRow {
    max-height: 250px; }
    .partnerLandingPageContents #thirdRow #ctaColumn {
      margin: 0px;
      padding: 0px;
      max-height: 10px; }
      .partnerLandingPageContents #thirdRow #ctaColumn #ctaTextBox {
        transform: translateY(-235%); }
        .partnerLandingPageContents #thirdRow #ctaColumn #ctaTextBox #ctaSubheading {
          padding: 0px;
          color: #ffed57; }
        .partnerLandingPageContents #thirdRow #ctaColumn #ctaTextBox #ctaHeading {
          color: #fff; }
        .partnerLandingPageContents #thirdRow #ctaColumn #ctaTextBox #ctaText {
          color: #fff; }
        .partnerLandingPageContents #thirdRow #ctaColumn #ctaTextBox #ctaLetsTalkButton {
          margin-top: 60px;
          margin-bottom: 20px;
          transform: translateY(-40px); }
      .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages {
        transform: translateY(-630px); }
        .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #accentImageBottom {
          position: relative;
          width: 50%;
          border-radius: 8px;
          box-shadow: 24px 24px 80px rgba(33, 31, 34, 0.32);
          overflow: hidden;
          margin: 20px auto 0px; }
        .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos {
          position: relative;
          top: -60px;
          transform: translateX(calc(100% - 191px));
          width: 50%; }
          .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos #uhmLogoBackgroundBottom {
            background-color: #3d1951;
            width: 175px;
            height: 110px;
            border-radius: 8px;
            box-shadow: 24px 24px 80px rgba(33, 31, 34, 0.32);
            padding: 16px;
            float: left; }
          .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos #partnerLogoBackgroundBottom {
            background-color: #cc0000;
            width: 175px;
            height: 110px;
            border-radius: 8px;
            box-shadow: 24px 24px 80px rgba(33, 31, 34, 0.32);
            float: left;
            padding: 16px;
            margin-left: 32px; }
    .partnerLandingPageContents #thirdRow #disclaimerText {
      position: relative;
      font-size: 12px;
      line-height: 16px;
      padding: 40px;
      margin-top: 14%;
      clear: both; }

#ctaColoringBlock {
  background-color: #3d1951;
  position: relative;
  height: 600px;
  width: 100%;
  max-width: 100%;
  margin-top: 60px; }

/* Under 1439px */
@media only screen and (max-width: 1439px) {
  .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos {
    top: 50%;
    transform: translateY(-50%); }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #uhmLogoBackgroundTop {
      width: 140px;
      height: 88px; }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #partnerLogoBackgroundTop {
      width: 140px;
      height: 88px; }
  .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingHeader {
    font-size: 32px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 10px; }
  .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingText {
    width: 100%; }
  .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingButton {
    height: 50px;
    line-height: 10px; }
  .partnerLandingPageContents #ctaColoringBlock {
    height: 400px; }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaTextBox {
    transform: translateY(-155%); }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #accentImageBottom {
    transform: translateY(190px); }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos {
    position: relative;
    top: 140px;
    transform: translateX(calc(100% - 156px)); }
    .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos #uhmLogoBackgroundBottom {
      width: 140px;
      height: 88px; }
    .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos #partnerLogoBackgroundBottom {
      width: 140px;
      height: 88px; }
  .partnerLandingPageContents #thirdRow #disclaimerText {
    margin-top: 25%; } }

/* Under 1023px */
@media only screen and (max-width: 1023px) {
  .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #accentImageTop {
    max-width: 100%; }
  .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos {
    position: relative;
    top: -44px;
    width: 500px;
    left: calc(50% - 148px); }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #partnerLogoBackgroundTop {
      margin-top: 0px;
      margin-left: 16px; }
  .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingHeader {
    line-height: 0px; }
  .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingText {
    max-width: 95%; }
  .partnerLandingPageContents .contentWrapper #secondRow {
    margin-top: 25px; } }

/* Under 767px */
@media only screen and (max-width: 767px) {
  .partnerLandingPageContents .contentWrapper .firstRowLeftHalf {
    padding-left: 0px; }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #accentImageTop {
      max-width: 90%; }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos {
      width: 75%; }
  .partnerLandingPageContents .contentWrapper .firstRowRightHalf {
    padding-left: 5px; }
    .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingHeader {
      text-align: center; }
    .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingText {
      max-width: 100%;
      text-align: center; }
    .partnerLandingPageContents .contentWrapper .firstRowRightHalf #greetingButton {
      margin-left: calc(50% - 125px);
      margin-bottom: 30px;
      display: flex;
      justify-content: center; }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #accentImageBottom {
    width: 90%; }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos {
    transform: translateX(50px);
    width: 80%; } }

/* Under 424px */
@media only screen and (max-width: 424px) {
  .partnerLandingPageContents .contentWrapper .firstRowLeftHalf {
    padding-left: 0px; }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #accentImageTop {
      max-width: 90%; }
    .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos {
      width: 75%;
      transform: translateX(29px); }
      .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #uhmLogoBackgroundTop {
        width: 110px;
        height: 69px; }
      .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos #partnerLogoBackgroundTop {
        width: 110px;
        height: 69px; }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos {
    transform: translateX(57px); }
    .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos #uhmLogoBackgroundBottom {
      width: 110px;
      height: 69px; }
    .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos #partnerLogoBackgroundBottom {
      width: 110px;
      height: 69px; } }

/*Under 374px*/
@media only screen and (max-width: 374px) {
  .partnerLandingPageContents .contentWrapper .firstRowLeftHalf #topLogos {
    width: 85%;
    transform: translateX(29px); }
  .partnerLandingPageContents #thirdRow #ctaColumn #ctaImages #bottomLogos {
    transform: translateX(29px);
    top: 150px;
    width: 88%; } }

.hero-recruiting {
  min-height: min-content;
  padding: 0px; }
  .hero-recruiting .wrap {
    margin-top: 0px; }
  .hero-recruiting h1 {
    margin-top: 0px; }
  .hero-recruiting h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #2e8337; }
  .hero-recruiting .hero-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .hero-recruiting .hero-content .hero-text {
      width: 50%;
      text-align: left;
      padding: 10px 5px; }
      .hero-recruiting .hero-content .hero-text .hero-cta-button {
        margin: 3vh 0vw; }
  .hero-recruiting .hero-video {
    width: 50%;
    padding: 5vh 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .hero-recruiting .hero-video .hero-video-icon {
      position: absolute;
      pointer-events: none;
      top: 60%; }
  @media screen and (max-width: 768px) {
    .hero-recruiting .hero-content {
      flex-direction: column; }
      .hero-recruiting .hero-content .hero-text {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .hero-recruiting .hero-content .hero-text .hero-cta-button {
          margin: 3vh 0vw; }
    .hero-recruiting .hero-video {
      width: 100%; }
      .hero-recruiting .hero-video .hero-video-icon {
        position: absolute;
        top: 60%;
        pointer-events: none; } }

.background {
  background-size: cover;
  background-repeat: no-repeat; }

.testimonial-container {
  background-color: #3d1951; }
  .testimonial-container img {
    width: 90%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); }
  .testimonial-container .testimonials {
    display: flex;
    background-color: #3d1951;
    color: white; }
    .testimonial-container .testimonials .testimonial {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 50%;
      margin: 20px 0px; }
      .testimonial-container .testimonials .testimonial .testimonial-text {
        padding: 10px;
        text-align: left; }
        .testimonial-container .testimonials .testimonial .testimonial-text h2 {
          font-weight: bold;
          color: white; }
        .testimonial-container .testimonials .testimonial .testimonial-text p {
          color: white; }
  @media screen and (max-width: 1000px) {
    .testimonial-container .testimonials {
      flex-direction: column; }
      .testimonial-container .testimonials .testimonial {
        flex-direction: column;
        width: 100%; }
        .testimonial-container .testimonials .testimonial .testimonial-text {
          text-align: center; }
    .testimonial-container img {
      width: 50%; } }

.main-video-section {
  padding: 0px; }
  .main-video-section .main-video-content .main-video {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 5vh 5vw;
    color: white;
    font-size: 50px; }
    .main-video-section .main-video-content .main-video .recruiting-video {
      box-shadow: 24px 24px 48px rgba(0, 0, 0, 0.48); }

.featured-roles-section {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .featured-roles-section .featured-roles {
    display: flex;
    justify-content: space-between; }
    .featured-roles-section .featured-roles .role {
      width: 50%; }
    .featured-roles-section .featured-roles .first {
      padding-right: 10px; }
    .featured-roles-section .featured-roles .second {
      padding-left: 10px; }
    .featured-roles-section .featured-roles h1 {
      margin-top: 0px; }
    .featured-roles-section .featured-roles h3 {
      padding: 0px;
      margin: 0px;
      color: #2e8337; }
    .featured-roles-section .featured-roles p {
      padding-top: 20px;
      padding-bottom: 10px; }
  .featured-roles-section .roles-cta-button {
    margin-top: 10vh; }
    .featured-roles-section .roles-cta-button p {
      width: 50%;
      margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .featured-roles-section .featured-roles {
      display: flex;
      flex-direction: column; }
      .featured-roles-section .featured-roles .role {
        width: 100%;
        padding: 20px 5px; } }

.button-small {
  padding: 10px !important;
  font-size: 14px !important; }

.video-icon {
  position: absolute;
  pointer-events: none; }

.internalLandingPage {
  padding-bottom: 0;
  /* ---HERO--- */
  /* ---BENEFITS--- */
  /* ---PARTNER INTRODUCTION--- */ }
  @media screen and (max-width: 768px) {
    .internalLandingPage {
      padding-top: 0; } }
  .internalLandingPage .wrap {
    margin: 0;
    padding: 0;
    max-width: 100vw; }
  .internalLandingPage .hero-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0; }
    @media screen and (max-width: 768px) {
      .internalLandingPage .hero-wrapper {
        padding-top: 0; } }
    @media screen and (max-width: 425px) {
      .internalLandingPage .hero-wrapper {
        padding-top: 0; } }
    .internalLandingPage .hero-wrapper .hero-media-background-wrapper .hero-media-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-height: 50%;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      opacity: .1; }
      @media screen and (max-width: 1080px) {
        .internalLandingPage .hero-wrapper .hero-media-background-wrapper .hero-media-background {
          height: 100%;
          width: auto; } }
    .internalLandingPage .hero-wrapper .hero {
      height: auto;
      min-height: 0;
      text-align: left;
      background-color: transparent;
      z-index: 1;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1080px) {
        .internalLandingPage .hero-wrapper .hero {
          padding-top: 10px; } }
      @media screen and (max-width: 768px) {
        .internalLandingPage .hero-wrapper .hero {
          display: block; } }
      @media screen and (max-width: 425px) {
        .internalLandingPage .hero-wrapper .hero {
          display: block;
          text-align: center; } }
      @media screen and (max-width: 768px) {
        .internalLandingPage .hero-wrapper .hero .hero-text {
          width: 100%; } }
      .internalLandingPage .hero-wrapper .hero .hero-text h3 {
        line-height: 18px;
        color: #2E8337; }
      .internalLandingPage .hero-wrapper .hero .hero-text h1 {
        color: #3D1951;
        width: 90%; }
        @media screen and (max-width: 425px) {
          .internalLandingPage .hero-wrapper .hero .hero-text h1 {
            margin: auto;
            margin-bottom: 16px; } }
      .internalLandingPage .hero-wrapper .hero .hero-text p {
        color: #211F22;
        width: 65%;
        margin-bottom: 16px; }
        @media screen and (max-width: 425px) {
          .internalLandingPage .hero-wrapper .hero .hero-text p {
            margin: auto;
            margin-bottom: 16px;
            width: 100%; } }
      .internalLandingPage .hero-wrapper .hero .hero-media-wrapper {
        box-shadow: 0 0 24px #FFFFFFE6 inset, 0 16px 48px #3D195152;
        border-radius: 8px;
        float: left; }
        @media screen and (max-width: 768px) {
          .internalLandingPage .hero-wrapper .hero .hero-media-wrapper {
            display: none; } }
        .internalLandingPage .hero-wrapper .hero .hero-media-wrapper .hero-media {
          border-radius: 8px;
          position: relative;
          z-index: -1;
          box-shadow: 0 0 24px #FFFFFFE6 inset, 0 16px 48px #3D195152;
          float: left; }
  .internalLandingPage .benefits-wrapper {
    margin: 0;
    padding: 0; }
    .internalLandingPage .benefits-wrapper .purple-wave {
      position: relative;
      background-image: url(/images/uhm/purple-wave-svg.svg);
      background-color: transparent;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top; }
      .internalLandingPage .benefits-wrapper .purple-wave .benefit-text {
        position: relative;
        top: 48px; }
        .internalLandingPage .benefits-wrapper .purple-wave .benefit-text h2 {
          color: #FFFFFF;
          font: normal normal medium 25px/30px Raleway; }
        .internalLandingPage .benefits-wrapper .purple-wave .benefit-text p {
          color: #FFFFFF;
          font: normal normal normal 16px/27px Raleway;
          width: 50%;
          margin: 0 auto; }
          @media screen and (max-width: 768px) {
            .internalLandingPage .benefits-wrapper .purple-wave .benefit-text p {
              width: 80%; } }
    .internalLandingPage .benefits-wrapper .purple-wave-secondary {
      background-color: #3D1951; }
    .internalLandingPage .benefits-wrapper .benefits {
      background-color: #3D1951; }
      .internalLandingPage .benefits-wrapper .benefits .benefit {
        width: calc(33% - 60px);
        margin: 0 20px; }
        @media screen and (max-width: 768px) {
          .internalLandingPage .benefits-wrapper .benefits .benefit {
            float: left;
            width: 100%;
            text-align: center;
            padding: 10px;
            height: auto; } }
        .internalLandingPage .benefits-wrapper .benefits .benefit h3 {
          color: #FFED57;
          font: normal normal bold 15px/30px Raleway; }
        .internalLandingPage .benefits-wrapper .benefits .benefit p {
          color: #FFFFFF;
          font: normal normal medium 16px/27px Raleway; }
          @media screen and (max-width: 768px) {
            .internalLandingPage .benefits-wrapper .benefits .benefit p {
              width: 70%;
              margin: 0 auto; } }
    .internalLandingPage .benefits-wrapper .benefits-secondary {
      padding-bottom: 64px; }
  .internalLandingPage .partner-introduction-wrapper {
    margin: 0;
    padding: 0;
    background-image: url(/images/uhm/purple-wave-bottom.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top; }
    .internalLandingPage .partner-introduction-wrapper .partner-introduction {
      background-color: transparent;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .internalLandingPage .partner-introduction-wrapper .partner-introduction {
          flex-wrap: wrap;
          justify-content: center; } }
      @media screen and (max-width: 425px) {
        .internalLandingPage .partner-introduction-wrapper .partner-introduction {
          padding-left: 12px;
          padding-right: 12px; } }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction .partner-introduction-media-wrapper {
        box-shadow: 0 0 24px #FFFFFFE6 inset, 0 16px 48px #3D195152;
        border-radius: 8px;
        float: left;
        position: relative;
        left: 12%;
        top: -55px;
        width: 75%; }
        .internalLandingPage .partner-introduction-wrapper .partner-introduction .partner-introduction-media-wrapper .partner-introduction-media {
          border-radius: 8px;
          position: relative;
          box-shadow: 0 0 24px #FFFFFFE6 inset, 0 16px 48px #3D195152;
          float: left; }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction h2 {
        color: #000000;
        font-size: 30px;
        text-align: left; }
        @media screen and (max-width: 425px) {
          .internalLandingPage .partner-introduction-wrapper .partner-introduction h2 {
            text-align: center; } }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction h3 {
        color: #2E8337;
        font-size: 15px;
        text-align: left; }
        @media screen and (max-width: 425px) {
          .internalLandingPage .partner-introduction-wrapper .partner-introduction h3 {
            text-align: center; } }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction p {
        color: #000000;
        font-size: 16px;
        width: 85%;
        margin-bottom: 30px;
        text-align: left; }
        @media screen and (max-width: 425px) {
          .internalLandingPage .partner-introduction-wrapper .partner-introduction p {
            width: 100%;
            text-align: center; } }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction a {
        text-align: left; }
        @media screen and (max-width: 425px) {
          .internalLandingPage .partner-introduction-wrapper .partner-introduction a {
            text-align: center; } }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction .partner-introduction-body {
        margin-bottom: 40px; }
      .internalLandingPage .partner-introduction-wrapper .partner-introduction .disclaimer {
        margin-top: 40px;
        color: #000000;
        font: normal normal normal 12px/18px Raleway; }

/* ---CALL TO ACTION--- */
.call-to-action-wrapper {
  background-color: #3D1951;
  margin: 0; }
  .call-to-action-wrapper .call-to-action {
    background-color: #3D1951;
    z-index: 1;
    width: 50%;
    margin: auto; }
    @media screen and (max-width: 1080px) {
      .call-to-action-wrapper .call-to-action {
        width: 75%; } }
    .call-to-action-wrapper .call-to-action h2 {
      color: #FFFFFF;
      font: normal normal medium 30px/40px Raleway;
      margin-bottom: 30px; }
    .call-to-action-wrapper .call-to-action p {
      color: #FFFFFF;
      font: normal normal medium 16px/27px Raleway; }
    .call-to-action-wrapper .call-to-action .disclaimer {
      margin-top: 40px;
      color: #FFFFFF;
      font: normal normal normal 12px/18px Raleway; }

.newHomePageContainer .selected-loan-officers .find-branch.lo-officer-link {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.newHomePageContainer .selected-loan-officers {
  box-shadow: none !important; }

.newHomePageContainer .imageSection {
  border-radius: 5px;
  box-shadow: 0 0 13px 3px #d0d0d0;
  height: 445px;
  width: 67%;
  position: relative; }

.newHomePageContainer .imageSection img {
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  object-fit: cover;
  width: 100%; }

.newHomePageContainer .imageSection:before {
  content: '';
  display: block;
  height: 190px;
  width: 250px;
  background: #3273e0;
  border-radius: 5px;
  opacity: 0.3;
  position: absolute;
  left: -17px;
  top: 18px;
  z-index: -1; }

.newHomePageContainer .imageSection:after {
  content: '';
  display: block;
  height: 190px;
  width: 86%;
  background: red;
  border-radius: 5px;
  opacity: 0.3;
  position: absolute;
  bottom: -17px;
  z-index: -1;
  right: 19px; }

.newHomePageContainer .cardSection {
  position: absolute;
  z-index: 9999;
  bottom: 0; }

.newHomePageContainer .cardSection .card {
  width: 100% !important;
  height: 130px;
  border-radius: 8px !important;
  padding: 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.newHomePageContainer .cardSection .col {
  padding: 0;
  margin: 0;
  width: 300px;
  margin-right: 20px; }

.newHomePageContainer .cardSection .card .header {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  margin-top: 5px;
  background: transparent;
  color: #ffffff; }

.newHomePageContainer .cardSection .card .content {
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  margin: 20px 0;
  background: transparent;
  color: #ffffff; }

.newHomePageContainer .cardSection .card button {
  padding: 5px;
  width: 100%;
  font-size: 12px;
  color: #ffffff; }

.newHomePageContainer .purchase {
  background: #2e8337; }

.newHomePageContainer .refinance {
  background: #7f4896; }

.newHomePageContainer .find {
  background: #c44927; }

.newHomePageContainer .purchase button {
  background: #217031; }

.newHomePageContainer .refinance button {
  background: #3c1951; }

.newHomePageContainer .find button {
  background: #913015; }

.newHomePageContainer .welcomeText {
  font-size: 14px;
  font-weight: 600;
  color: #2e8337; }

.newHomePageContainer .leftContainer {
  padding-top: 0;
  max-width: 460px;
  margin: auto;
  margin-top: 24px; }
  @media screen and (min-width: 1024px) {
    .newHomePageContainer .leftContainer h1 {
      font-weight: 800;
      font-size: 48px;
      line-height: 50px; }
    .newHomePageContainer .leftContainer p {
      padding-right: 16px; } }

.newHomePageContainer .leftContainer p {
  margin: 16px 0px; }

.newHomePageContainer .secondImageSections {
  width: 100%;
  border-radius: 5px;
  height: auto;
  min-height: 310px;
  position: relative;
  z-index: 1;
  margin-right: 50px;
  margin-left: auto;
  box-shadow: none !important; }

.newHomePageContainer .secondImageSections img {
  border-radius: 5px;
  overflow: hidden;
  height: 400px;
  object-fit: contain;
  width: 100%;
  z-index: 9999;
  position: relative;
  box-shadow: 0 0 13px 3px #d0d0d0;
  padding-bottom: 5px; }

.newHomePageContainer .secondImageSections:before {
  content: '';
  display: none;
  height: 211px;
  width: 250px;
  background: #3273e0;
  border-radius: 5px;
  opacity: 0.3;
  position: absolute;
  right: -17px;
  top: 18px;
  z-index: 9999; }

.newHomePageContainer .secondImageSections:after {
  content: '';
  display: none;
  height: 190px;
  width: 200px;
  background: #9a52a3;
  border-radius: 5px;
  opacity: 0.3;
  position: absolute;
  bottom: -17px;
  z-index: 1;
  right: 19px; }

.newHomePageContainer .smallimage {
  position: absolute;
  height: 160px;
  width: 172px;
  bottom: -61px;
  right: -65px;
  z-index: 9999999;
  border-radius: 5px;
  box-shadow: 6px 8px 13px 3px #d0d0d0, inset 2px 0px 0px 0px #fff0;
  display: none; }

@media (min-width: 1024px) {
  .newHomePageContainer .newHomePage {
    margin: auto;
    max-width: 1600px; }
  .newHomePageContainer .leftContainer {
    margin-left: 0px !important; } }

@media (min-width: 844px) and (max-width: 1023px) {
  .newHomePageContainer .branch-locator-search {
    padding: 28px !important;
    padding-top: 0 !important; }
  .newHomePageContainer .cardSection {
    gap: 0 !important; } }

.newHomePageContainer .secondContainer {
  padding-left: 0;
  display: flex;
  padding-right: 0;
  max-width: 80%;
  margin-top: 20px !important; }

.newHomePageContainer .secondContainer .content h1 {
  font-size: 25px;
  font-weight: 900;
  margin: 0;
  line-height: 32px;
  margin-bottom: 14px;
  margin-top: 0px;
  padding: 0px;
  font-family: sans-serif !important; }

.newHomePageContainer .secondContainer ul li:after {
  display: none; }

.newHomePageContainer .secondContainer ul li {
  font-size: 16px;
  line-height: 20px;
  padding: 4px;
  font-weight: 600;
  margin-bottom: 5px; }

.newHomePageContainer .secondContainer ul li i {
  margin-right: 10px; }

.newHomePageContainer .secondContainer a i {
  margin-left: 10px; }

.newHomePageContainer .secondContainer a {
  font-size: 14px;
  padding: 10px 20px !important;
  margin-top: 20px; }

.newHomePageContainer .loadExperience .col {
  padding: 0 !important; }

.newHomePageContainer .loadExperience h1 {
  font-size: 28px;
  margin: 0;
  line-height: 22px;
  margin-bottom: 14px; }

.newHomePageContainer .loadExperience .card {
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.newHomePageContainer .loadExperience .imgBox {
  height: 220px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 1px 3px 12px 6px #8f8f8f54; }

.newHomePageContainer .loadExperience .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.newHomePageContainer .loadExperience .contentBox {
  text-align: left; }

.newHomePageContainer .loadExperience h3 {
  padding-bottom: 0;
  margin-bottom: 0; }

.newHomePageContainer .sliderSection {
  margin-top: 50px;
  padding: 6%;
  background: #ecf7ed;
  padding-top: 0;
  padding-bottom: 0; }

.newHomePageContainer .sliderSection .sliderContainer {
  background-position: center;
  width: 100%;
  min-height: 320px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }

.newHomePageContainer #sliderNew {
  background: #ecf7ed;
  height: 320px; }

.newHomePageContainer .owl-stage {
  padding: 0px; }

.newHomePageContainer #sliderNew .card {
  max-width: 100%;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #3d2850; }

.newHomePageContainer #sliderNew .owl-dots {
  text-align: center;
  display: none; }

.newHomePageContainer #sliderNew .owl-dot {
  border: 0px solid #ffffff !important;
  background: transparent !important;
  width: 10px;
  height: 10px; }

.newHomePageContainer #sliderNew .owl-dot.active {
  background: #ffffff !important; }

.newHomePageContainer #sliderNew .card img {
  width: 210px !important;
  margin-bottom: 20px; }

.newHomePageContainer #sliderNew .card blockquote {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
  width: 82%;
  margin: auto;
  min-height: 100px; }

.newHomePageContainer #sliderNew .card span {
  display: block;
  font-size: 18px;
  margin-top: 30px; }

.newHomePageContainer #sliderNew .owl-nav {
  display: flex;
  position: absolute;
  top: 50%;
  justify-content: space-between;
  padding: 0 20px;
  width: 100%; }

.newHomePageContainer #sliderNew .owl-nav button {
  margin: 0;
  border: 1px solid #3d2850 !important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  color: #3d2850;
  font-size: 26px; }

.newHomePageContainer .sliderSection .sliderContainer:before {
  content: '';
  position: absolute;
  height: 14px;
  width: 25%;
  right: 125px;
  top: -14px;
  border-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.newHomePageContainer .sliderSection .sliderContainer:after {
  content: '';
  position: absolute;
  height: 14px;
  width: 57%;
  left: 125px;
  bottom: -14px;
  border-radius: 7px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.newHomePageContainer .firstSection .uhm-home-hero__content {
  top: 0px;
  position: relative;
  display: flex;
  justify-content: space-between; }

.newHomePageContainer .leftContainer h1 {
  font-weight: 900;
  font-family: sans-serif !important; }

@media (max-width: 1268px) {
  .newHomePageContainer .number-text {
    display: none; } }

@media (max-width: 1070px) {
  .newHomePageContainer .firstSection {
    padding: 0;
    min-height: 588px; }
  .newHomePageContainer .firstSection .leftContainer h1 {
    text-align: center; }
  .newHomePageContainer .firstSection .leftContainer p br {
    display: none; }
  .newHomePageContainer .firstSection .uhm-home-hero__content {
    padding: 25px;
    position: relative;
    display: flex;
    flex-direction: column-reverse; }
  .newHomePageContainer .firstSection .imageSection {
    border-radius: 5px;
    box-shadow: 0 0 13px 3px #d0d0d0;
    height: 325px;
    width: 100%;
    position: relative; }
  .newHomePageContainer .imageSection img {
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .newHomePageContainer .secondImageSections {
    width: calc(100% - 28px);
    margin: auto;
    border-radius: 5px;
    height: 402px;
    box-shadow: 0 0 13px 3px #d0d0d0;
    position: relative;
    margin-bottom: 40px; }
  .newHomePageContainer .content {
    background-color: white;
    padding: 50px 0px;
    text-align: left;
    margin-top: 24px; }
  .newHomePageContainer .cardSection {
    position: relative;
    z-index: 9999; }
  .newHomePageContainer .cardSection .col {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .newHomePageContainer .cardSection .card {
    height: auto;
    display: block;
    position: relative;
    min-width: 350px;
    margin: auto; }
  .newHomePageContainer .card .header {
    font-size: 19px;
    margin-top: 5px; }
  .newHomePageContainer .cardSection .card .content {
    padding: 0;
    font-size: 17px;
    line-height: 27px;
    margin: 10px 0; }
  .newHomePageContainer .cardSection .card button {
    padding: 5px;
    font-size: 14px; }
  .newHomePageContainer .secondContainer .smallimage {
    position: absolute;
    height: 111px;
    width: 129px;
    bottom: -61px;
    right: -17px;
    z-index: 9999999;
    border-radius: 5px;
    box-shadow: 6px 8px 13px 3px #d0d0d0, inset 2px 0px 0px 0px #fff0;
    display: none; }
  .newHomePageContainer .secondContainer .content h1 {
    line-height: 35px; }
  .newHomePageContainer .secondContainer ul li {
    position: relative;
    padding-left: 32px; }
  .newHomePageContainer .secondContainer ul li i {
    position: absolute;
    left: 4px; }
  .newHomePageContainer .sliderSection {
    margin-top: 0;
    padding: 10px;
    margin-bottom: 45px; }
  .newHomePageContainer #sliderNew .card blockquote {
    padding: 0 30px;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px; }
  .newHomePageContainer .sliderSection .sliderContainer:before {
    width: 50%; } }

.newHomePageContainer .branch-locator-search {
  text-align: center;
  width: 100%;
  display: flex;
  padding: 50px;
  padding-top: 0px; }

.newHomePageContainer .unset {
  display: unset !important; }

.newHomePageContainer .selected-loan-officers {
  background-color: #7f4896;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 2px solid #753d8d;
  border-radius: 8px;
  box-shadow: 4px 15px 15px 10px #7f489630; }
  .newHomePageContainer .selected-loan-officers .selected-loan-officer {
    background: transparent; }

.newHomePageContainer .wt100 {
  width: 100%; }

.newHomePageContainer .ft22 {
  font-size: 22px; }

.newHomePageContainer .overCss {
  font-weight: unset !important;
  text-decoration: unset !important; }

.newHomePageContainer .border0 {
  border: 0px solid !important; }

.newHomePageContainer cite {
  line-height: 3;
  text-align: left; }

.newHomePageContainer .owl-carousel .owl-stage-outer {
  padding: 50px 0px 0px 0px; }

.newHomePageContainer .fa-long-arrow-left:before {
  content: "\2039";
  font-size: 3rem;
  line-height: 20px;
  text-align: center; }

.newHomePageContainer .fa-long-arrow-right:before {
  content: "\203A";
  font-size: 3rem;
  line-height: 20px;
  text-align: center; }

.newHomePageContainer .lo-officer-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }
  .newHomePageContainer .lo-officer-link i {
    color: white !important; }
  .newHomePageContainer .lo-officer-link .header .fa {
    display: inline;
    position: relative;
    margin-right: 10px;
    top: 2px;
    font-size: 1.5rem; }

.newHomePageContainer .secondContainer .half:nth-child(2) .content {
  padding: 0 !important; }

@media (min-width: 844px) and (max-width: 1070px) {
  .newHomePageContainer .cardSection {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    align-items: center; }
  .newHomePageContainer .cardSection .col {
    width: 33%; }
  .newHomePageContainer .cardSection .card {
    min-width: 100%; }
  .newHomePageContainer .secondContainer {
    padding: 0;
    flex-direction: row;
    margin-top: 0; }
  .newHomePageContainer .leftContainer {
    max-width: 100%; } }

@media screen and (min-width: 768px) {
  .newHomePageContainer .cardSection .col {
    padding: 0;
    margin: 0;
    width: 350px;
    margin-right: 20px;
    margin-bottom: 20px; } }

@media (max-width: 540px) {
  .newHomePageContainer .leftContainer {
    max-width: 100%; }
  .newHomePageContainer .number-text {
    display: none; }
  .newHomePageContainer .secondContainer {
    padding: 0;
    flex-direction: column;
    margin-top: 0; }
  .newHomePageContainer #sliderNew .owl-nav {
    padding: 0px; }
  .newHomePageContainer #sliderNew .card blockquote {
    padding: 0 15px; }
  .newHomePageContainer .selected-loan-officer .call-lo {
    font-size: 15px;
    line-height: 20px;
    width: 20%;
    display: inline-block;
    border: 0 !important; }
  .newHomePageContainer .selected-loan-officer .email-lo {
    font-size: 15px;
    line-height: 20px;
    width: 20%;
    display: inline-block;
    border: 0 !important; }
  .newHomePageContainer .secondContainer .half:nth-child(2) .content {
    padding: 15px !important; }
  .newHomePageContainer .content {
    margin-top: 0px; }
  .newHomePageContainer .secondContainer a {
    font-size: 14px;
    padding: 10px 45px !important;
    width: 100%; }
  .newHomePageContainer .secondContainer .content h1 {
    font-size: 26px; }
  .newHomePageContainer .branch-locator-search {
    padding: 22px;
    padding-top: 0; }
  .newHomePageContainer .desktopCssText p {
    width: auto !important;
    margin-bottom: 10px; }
  .newHomePageContainer .codeIconright {
    text-align: right;
    width: auto;
    margin-right: 0px !important;
    margin-top: -10px; }
  .newHomePageContainer .codeIconleft {
    text-align: left;
    width: auto;
    margin-left: 0px !important;
    position: absolute; }
  .newHomePageContainer #sliderNew .card span {
    display: block;
    font-size: 18px;
    margin-top: 10px; } }

@media (max-width: 370px) {
  .newHomePageContainer .leftContainer {
    max-width: 100%; }
  .newHomePageContainer .cardSection .card {
    min-width: 100%; }
  .newHomePageContainer #sliderNew .owl-nav {
    padding: 0px; }
  .newHomePageContainer #sliderNew .card blockquote {
    padding: 0 12px;
    font-size: 12px; }
  .newHomePageContainer #sliderNew .card img {
    width: 120px !important;
    margin-bottom: 20px; }
  .newHomePageContainer .codeIconleft:after {
    font-size: 7rem !important; }
  .newHomePageContainer .codeIconright:before {
    font-size: 7rem !important; }
  .newHomePageContainer .codeIconright {
    text-align: right;
    width: auto;
    margin-right: 30px !important;
    margin-top: -10px; }
  .newHomePageContainer .codeIconleft {
    text-align: left;
    width: auto;
    margin-left: 20px !important;
    position: absolute; }
  .newHomePageContainer #sliderNew .owl-nav button {
    margin: 0;
    border: 1px solid #3d2850 !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #3d2850;
    font-size: 26px; }
  .newHomePageContainer .selected-loan-officer .call-lo {
    font-size: 15px;
    line-height: 20px;
    width: 20%;
    display: inline-block;
    border: 0 !important; }
  .newHomePageContainer .selected-loan-officer .email-lo {
    font-size: 15px;
    line-height: 20px;
    width: 20%;
    display: inline-block;
    border: 0 !important; }
  .newHomePageContainer .secondContainer .half:nth-child(2) .content {
    padding: 15px !important; }
  .newHomePageContainer .content {
    margin-top: 0px; }
  .newHomePageContainer .secondContainer a {
    font-size: 14px;
    padding: 10px 45px !important;
    width: 100%; }
  .newHomePageContainer .secondContainer .content h1 {
    font-size: 26px; }
  .newHomePageContainer .branch-locator-search {
    padding: 22px;
    padding-top: 0; }
  .newHomePageContainer .desktopCssText p {
    width: auto !important;
    margin-bottom: 10px; } }

.newHomePageContainer .cardSection .card img {
  width: 30px;
  margin-right: 7px; }

.newHomePageContainer .cardSection .card {
  position: relative;
  width: 100% !important;
  min-height: 125px;
  text-align: center;
  border-radius: 5px !important;
  padding: 0;
  padding: 10px;
  display: block; }

.newHomePageContainer .cardSection .card .header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 5px; }

.newHomePageContainer .cardSection .card .header span {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff; }

.newHomePageContainer .cardSection .card button {
  padding: 5px;
  width: 90%;
  font-size: 12px;
  color: #ffffff;
  height: 44px;
  letter-spacing: 1px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, 10px); }

.newHomePageContainer .purchasebuttonCss {
  background: #217031;
  border: 1px solid #24a131 !important; }

.newHomePageContainer .refinancebuttonCss {
  background: #3c1951;
  border: 1px solid #761a9d !important; }

.newHomePageContainer .cashoutcardCss {
  background: #913015;
  border: 1px solid #d74219 !important; }

.newHomePageContainer .imageSection:before {
  display: none; }

.newHomePageContainer .imageSection:after {
  display: none; }

.newHomePageContainer a.button:active, .newHomePageContainer a.button:hover,
.newHomePageContainer button:active, .newHomePageContainer button:hover,
.newHomePageContainer a.button.purple, .newHomePageContainer button.purple,
.newHomePageContainer a.button.trans, .newHomePageContainer button.trans,
.newHomePageContainer a.button.trans:hover {
  border: 0px solid #3d1951 !important; }

.newHomePageContainer .selected-loan-officer :nth-child(n+5) {
  position: relative;
  width: 295px;
  display: block;
  margin: auto;
  margin-top: 20px; }

.newHomePageContainer .yellow {
  color: #FAED57;
  position: absolute !important; }

.newHomePageContainer .desktopCssText p {
  width: auto; }

.newHomePageContainer .codeIconleft {
  text-align: left;
  width: auto;
  margin-left: 50px;
  position: absolute; }

.newHomePageContainer .codeIconleft:after {
  content: '\201C';
  color: #dae2dd;
  font-size: 10rem;
  width: 4rem;
  height: 4rem; }

.newHomePageContainer .codeIconright {
  text-align: right;
  width: auto;
  margin-right: 56px; }

.newHomePageContainer .codeIconright:before {
  content: '\201D';
  color: #dae2dd;
  font-size: 10rem;
  width: 4rem;
  height: 4rem; }

@media (max-width: 420px) {
  .newHomePageContainer .cardSection .card {
    min-width: 100% !important; } }

@media (max-width: 480px) {
  .newHomePageContainer .secondContainer {
    max-width: 100%; }
    .newHomePageContainer .secondContainer .col.half {
      width: 100% !important; } }

@media (min-width: 540px) and (max-width: 840px) {
  .newHomePageContainer {
    /*videocss*/ }
    .newHomePageContainer .branch-locator-search {
      padding: 25px !important; }
    .newHomePageContainer .videoSectionhome {
      height: auto; }
    .newHomePageContainer .secondvideoSectionhome {
      min-height: auto; } }

@media (max-width: 767px) {
  .newHomePageContainer .selected-loan-officer .call-lo {
    width: fit-content !important;
    margin-right: 10px; }
  .newHomePageContainer .selectedLoBox .pipe {
    display: none; }
  .newHomePageContainer .selected-loan-officer .email-lo {
    width: 100% !important; } }

@media (max-width: 750px) {
  .newHomePageContainer {
    /*videocss*/ }
    .newHomePageContainer .videoSectionhome {
      height: auto; }
    .newHomePageContainer .secondvideoSectionhome {
      min-height: auto; } }

@media (min-width: 1024px) {
  .newHomePageContainer {
    margin: auto;
    max-width: 1600px; } }

footer p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0px 0px;
  margin: 0px;
  color: #3d1951; }

footer a:link, footer a:visited, footer a:active {
  color: #3d1951; }

footer h5 {
  color: #3d1951;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 10px; }

footer {
  background-color: #ffffff;
  color: #3d1951;
  padding-top: 25px; }

footer .sub-footer {
  font-size: 12px;
  color: #3d1951;
  background-color: #fff;
  padding: 25px 0;
  margin: 0 auto;
  clear: both;
  text-align: center; }

footer .social-links li a:link, footer .social-links li a:visited, footer .social-links li a:active {
  color: #fff;
  background-color: #3d1951;
  font-size: 25px;
  line-height: 38px;
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 3px;
  margin-right: 10px; }

/*new css start date video home page (12-04-02023)*/
.videoSectionhome {
  border-radius: 5px;
  height: 445px;
  min-width: 60%;
  position: relative;
  max-width: 100%;
  overflow: hidden; }
  .videoSectionhome video {
    object-fit: fill;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 0 13px 3px #d0d0d0; }

.videoSectionhome iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px; }

.secondvideoSectionhome {
  width: 100%;
  border-radius: 5px;
  min-height: 310px;
  position: relative;
  z-index: 1;
  margin-right: 50px;
  margin-left: auto;
  overflow: hidden; }
  .secondvideoSectionhome video {
    object-fit: fill;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 0 13px 3px #d0d0d0; }

.secondvideoSectionhome iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 0 13px 3px #d0d0d0; }

.section-disclaimer {
  padding: 30px; }

.disclaimer-content p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0px 0px;
  margin: 0px;
  color: #3d1951;
  text-align: left; }

.mt10 {
  margin-top: 10px; }

.hdr {
  padding: 0 6%; }

.landing_header {
  box-shadow: unset; }

.top_footer_img {
  width: 10%;
  margin-top: 1.5%; }

#mainContent {
  box-shadow: none; }

.imageSection {
  border-radius: 5px;
  box-shadow: 0 0 13px 3px #d0d0d0;
  height: 580px;
  width: 60%;
  position: relative; }

.imageSection img {
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
  object-fit: cover;
  width: 100%; }

.imageSection:before {
  content: '';
  display: block;
  height: 190px;
  width: 250px;
  background: #3273e0;
  border-radius: 5px;
  opacity: 0.3;
  position: absolute;
  left: -17px;
  top: 18px;
  z-index: -1; }

.imageSection:after {
  content: '';
  display: block;
  height: 190px;
  width: 86%;
  background: red;
  border-radius: 5px;
  opacity: 0.3;
  position: absolute;
  bottom: -17px;
  z-index: -1;
  right: 19px; }

.cardSection .card {
  position: relative;
  width: 100% !important;
  min-height: 125px;
  text-align: center;
  border-radius: 5px !important;
  padding: 0;
  padding: 10px;
  display: block; }

.cardSection .card img {
  width: 30px;
  margin-right: 7px; }

.cardSection .card path {
  fill: white; }

.cardSection .col {
  padding: 0;
  margin: 0;
  width: 320px;
  margin-right: 20px; }

.cardSection .card .header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 5px; }

.cardSection .card .header i {
  margin-right: 9px;
  font-size: 23px;
  color: #ffffff; }

.cardSection .card .header span {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff; }

.cardSection .card .content {
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  margin: 20px 0;
  background: transparent;
  color: #ffffff; }

.cardSection .card button {
  padding: 5px;
  width: 90%;
  font-size: 12px;
  color: #ffffff;
  height: 44px;
  letter-spacing: 1px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, 10px); }

.purchase {
  background: #2e8337; }

.refinance {
  background: #7f4896; }

.find {
  background: #c44927; }

.container_card_section .cardSection .purchase button {
  background: #217031;
  border: 1px solid #24a131 !important; }

.container_card_section .cardSection .refinance button {
  background: #3c1951;
  border: 1px solid #761a9d !important; }

.container_card_section .cardSection .find button {
  background: #913015;
  border: 1px solid #d74219 !important; }

.welcomeText {
  font-size: 14px;
  font-weight: 600;
  color: #2e8337;
  text-align: center; }

.leftContainer {
  padding-top: 40px; }

.secondImageSections {
  width: 330px;
  border-radius: 15px;
  height: 480px;
  position: relative; }

.secondImageSections img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  object-fit: cover;
  z-index: 999999;
  position: relative; }

.smallimage {
  position: absolute;
  height: 130px;
  width: 140px;
  bottom: -61px;
  right: -65px;
  z-index: 9999999;
  border-radius: 15px; }

.title_text_page {
  margin-top: 12px !important;
  font-size: 16px;
  color: #3d1951;
  font-weight: 700; }

.des_text_page {
  color: #3d1951;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px; }

.top_footer {
  width: 90%;
  margin: auto;
  border-top: 1px solid #aca7b0;
  margin-top: 6%; }

.policy_text {
  color: #62a269 !important; }

.top_footer p {
  color: #3d1951;
  margin-top: 15px;
  font-size: 12px;
  line-height: 19px; }

.top_footer p:last-child {
  color: #3d1951;
  display: flex;
  font-size: 12px;
  line-height: 19px;
  align-items: center;
  margin-top: 0; }

.top_footer p:last-child img {
  width: 40px;
  margin-top: 0; }

.top_footer_img {
  width: 10%;
  margin-top: 1.5%; }

.header_img_logo {
  width: 150px; }

.mobile-des-section {
  display: flex;
  justify-content: end;
  align-items: center; }

.mobile-des-section i {
  position: relative;
  top: 2px;
  left: -10px !important; }

.header_section {
  padding: 10px 0; }

.fa-solid {
  font-size: 14px; }

.truted_text {
  line-height: 32px !important;
  width: 85%; }

@media (min-width: 1024px) {
  .newHomePage {
    margin: auto;
    max-width: 1600px; }
  .title_text_page {
    width: 77%; } }

.secondContainer {
  display: flex;
  margin-top: 70px;
  justify-content: center;
  padding: 0px 10%; }

.secondContainer .rightcontent {
  padding-left: 8%; }

.secondContainer .rightcontent img {
  width: 50px;
  margin: auto;
  display: block; }

.secondContainer .rightcontent .content {
  position: relative;
  padding: 50px 0;
  height: 100%; }

.secondContainer .getStarted {
  text-align: center;
  margin-top: 50px;
  position: absolute;
  bottom: 0;
  width: 100%; }

.secondContainer .getStarted button {
  padding: 16px;
  background: #4ea5d9;
  border: none !important;
  margin: auto;
  width: 265px !important; }

@media (min-width: 1367px) {
  .secondContainer {
    padding: 0 17%; } }

.secondContainer .content h1 {
  font-size: 27px;
  padding: 0 14px;
  margin: 0;
  line-height: 22px;
  margin-bottom: 35px !important; }

.secondContainer ul li:after {
  display: none; }

.secondContainer ul li {
  font-size: 16px;
  line-height: 20px;
  padding: 4px;
  font-weight: 600;
  margin-bottom: 5px; }

.secondContainer ul li i {
  margin-right: 10px; }

.secondContainer a i {
  margin-left: 10px; }

.secondContainer a {
  font-size: 14px;
  padding: 10px 20px !important; }

.loadExperience .col {
  padding: 0 !important; }

.loadExperience h1 {
  font-size: 28px;
  margin: 0;
  line-height: 22px;
  margin-bottom: 14px; }

.loadExperience .card {
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.loadExperience .imgBox {
  height: 220px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 1px 3px 12px 6px #8f8f8f54; }

.loadExperience .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.loadExperience .contentBox {
  text-align: left; }

.loadExperience h3 {
  padding-bottom: 0;
  margin-bottom: 0; }

.newHomePage .firstSection uhm-home-hero__content {
  top: 0px;
  position: relative;
  display: flex;
  justify-content: space-between; }

.newHomePage .firstSection .uhm-home-hero__content {
  top: 0px;
  position: relative;
  display: flex;
  justify-content: space-between; }

.welcome_content_text {
  text-align: center;
  font-size: 76px; }

.underneath_text {
  text-align: center;
  padding: 0 3%;
  color: #8d8a90; }

.container_card_section {
  display: flex;
  justify-content: center;
  margin-top: 15px; }

.lock_shop_text {
  font-size: 14px;
  font-weight: 600;
  color: #2e8337; }

@media (max-width: 1064px) {
  .promiseKeptDiv {
    padding: 0 30px; }
  .underneath_text {
    text-align: left !important;
    margin-top: 10px !important;
    font-size: 18px !important;
    line-height: 24px !important; }
  .underneath_text br {
    display: none; }
  .searchAd .cardSection .card {
    height: auto;
    display: block;
    position: relative;
    min-width: 350px;
    margin: auto;
    text-align: center; }
  .searchAd .truted_text {
    margin-bottom: 50px;
    padding: 0 30px !important; }
  .secondContainer .rightcontent {
    padding-left: 0; }
  .searchAd .secondContainer .content .row {
    padding: 0 30px; }
  .searchAd .secondContainer .getStarted {
    padding: 0 10px;
    margin-bottom: -5%; }
  .searchAd .secondContainer .getStarted button {
    width: 100%;
    padding: 14px 20px; }
  .searchAd .cardSection .card button {
    padding: 5px;
    font-size: 14px;
    left: 13px;
    width: calc(100% - 21px);
    left: 50%;
    transform: translate(-50%, 0); }
  .searchAd .card .header {
    font-size: 18px;
    margin-top: 7px;
    margin-bottom: 12%;
    margin: auto;
    width: fit-content;
    padding-left: 18px; }
  .newHomePage .firstSection {
    padding: 0;
    min-height: 588px; }
  .newHomePage .firstSection .leftContainer p br {
    display: none; }
  .newHomePage .firstSection .uhm-home-hero__content {
    padding: 25px;
    position: relative;
    display: flex;
    flex-direction: column-reverse; }
  .newHomePage .firstSection .imageSection {
    border-radius: 5px;
    box-shadow: 0 0 13px 3px #d0d0d0;
    height: 325px;
    width: 100%;
    position: relative; }
  .imageSection img {
    border-radius: 5px;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .newHomePage .secondContainer {
    padding: 0;
    flex-direction: column;
    margin-top: 0; }
  .secondImageSections {
    margin: auto; }
  .newHomePage .content {
    background-color: white;
    padding: 50px 0px;
    text-align: left;
    margin-top: 40px; }
  .newHomePage .cardSection .col {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .newHomePage .cardSection .card {
    height: auto;
    display: block;
    position: relative;
    min-width: 350px;
    margin: auto; }
  .newHomePage .card .header {
    font-size: 19px;
    margin-top: 5px;
    margin-bottom: 4%; }
  .newHomePage .cardSection .card .content {
    padding: 0;
    font-size: 17px;
    line-height: 27px;
    margin: 10px 0; }
  .newHomePage .cardSection .card button {
    padding: 5px;
    font-size: 14px; }
  .newHomePage .secondContainer .smallimage {
    position: absolute;
    height: 111px;
    width: 129px;
    bottom: -61px;
    right: -17px;
    z-index: 9999999;
    border-radius: 5px;
    box-shadow: 6px 8px 13px 3px #d0d0d0, inset 2px 0px 0px 0px #fff0; }
  .newHomePage .secondContainer .content h1 {
    line-height: 35px; }
  .newHomePage .secondContainer ul li {
    position: relative;
    padding-left: 32px; }
  .newHomePage .secondContainer ul li i {
    position: absolute;
    left: 4px; }
  .newHomePage .sliderSection {
    margin-top: 0;
    padding: 10px;
    margin-bottom: 45px; }
  .newHomePage #sliderNew .card blockquote {
    padding: 0 32px;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px; }
  .newHomePage .sliderSection .sliderContainer:before {
    width: 50%; }
  .number-text {
    display: none; }
  .header_img_logo {
    width: 150px; }
  .mobile-des-section {
    width: -webkit-fill-available; }
  .fa-solid {
    font-size: 16px; }
  .header_number_mb {
    font-size: 15px; }
  .welcomeText {
    font-size: 16px; }
  .welcome_content_text {
    font-size: 35px !important;
    text-align: left !important; }
  .newHomePage .card .header {
    font-size: 18px;
    margin-top: 7px;
    margin-bottom: 12%; }
  .secondContainer .content h1 {
    font-size: 22px; }
  .lock_shop_text {
    font-size: 16px; }
  .card_box {
    margin-top: 4%; }
  .top_footer {
    margin-top: 0%;
    text-align: left;
    padding: 30px; }
  .top_footer_img {
    width: 200px;
    display: block;
    margin: 24px auto;
    margin-top: 0px; }
  .top_footer_img {
    width: 200px;
    display: block;
    margin: auto;
    margin-top: 0px; }
  .no_line_break {
    display: none; } }

.secondImageSections img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  object-fit: cover;
  z-index: 999999;
  position: relative; }

.adv_icon {
  margin: 0 !important; }

.promiseKeptDiv {
  margin-top: 30px; }

.underneath_text {
  width: 100%;
  margin: auto;
  padding: 0px;
  text-align: left;
  margin-top: 50px;
  font-size: 25px;
  line-height: 32px; }

.header_section {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between; }

.desktop_view_text {
  width: 250px;
  margin: auto; }

.mobile-des-section i {
  position: relative;
  top: 2px;
  left: -4px; }

.fa-solid {
  font-size: 23px; }

.mobile-des-section {
  display: flex;
  justify-content: end; }

.header_img_logo {
  width: 215px; }

.header_number_mb {
  font-size: 22px;
  color: #3d1951;
  margin-left: 3px; }

.bannersection {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  padding: 0px 6%; }

.submit_button {
  padding: 0px 15px;
  width: 455px;
  margin: auto; }

.green-text {
  line-height: 53px !important; }

.submit_button a {
  padding: 22px !important;
  letter-spacing: 0px;
  font-size: 25px;
  line-height: 26px;
  font-weight: 500;
  background: #3d1951;
  text-transform: capitalize;
  border: 0 !important;
  border-radius: 4px;
  height: 100px;
  display: block;
  text-align: center;
  color: #fff; }

.bannersection .app-content {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px 40px;
  width: 100%; }

.banner_side_text {
  width: 400px;
  background: #fff;
  padding: 35px;
  border: 1px solid #a0a0a0;
  box-shadow: #959da533 0px 8px 24px; }

.banner_side_text h2 {
  font-size: 30px;
  font-weight: bold;
  color: #3d1951;
  line-height: 32px;
  width: 300px; }

.banner_side_text p {
  color: #3d1951;
  font-weight: 500;
  font-size: 19px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 30px; }

.h-text1 {
  font-size: 28px;
  font-weight: 700;
  color: #3d1951;
  line-height: 30px;
  text-align: center;
  margin-bottom: 8%;
  margin-top: 8%; }

.bypbutton {
  width: 100%;
  background: #3eb049;
  display: block;
  text-align: center;
  color: #fff !important;
  border-radius: 3px;
  font-size: 22px;
  line-height: 70px; }

.sideBg {
  padding: 35px;
  border-radius: 12px;
  padding-top: 0px;
  padding-bottom: 0px; }

.column {
  float: left;
  width: 50%;
  padding: 25px; }

.row {
  margin: 20px 0px; }

/*Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both; }

.greentext {
  background: #3eb049 !important;
  line-height: 54px !important; }

.ui.vertical.divider {
  position: absolute;
  z-index: 2;
  left: 50%;
  margin: 78px 0;
  padding: 0;
  width: auto;
  height: 8%;
  line-height: 0;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-style: italic; }

.ui.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: '';
  line-height: 2;
  text-align: center;
  font-style: italic !important; }

.ui.horizontal.divider:before {
  background-position: right 1em top 50%; }

.ui.horizontal.divider:after, .ui.horizontal.divider:before {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat; }

.ui.horizontal.divider:after, .ui.horizontal.divider:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC); }

.ui.horizontal.divider:after {
  background-position: left 1em top 50%; }

.ui.divider {
  font-size: 1rem; }

.ui.divider {
  margin: 1rem 0;
  line-height: 1;
  height: 0;
  font-weight: 700;
  text-transform: lowercase;
  letter-spacing: .05em;
  color: rgba(0, 0, 0, 0.85);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.ui.vertical.divider:before {
  top: -100%; }

.ui.vertical.divider:after, .ui.vertical.divider:before {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  width: 0%;
  height: calc(100% - 1rem); }

.ui.vertical.divider:after {
  top: auto;
  bottom: 0; }

.ui.vertical.divider:after, .ui.vertical.divider:before {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  width: 0%;
  height: calc(100% - 1rem); }

.mobile {
  display: none; }

.top-t {
  margin-top: 5px !important; }

.top-p {
  padding-top: 10px !important; }

.wt260 {
  width: 260px; }

.ml260 {
  margin-left: -260px; }

@media (max-width: 1064px) {
  .mobile-des-section {
    width: -webkit-fill-available; }
  .mobile-des-section {
    display: flex;
    justify-content: end; }
  .header_img_logo {
    width: 215px; }
  .heloc_header_img_logo {
    width: 300px; }
  .header_number_mb {
    font-size: 15px; } }

@media (min-width: 913px) and (max-width: 1023px) {
  .fa-solid {
    font-size: 17px; } }

@media screen and (min-width: 1024px) {
  .bannersection .app-content {
    background-size: cover; }
  .sideBg {
    padding: 0px; }
  .mobile-des-section {
    width: -webkit-fill-available; }
  .mobile-des-section {
    display: flex;
    justify-content: end; }
  .header_img_logo {
    width: 215px; }
  .header_number_mb {
    font-size: 22px; } }

@media screen and (min-width: 910px) and (max-width: 1140px) {
  .sideBg .submit_button {
    width: 345px; }
  .bannersection .app-content {
    background-size: cover; }
  .sideBg {
    padding: 0px; } }

@media screen and (max-width: 912px) {
  .column {
    float: left;
    width: 100%;
    padding: 25px;
    height: auto; }
  .mobile {
    display: block !important; }
  .dec {
    display: none !important; }
  .wt260 {
    width: auto;
    padding: 0; }
  .ml260 {
    margin-left: 0; }
  .bannersection {
    padding: 0px 0%; }
  .header_number_mb {
    font-size: 15px; }
  .fa-solid {
    font-size: 17px; } }

@media (min-width: 30em) and (orientation: landscape) {
  .h-text1 {
    margin-bottom: 4%;
    margin-top: 4%; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (-webkit-min-device-pixel-ratio: 2) {
  .top_footer {
    width: 80%; }
  .mobile {
    display: block !important; }
  .dec {
    display: none !important; }
  .column {
    width: 100%;
    padding: 10px;
    height: auto; }
  .bannersection {
    padding: 0px 0%; }
  .submit_button {
    padding: 0px 15px;
    width: auto;
    line-height: 30px;
    font-size: 12px !important; }
  .submit_button a {
    font-size: 26px;
    line-height: 28px; }
  .sideBg {
    padding-bottom: 18px !important;
    padding: 5px; }
  .banner_side_text {
    width: 100%;
    padding: 35px;
    margin-top: 85px; }
  .banner_side_text p {
    color: #3d1951;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px; }
  .row {
    margin: 0px 0px; }
  .w100Css {
    width: 100%;
    padding: 10px;
    padding-left: 12px;
    padding-right: 12px; }
  .bannersection .app-content {
    padding: 40px 45px; }
  .top_footer_img {
    width: 100%;
    padding: 25px; } }

.secondContainerbyp {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  padding: 0px 4%; }

@media (max-width: 848px) {
  .secondContainerbyp .row {
    width: 400px !important;
    margin: auto !important; } }

@media (min-width: 768px) and (max-width: 1068px) {
  .secondContainer .rightcontent .row {
    display: flex;
    align-items: baseline; } }

/*# sourceMappingURL=uhm.min.css.map*/