@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; }
/* UHM Color Palette */
/* Typography */
/* Shapes */
/* Screen Sizes */
/* Padding */
* {
  margin: 0;
  padding: 0; }

.no-scroll {
  overflow: hidden !important; }

.cta {
  position: relative !important; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.show {
  display: block;
  visibility: visible; }

/* 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 */ }

/* Typography */
body {
  font-family: "Raleway", sans-serif;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum"; }
  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: 35px;
  line-height: 40px;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 40px;
      line-height: 55px; } }
  @media screen and (min-width: 1144px) {
    h1 {
      font-size: 70px;
      line-height: 80px; } }

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

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: " "; }

.about-services ul li:after {
  background-color: white; }

/* 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: 5px auto; }
  @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; }

button:disabled,
button:hover:disabled {
  background-color: #666;
  cursor: not-allowed; }

button:hover:disabled:after {
  position: absolute;
  top: 0;
  left: 75%;
  width: 100%;
  content: attr(title);
  background-color: #ffffff;
  color: #000;
  line-height: 1.4em;
  border: 1px solid #000;
  box-shadow: 2px 2px 10px #999; }

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

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

.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; }

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

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: 1144px) {
    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;
      float: left;
      margin: 0;
      padding-left: 25%;
      text-align: left; } }
  fieldset .input-long {
    width: 100% !important; }

[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; }
  @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; } }

.submit-button {
  text-align: center; }
  @media screen and (min-width: 1144px) {
    .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; }

.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;
    font-weight: 900;
    display: block;
    position: absolute;
    top: 45%;
    right: 12px;
    margin-top: -12px;
    cursor: pointer;
    font-weight: bold;
    color: #3d1951;
    pointer-events: inherit; }

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: 250px;
  background-color: white;
  margin: 5px 0px 10px 0px;
  padding: 20px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  z-index: 2;
  /* Necessary for datalist polyfill for Safari */ }
  @media screen and (min-width: 768px) {
    select {
      margin: 5px 0px 10px 0px;
      width: 200px; } }
  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 {
  position: relative;
  display: inline-block; }
  .select::after {
    content: "\F0D7";
    font-family: FontAwesome;
    font-weight: 900;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    pointer-events: none;
    font-weight: bold;
    color: #3d1951; }

/* 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: 265px;
  padding: 10px 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); }
  [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: 97%; }

[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;
    margin: 10px 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    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 0px;
    border: 0; }

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

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

/* 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; }

/* Pop up Overlay */
.popup-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  text-align: center; }

.unfixed {
  position: absolute !important;
  top: 0;
  left: 0; }

.popup {
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: absolute;
  transition: all 500ms ease-in-out;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh; }
  @media screen and (min-width: 768px) {
    .popup {
      height: auto;
      min-height: 425px;
      width: 100%;
      margin: 25px auto;
      max-width: 675px;
      padding: 20px;
      position: relative;
      border-radius: 3px;
      border: 0px; } }
  .popup.small {
    height: calc(100vh - 20px); }
    @media screen and (min-width: 768px) {
      .popup.small {
        height: 425px; } }
    .popup.small .popup-content {
      overflow: hidden; }
  .popup .close {
    position: absolute;
    top: 10px;
    right: 20px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #3d1951; }
    @media screen and (min-width: 768px) {
      .popup .close {
        top: 20px; } }
    .popup .close:hover {
      opacity: 1; }
  .popup h2 {
    font-size: 22px;
    line-height: 28px;
    max-width: 90%; }
  .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.small {
    width: 50%;
    float: left; }

.popup-button {
  cursor: pointer; }

.popup-content {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%; }

#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; }

footer {
  background-color: #3d1951;
  color: white;
  text-align: center;
  padding-top: 25px; }
  @media screen and (min-width: 1144px) {
    footer {
      text-align: left;
      padding-top: 50px; } }
  @media screen and (max-width: 767px) {
    footer #footer-branding h5,
    footer #resource-links {
      display: none; } }
  footer a:link,
  footer a:visited,
  footer a:active {
    color: white; }
  @media screen and (min-width: 768px) {
    footer h4 {
      padding-bottom: 0px; } }
  footer .footer-col-links, footer .footer-col-branding, footer .footer-col-location {
    min-height: 80px; }
    @media screen and (min-width: 1144px) {
      footer .footer-col-links, footer .footer-col-branding, footer .footer-col-location {
        min-height: 150px; } }
  footer .footer-col-branding p {
    max-width: 325px;
    margin: 0 auto; }
    @media screen and (min-width: 1144px) {
      footer .footer-col-branding p {
        margin: 0;
        max-width: 90%; } }
  footer .footer-col-links ul {
    padding: 0;
    list-style-type: none; }
    footer .footer-col-links ul li {
      line-height: 30px;
      padding: 0; }
      footer .footer-col-links ul li:after {
        width: 0;
        height: 0; }
      footer .footer-col-links ul li a {
        color: white;
        text-decoration: none;
        font-size: 13px; }
        footer .footer-col-links ul li a:hover, footer .footer-col-links ul li a:focus {
          color: #205c27; }
  footer .footer-location {
    width: 100%; }
    @media screen and (min-width: 768px) {
      footer .footer-location {
        width: 50%;
        float: left; } }
    @media screen and (min-width: 768px) {
      footer .footer-location:nth-child(1) {
        width: 48%; } }
    @media screen and (min-width: 768px) {
      footer .footer-location:nth-last-child() {
        width: 52%; } }
  footer h4,
  footer nav,
  footer p {
    color: white; }
  footer p, footer h5 {
    padding: 0px;
    font-size: 13px;
    line-height: 25px; }
  @media screen and (min-width: 1144px) {
    footer #back-to-top {
      display: none; } }
  footer h5 {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 10px; }
  footer a:hover, footer a:focus {
    color: #205c27; }
  footer .sub-footer {
    font-size: 12px;
    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 .logo-reverse {
    max-width: 200px; }
  footer hr {
    border: 1px solid #f7f7f7; }
    @media screen and (min-width: 1144px) {
      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: 1144px) {
        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: 1144px) {
            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; }

@media screen and (max-width: 1144px) {
  nav {
    top: 0;
    float: right;
    right: 0px;
    height: 100vh;
    width: 100%;
    position: fixed;
    margin: 0;
    /* starting point */
    opacity: 0;
    visibility: hidden;
    background-color: white;
    padding: 125px 25px 25px 25px;
    z-index: 2;
    overflow-y: scroll;
    overflow-x: hidden; } }

@media screen and (min-width: 1144px) {
  nav.nav-mta {
    float: right;
    right: 0px;
    width: auto;
    position: relative;
    text-align: right;
    display: block; } }

nav ul li {
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 1144px) {
    nav ul li {
      text-align: left;
      font-weight: normal; } }
  nav ul li a {
    margin: 0; }
    @media screen and (min-width: 768px) and (max-width: 1144px) {
      nav ul li a {
        font-size: 30px;
        line-height: 60px; } }
  nav ul li.cta-button a:link,
  nav ul li.cta-button a:active,
  nav ul li.cta-button a:visited {
    margin-left: 100px; }
    @media screen and (min-width: 480px) and (max-width: 1443px) {
      nav ul li.cta-button a:link,
      nav ul li.cta-button a:active,
      nav ul li.cta-button a:visited {
        margin-left: 0px; } }
    @media screen and (min-width: 1144px) and (max-width: 1200px) {
      nav ul li.cta-button a:link,
      nav ul li.cta-button a:active,
      nav ul li.cta-button a:visited {
        margin-left: 100px; } }
  nav ul li.submenu a:after {
    content: "\F0D7";
    font-family: FontAwesome;
    font-weight: bold;
    color: #3d1951;
    position: relative;
    display: inline-block;
    top: 0px;
    left: 0px;
    padding: 0 10px; }
  nav ul li:after {
    width: 0;
    height: 0; }
  nav ul li:focus-within > ul,
  nav ul li:hover > ul,
  nav ul li:focus > ul {
    display: inherit; }

@media screen and (min-width: 1144px) {
  nav ul ul.submenu-links-holder {
    top: 50px;
    left: 0px;
    width: 275px;
    position: absolute;
    box-shadow: 3px 3px 10px #666;
    border-radius: 3px;
    padding-left: 0;
    display: none;
    border: 0px; } }

nav ul ul.submenu-links-holder:before {
  border: 0px; }

nav ul ul.submenu-links-holder li {
  text-align: center; }
  @media screen and (min-width: 1144px) {
    nav ul ul.submenu-links-holder li {
      text-align: left; } }
  nav ul ul.submenu-links-holder li a {
    font-weight: normal;
    margin: 0; }
    nav ul ul.submenu-links-holder li a:after, nav ul ul.submenu-links-holder li a::after, nav ul ul.submenu-links-holder li a:hover:after, nav ul ul.submenu-links-holder li a:active:after, nav ul ul.submenu-links-holder li a:focus:after, nav ul ul.submenu-links-holder li a:focus-within:after {
      content: ""; }
  @media screen and (min-width: 1144px) {
    nav ul ul.submenu-links-holder li:hover, nav ul ul.submenu-links-holder li:focus {
      background-color: #f8f8f8; } }

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: -1;
  /* 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; }
  @media screen and (min-width: 1144px) {
    nav.close {
      opacity: 1;
      z-index: 999;
      visibility: visible; } }

@-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; }

/* Main Header */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  padding: 0px 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: 1144px) {
    header {
      padding: 0px; } }
  header .notification-bar {
    display: block;
    width: 100%;
    background-color: #3d1951;
    color: white;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    font-size: x-large; }
    header .notification-bar a:link, header .notification-bar a:visited, header .notification-bar a:active, header .notification-bar p {
      color: white !important; }
    header .notification-bar p {
      line-height: 20px; }
  header .logo-mta-holder {
    float: left;
    display: block;
    width: auto;
    padding: 0;
    margin: 0 0 0 25px; }
    @media screen and (min-width: 1144px) {
      header .logo-mta-holder {
        float: left;
        position: relative;
        width: auto;
        margin: 0px; } }
  header img.logo-mta {
    width: 150px;
    height: auto;
    margin: 0px;
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    padding-top: 5px;
    max-height: 65% !important;
    max-width: 65% !important; }
    @media screen and (min-width: 1144px) {
      header img.logo-mta {
        width: 200px;
        margin: 10px 0; } }
    @media (max-width: 1144px) {
      header img.logo-mta {
        margin: 15px 0; } }
    @media screen and (min-width: 1144px) {
      header img.logo-mta.small-logo {
        height: 50px !important;
        width: auto; } }
  header .mobile-menu {
    display: block;
    width: auto;
    float: right;
    padding: 10px 0;
    z-index: 10;
    padding-top: 20px; }
    @media screen and (min-width: 1144px) {
      header .mobile-menu {
        display: none; } }

.container-mta,
header,
footer,
section,
.hero,
.resources,
.resource,
.services,
.service,
.calculator,
.testimonial,
.cta-right,
.cta-text,
.row,
.header-nav,
.footer-col,
.hero-text,
.hero-cta,
.about-text,
.about-image,
.story-text,
.story-image,
.featured-resources,
.events {
  width: 100%; }

.container {
  position: relative; }

.wrap {
  max-width: 98vw;
  margin: 0 auto; }

.row {
  display: block;
  box-sizing: border-box; }

section, .content, .resources, .services {
  padding: 25px 0px;
  background-color: white; }

.footer-col-links, .footer-col-branding, .footer-col-locations {
  display: border-box; }

.resources::after,
.services::after,
.footer-col-links::after,
.footer-col-branding::after,
.footer-col-locations::after {
  clear: both;
  content: "";
  display: block; }

.resource,
.service {
  text-align: center; }

.costs {
  width: 100%;
  margin: 0 auto; }

.cost-breakdown {
  width: 100%; }

.cost-amount {
  width: 100%; }

.section-breakdown,
.section-amount {
  width: 50%; }

@media (min-width: 768px) {
  .container-mta,
  header,
  footer,
  section,
  .resources,
  .services,
  .locations,
  .member,
  .site-inner,
  .row,
  .story-image,
  .story-text,
  .about-text {
    width: 100%; }
    .container-mta::after,
    header::after,
    footer::after,
    section::after,
    .resources::after,
    .services::after,
    .locations::after,
    .member::after,
    .site-inner::after,
    .row::after,
    .story-image::after,
    .story-text::after,
    .about-text::after {
      clear: both;
      content: "";
      display: block; }
  .hero-text {
    width: 55.55556%; }
  .hero-cta {
    width: 44.44444%; }
  .about-image {
    width: 44.44444%; }
  .member {
    width: 33.33333%; }
    .member::after {
      clear: both;
      content: "";
      display: block; }
  .wrap {
    padding: 0px 25px; }
  .featured-resources {
    width: 100%; }
  .events {
    width: 100%; }
    .events::after {
      clear: both;
      content: "";
      display: block; }
  .content,
  .site-inner,
  .resources,
  .services,
  .locations,
  .footer-col,
  .testimonial,
  .cta-right,
  .cta-left {
    margin: 0 auto; }
  .footer-col {
    width: 33.33333%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 15px 0; }
  .col-half {
    width: 50%;
    float: left;
    display: block; }
    .col-half::after {
      clear: both;
      content: "";
      display: block; }
  .col-third {
    width: 33.33333%;
    float: left;
    display: block; }
    .col-third::after {
      clear: both;
      content: "";
      display: block; }
  .resource {
    width: 33.33333%;
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 15px 0; }
  .costs {
    width: 88.88889%;
    margin: 0 auto; }
  .cost-breakdown,
  .section-breakdown {
    width: 66.66667%; }
  .cost-amount,
  .section-amount {
    width: 33.33333%;
    text-align: right; } }

@media (min-width: 1144px) {
  .container-mta,
  header,
  footer,
  section,
  .resources,
  .services,
  .calculator {
    width: 100%; }
  .hero-text,
  .hero-cta,
  .about-text,
  .story-text {
    width: 50%; }
  .about-image,
  .story-image {
    width: 41.66667%; }
  section, .content, .resources, .services, .calculator, .locations {
    padding: 75px 0px; }
  .resource, .service {
    width: 33.33333%; }
  .featured-resources {
    width: 58.33333%;
    float: left;
    display: block; }
  .events {
    width: 41.66667%;
    float: right;
    display: block; }
  .col-half {
    width: 50%;
    float: left;
    display: block; }
    .col-half::after {
      clear: both;
      content: "";
      display: block; }
  .col-third {
    width: 33.33333%;
    float: left;
    display: block; }
    .col-third::after {
      clear: both;
      content: "";
      display: block; }
  .costs {
    width: 66.66667%;
    margin: 0 auto; }
  .cost-breakdown, .section-breakdown {
    width: 66.66667%; }
  .cost-amount, .section-amount {
    width: 33.33333%; }
  .location {
    width: 41.66667%; }
  .member {
    width: 25%; }
  .wrap {
    margin: 0 auto;
    max-width: 1200px; }
  .calc-labels {
    width: 33.33333%;
    float: left; }
  .calc-fields {
    width: 66.66667%;
    float: left; }
  .footer-col-branding {
    width: 41.66667%;
    float: left; }
  .footer-col-links {
    width: 16.66667%;
    float: left; }
  .footer-col-locations {
    width: 41.66667%;
    float: left; } }

.container-mta {
  background-color: white;
  overflow: hidden;
  /*  Prevents Flickering  */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

.row {
  margin: 20px 0px; }
  .row-wide {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 20px;
    background: white; }
    .row-wide::after {
      clear: both;
      content: "";
      display: block; }

#dynamic .costrow {
  margin: 5px 0px;
  OVERFLOW: HIDDEN; }

@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: 1144px) {
  .hidden-lg {
    display: none !important; } }

.hero {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  background-attachment: scroll;
  background-size: cover;
  background-position: bottom center;
  height: auto;
  min-height: 30vh;
  margin: 0px auto 0 auto;
  text-align: center;
  max-height: none;
  background-color: #f7f7f7; }
  @media screen and (min-width: 768px) {
    .hero {
      max-height: 500px; } }
  @media screen and (min-width: 1144px) {
    .hero {
      max-height: 800px; } }
  .hero .wrap {
    margin-top: 100px; }
    @media screen and (min-width: 768px) {
      .hero .wrap {
        margin-top: 100px; } }
  .hero .heading {
    display: block;
    text-align: center;
    padding-top: 325px; }
    .hero .heading .button {
      margin: 30px; }
  .hero h1 {
    margin: 0px 0 10px 0; }
  .hero h3 a {
    border-bottom: 1px dotted #2e8337;
    display: inline-block; }
  .hero .hero-text {
    display: block;
    float: left;
    text-align: center;
    padding-top: 50px; }
    @media screen and (min-width: 768px) {
      .hero .hero-text {
        text-align: left; } }
    @media screen and (min-width: 1144px) {
      .hero .hero-text h1 {
        max-width: 400px; } }
  .hero .hero-cta {
    margin: 0px auto;
    float: right;
    display: block;
    padding: 0;
    text-align: center; }
    .hero .hero-cta img {
      width: auto;
      max-width: 300px;
      height: 100px; }
      @media screen and (min-width: 1144px) {
        .hero .hero-cta img {
          max-width: none;
          height: 145px; } }
    .hero .hero-cta .hero-button {
      width: 100%;
      max-width: 290px; }
      @media screen and (min-width: 1144px) {
        .hero .hero-cta .hero-button {
          width: 340px !important;
          max-width: none; } }
  .hero.home {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)), url("/images/mta/mta-home-sunny-background.jpg") no-repeat bottom center;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .hero.home {
        background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)), url("/images/mta/mta-home-sunny-background.jpg") no-repeat center;
        background-size: cover; } }
    @media screen and (min-width: 1144px) {
      .hero.home {
        background-size: cover;
        min-height: 900px;
        height: 100vh;
        max-height: none; } }
  .hero.about {
    background-image: url("/images/mta/mta-about-mobile-background.jpg"); }
    @media screen and (min-width: 768px) {
      .hero.about {
        background-image: url("/images/mta/mta-about-background.jpg"); } }
    @media screen and (min-width: 1144px) {
      .hero.about {
        min-height: 900px;
        height: 100vh;
        max-height: none; } }
  .hero.contact {
    background-position: bottom center;
    margin-top: 0px; }
    @media screen and (min-width: 768px) {
      .hero.contact {
        background-position: top center; } }
  .hero.ce {
    background-image: url("/images/mta/mta-events-background.jpg"); }
  .hero.guide {
    background-image: url("/images/mta/mta-guide-background.jpg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    min-height: 0px; }
  .hero.tools {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2)), url("/images/mta/mta-tools-mobile-background.jpg") no-repeat bottom right;
    background-size: cover;
    max-height: none;
    height: 700px; }
    @media screen and (min-width: 768px) {
      .hero.tools {
        background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2)), url("/images/mta/mta-tools-background.jpg") no-repeat bottom right;
        background-size: cover;
        min-height: 900px;
        height: 100vh; } }
  .hero.getstarted {
    background-image: url("/images/mta/mta-submitorder-background.jpg");
    height: auto;
    min-height: 0; }
  .hero.blog-tag {
    height: auto;
    background-color: white; }
    .hero.blog-tag .wrap {
      margin-top: 50px; }
    .hero.blog-tag h1 {
      text-transform: capitalize;
      margin-bottom: 0px; }
  .hero.blog {
    height: auto;
    min-height: 400px;
    background-color: white; }
    .hero.blog h5.subtitle {
      font-size: 25px;
      line-height: 32px; }
  .hero.error-404 {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2)), url("/images/mta/mta-404-background.jpg") no-repeat bottom center;
    background-size: cover; }
  .hero.content-page {
    background-position: top;
    background-color: white;
    height: auto; }
    .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.content-page .wave-wrap {
      display: none; }

.blogpost {
  max-width: 800px;
  text-align: left !important;
  margin: 0 auto 50px;
  display: block; }
  .blogpost img {
    width: 100%; }
    @media screen and (min-width: 768px) and (max-width: 1144px) {
      .blogpost img {
        width: calc(100% - 50px);
        margin: 0 auto; } }
  .blogpost p, .blogpost li {
    margin: 10px 0px !important; }
  .blogpost h4 {
    margin-bottom: 40px;
    text-transform: none;
    font-size: 25px;
    line-height: 32px;
    font-weight: 400; }
  .blogpost h3 {
    margin-bottom: 0px !important;
    margin-top: 25px !important; }

.blogpost-cta {
  border-top: 2px solid #2e8337;
  padding-top: 20px; }

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  height: 100px;
  width: 100px;
  border-radius: 50px;
  margin-top: -22px;
  padding: 2rem;
  color: white;
  background-color: #2e8337;
  font-weight: bold;
  font-size: 30px;
  transition: .6s ease; }

.next {
  right: 50px; }

.prev {
  left: 50px; }

.prev:hover,
.next:hover {
  color: #2e8337;
  background-color: white; }

.content {
  text-align: center;
  background-color: white; }
  .content-about {
    background-color: #f7f7f7; }
    .content-about .about-text {
      display: block;
      text-align: center;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .content-about .about-text {
          float: left;
          text-align: left; } }
    .content-about .about-image {
      display: block;
      text-align: center;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .content-about .about-image {
          float: right; } }
      .content-about .about-image .team-photo img {
        width: 300px;
        height: auto;
        margin-bottom: 25px;
        border-radius: 50%; }
        @media screen and (min-width: 768px) {
          .content-about .about-image .team-photo img {
            width: 500px;
            height: auto;
            margin: 50px auto; } }
  .content-story .story-text {
    display: block;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 1144px) {
      .content-story .story-text {
        float: right;
        text-align: left; } }
  .content-story .story-image {
    display: block;
    text-align: center; }
    @media screen and (min-width: 1144px) {
      .content-story .story-image {
        float: left; } }
    .content-story .story-image .team-photo img {
      height: 200px;
      width: 200px;
      margin: 25px 0;
      border-radius: 50%; }
      @media screen and (min-width: 1144px) {
        .content-story .story-image .team-photo img {
          height: 500px;
          width: 500px;
          height: auto;
          margin: 50px auto; } }

.about {
  text-align: center; }

.about-services ul li:after {
  background-color: white; }

.resources {
  text-align: center; }
  .resources .resource {
    text-align: center;
    float: left; }
    .resources .resource .wrap {
      padding: 10px; }
    .resources .resource .tool-circle {
      display: block;
      background-color: #2e8337;
      color: white;
      border-radius: 50%;
      width: 100%;
      max-width: 275px;
      height: 275px;
      margin: 0 auto; }
      .resources .resource .tool-circle img {
        height: 140px;
        width: 140px;
        margin: 0 auto;
        display: block; }
      .resources .resource .tool-circle h2 {
        color: white;
        max-width: 250px;
        margin: 15px auto; }
    .resources .resource img {
      height: 140px;
      width: 140px;
      margin: 10px;
      border-radius: 50%;
      background: #2e8337; }
      @media screen and (min-width: 768px) {
        .resources .resource img {
          border: 40px solid #2e8337; } }
    .resources .resource h2 {
      text-transform: uppercase;
      font-size: 24px;
      line-height: 40px; }
      .resources .resource h2 a {
        text-decoration: none; }
        .resources .resource h2 a:hover, .resources .resource h2 a:focus {
          color: #644774; }
    @media screen and (max-width: 768px) {
      .resources .resource p {
        display: none; } }

.services {
  background-color: #3d1951;
  text-align: center; }
  .services h2, .services h4, .services span, .services p {
    color: white; }
  .services .service {
    font-size: 100px;
    line-height: 120px;
    font-weight: bold;
    color: white;
    float: left;
    padding: 20px 0; }
    @media screen and (min-width: 768px) {
      .services .service {
        font-size: 120px;
        line-height: 120px; } }
    .services .service p {
      font-weight: normal;
      padding-top: 0;
      line-height: 25px; }

.testimonials {
  background-color: #3d1951;
  text-align: center;
  background-image: url("/images/mta/testimonial-background.jpg");
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  display: block;
  position: relative;
  height: 750px; }
  .testimonials h4 {
    color: white;
    margin: 15px 0 30px 0;
    font-size: 24px; }
  .testimonials .customer img {
    height: 140px;
    width: 140px;
    margin: 25px 0;
    border-radius: 50%;
    box-shadow: 0px 10px 30px black; }
    @media screen and (min-width: 768px) {
      .testimonials .customer img {
        height: 200px;
        width: 200px;
        margin: 50px 0; } }
  .testimonials .logo img {
    max-height: 100px;
    width: auto; }
  .testimonials .testimonial {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1144px;
    vertical-align: middle; }
    @media screen and (min-width: 1144px) {
      .testimonials .testimonial {
        top: 100px; } }
    .testimonials .testimonial blockquote {
      color: white;
      padding: 0px 40px;
      margin: 0 auto;
      font-size: 18px;
      line-height: 30px; }
      @media screen and (min-width: 768px) {
        .testimonials .testimonial blockquote {
          font-size: 25px;
          line-height: 35px; } }
    .testimonials .testimonial blockquote {
      font-family: "Merriweather", serif; }
    .testimonials .testimonial h4 {
      color: white;
      font-weight: normal;
      letter-spacing: 2px;
      font-size: 18px;
      line-height: 24px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 25px 0; }
      @media screen and (min-width: 768px) {
        .testimonials .testimonial h4 {
          font-size: 24px; } }

.members {
  text-align: center;
  width: 100%;
  margin: auto;
  border-top: 5px solid #f7f7f7; }
  .members .member {
    background-color: #f7f7f7;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    max-width: 300px; }
    @media screen and (min-width: 768px) {
      .members .member {
        margin-left: 10px;
        margin-bottom: 10px;
        min-height: 400px; } }
    .members .member .headshot img {
      border-radius: 50%;
      width: 200px;
      height: auto;
      margin: 20px auto; }
    .members .member h2.member-name {
      font-size: 25px;
      font-weight: 600;
      color: #3d1951;
      padding: 0px; }
    .members .member h3 {
      font-size: 18px;
      line-height: 27px; }
    .members .member p {
      font-size: 16px;
      padding: 0; }

.locations {
  text-align: center;
  margin: 0 auto; }
  .locations .parent-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px; }
    .locations .parent-grid article:nth-child(3) {
      grid-column: 1 / span 2; }
    @media screen and (max-width: 768px) {
      .locations .parent-grid {
        display: block; } }
  .locations .location {
    background-color: #f7f7f7;
    display: inline-block;
    margin: 10px auto;
    padding: 10px;
    min-width: 100%; }
    .locations .location::after {
      clear: both;
      content: "";
      display: block; }
    @media screen and (min-width: 768px) {
      .locations .location {
        min-width: 100%; } }
    .locations .location h4 {
      color: #3d1951; }
    .locations .location .map img {
      display: none; }
      @media screen and (min-width: 1600px) {
        .locations .location .map img {
          height: 250px;
          width: auto;
          display: block;
          float: left; } }

.cta-text h4 a {
  color: #2e8337;
  padding-bottom: 1px;
  border-bottom: #2e8337 1px dotted; }

.cta-text h4 a:hover {
  color: #3d1951;
  padding-bottom: 1px;
  border-bottom: #3d1951 1px dotted; }

.cta-right {
  text-align: center; }
  @media screen and (min-width: 1144px) {
    .cta-right {
      text-align: left; } }

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

.cta-center {
  text-align: center;
  clear: both; }

/* Submit Title Order Form */
fieldset .form-wrap {
  text-align: center; }
  @media screen and (min-width: 1144px) {
    fieldset .form-wrap {
      text-align: left; } }

@media screen and (min-width: 768px) {
  fieldset {
    width: 100%;
    max-width: none; } }

fieldset .input-long {
  width: 100%; }

/* Net Sheet Calculator */
#calculatorForm {
  display: block; }
  #calculatorForm .hero {
    margin-top: 100px; }
  #calculatorForm.hide-form {
    display: none !important; }
  #calculatorForm select {
    width: 250px;
    margin: 5px 0px 10px 0px; }
    @media screen and (min-width: 768px) {
      #calculatorForm select {
        width: 200px; } }
  #calculatorForm .select::after {
    right: 12px;
    margin-top: -12px; }

#calculatorResults {
  display: none; }
  #calculatorResults.show-results {
    display: block !important; }
  #calculatorResults #countyMessage {
    padding-top: 6rem; }

.calculator {
  text-align: center;
  height: auto;
  max-height: none !important;
  padding: 25px 0 !important;
  background-color: white;
  min-height: 0;
  margin-top: 0px; }
  @media screen and (min-width: 768px) {
    .calculator p {
      margin-right: 20px; } }
  @media screen and (min-width: 1144px) {
    .calculator .calc-labels, .calculator .calc-fields {
      text-align: left;
      float: left; } }
  .calculator .slider-wrap {
    position: relative;
    height: 60px;
    margin-top: -28px; }
    @media screen and (min-width: 768px) {
      .calculator .slider-wrap {
        clear: both;
        display: inline;
        position: relative;
        height: auto;
        margin: 0;
        top: 18px; } }
  .calculator #misc-fees {
    margin: 20px auto; }
    @media screen and (min-width: 1144px) {
      .calculator #misc-fees {
        margin-top: 40px; } }

table tr:nth-child(odd):hover,
table.table-condensed tr:hover {
  background: none !important; }

.calculator-fees {
  width: 100%;
  margin: 0 auto; }
  .calculator-fees tr:nth-child(even) {
    background-color: #f7f7f7; }

.calculator-fees {
  text-align: left; }
  .calculator-fees .amount {
    text-align: right; }
  .calculator-fees td:nth-child(odd) {
    width: 60%; }
  .calculator-fees td:nth-child(even) {
    width: 40%; }

#resultPageFees {
  width: 100%;
  text-align: left;
  margin: 0 auto; }
  #resultPageFees tr:nth-child(odd) {
    background-color: #f7f7f7;
    padding: 10px; }

.resultPageTable {
  width: 100%;
  text-align: left;
  margin: 0 auto; }
  .resultPageTable tr:nth-child(even) {
    background-color: #f7f7f7;
    padding: 10px; }

#closingMonth {
  width: 80px;
  float: left; }

#closingDay, #closingYear {
  width: 55px;
  float: left; }

.delete-button {
  margin: 0;
  padding: 0; }

/* Net Sheet Calculator Forms */
#net-sheet-calculator {
  margin: 0px auto;
  text-align: center;
  position: relative; }
  #net-sheet-calculator h2 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 0; }
  #net-sheet-calculator fieldset {
    width: 100%;
    background: white;
    border: none;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: 0 auto;
    /*stacking fieldsets above each other*/
    position: relative;
    display: block; }
    #net-sheet-calculator fieldset:not(:first-of-type) {
      display: none; }

.additionalFeeAmount {
  text-align: right; }

#totalFeeContainer,
.table-heading {
  padding: 10px; }

#totalFeeContainer .col-half {
  width: 50%;
  float: left; }

#additional-fee-row {
  margin: 10px auto;
  text-align: center;
  padding: 10px 5px; }

.fee-name-col {
  width: 100%;
  float: none;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .fee-name-col {
      width: 70%;
      float: left;
      text-align: left; } }
  .fee-name-col input {
    position: relative;
    left: -13px; }
    @media screen and (min-width: 768px) {
      .fee-name-col input {
        width: 80%;
        left: 0px; } }
  .fee-name-col .del-fee {
    color: red;
    position: relative;
    left: -10px; }
    @media screen and (min-width: 768px) {
      .fee-name-col .del-fee {
        left: 0px;
        top: 0px; } }

.fee-amount-col {
  width: 100%;
  float: none;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .fee-amount-col {
      width: 28%;
      float: left;
      text-align: right; } }
  @media screen and (min-width: 768px) {
    .fee-amount-col input {
      width: 84%; } }

p.disclaimer {
  font-size: 13px;
  line-height: 18px;
  clear: both;
  text-align: left; }
  p.disclaimer:nth-child(1) {
    border-top: #2e8337 3px solid;
    padding-top: 20px;
    margin-top: 20px; }

p.dynamicdisclaimer {
  font-size: 13px;
  line-height: 10px;
  clear: both;
  text-align: left; }

.slider {
  width: calc(100% - 120px);
  margin: 20px 10px 0 10px;
  display: inline-block; }
  @media screen and (min-width: 768px) {
    .slider {
      width: calc(50% - 80px); } }

.accordion {
  color: #3d1951;
  width: 100%;
  background: none;
  text-transform: none;
  margin: 20px auto;
  cursor: pointer;
  padding: 5px;
  border: none;
  font-weight: bold; }
  .accordion.large {
    font-size: 18px;
    line-height: 40px; }
  .accordion.active, .accordion:hover, .accordion:focus {
    color: #775e85;
    text-transform: none;
    background: none;
    padding: 5px;
    border: none;
    margin: 20px auto;
    background: #f7f7f7; }
  .accordion::before {
    content: "+";
    margin-right: 10px;
    font-weight: bold; }
  .accordion.active::before {
    content: "-";
    margin-right: 10px;
    font-weight: bold; }
  .accordion.feeLine {
    color: #171717;
    margin: 0;
    padding: 0;
    text-align: center;
    background: none; }
    @media screen and (min-width: 768px) {
      .accordion.feeLine {
        text-align: left; } }
    .accordion.feeLine::before {
      content: "";
      margin: 0; }

.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; }
  .panel .costs {
    text-align: center;
    display: table;
    margin: 40px auto;
    padding: 10px 0; }
    @media screen and (min-width: 768px) {
      .panel .costs {
        text-align: left; } }
  .panel .cost-breakdown,
  .panel .section-breakdown {
    float: left; }
    .panel .cost-breakdown ul li,
    .panel .section-breakdown ul li {
      font-size: 16px;
      line-height: 20px; }
    .panel .cost-breakdown h4,
    .panel .section-breakdown h4 {
      margin-bottom: 0px; }
  .panel .cost-breakdown, .panel .cost-amount {
    height: 50px; }
  .panel .cost-amount {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .panel .cost-amount {
        margin-bottom: 0; } }
  .panel .cost-amount,
  .panel .section-amount {
    float: right; }
    .panel .cost-amount span,
    .panel .section-amount span {
      font-size: 20px;
      line-height: 24px;
      font-weight: bold; }
    .panel .cost-amount.negative,
    .panel .section-amount.negative {
      color: red; }
  .panel .section-breakdown, .panel .section-amount {
    border-bottom: 1px solid #2e8337;
    margin-bottom: 25px; }
  .panel .section-breakdown {
    float: left; }
    .panel .section-breakdown ul li {
      font-size: 16px;
      line-height: 20px; }
  .panel .section-amount {
    float: right;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px; }
    .panel .section-amount span#resultPageTotalCredit, .panel .section-amount span {
      font-size: 28px;
      line-height: 35px; }
      @media screen and (min-width: 768px) {
        .panel .section-amount span#resultPageTotalCredit, .panel .section-amount span {
          line-height: 55px;
          font-size: 40px; } }
    .panel .section-amount.negative {
      color: red; }

/* BLOG FEED */
.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; }

.featured {
  width: 100%;
  margin-bottom: 20px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .featured {
      width: calc(50% - 10px);
      float: left;
      margin: 0 10px 0 0; } }
  .featured:nth-last-child() {
    margin-right: 0 !important; }
  .featured img {
    height: 250px;
    object-fit: cover; }
  .featured img:hover,
  .featured img:focus {
    opacity: 0.5; }
  .featured h2 {
    font-size: 30px;
    line-height: 35px;
    margin-top: 10px;
    text-transform: capitalize; }

a figure {
  position: relative;
  overflow: hidden;
  margin: 10px auto;
  width: 100%;
  height: 250px;
  max-width: 400px; }
  @media screen and (min-width: 768px) {
    a figure {
      width: calc(50% - 25px);
      display: inline-block;
      margin: 10px; } }
  @media screen and (min-width: 1144px) {
    a figure {
      width: calc(25% - 25px);
      min-width: 300px;
      background: white;
      text-align: center;
      cursor: pointer; } }
  a 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 {
    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 {
    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 {
      top: 50px; }
  a figure .tag-section {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    margin: 0 auto; }
  a 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 {
    visibility: hidden;
    opacity: 0;
    transition: .35s ease-in-out; }
  a figure figcaption::before,
  a figure p {
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out; }
  a 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 {
      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 {
    opacity: 1;
    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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    a figure figcaption::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(61, 25, 81, 0.9), rgba(61, 25, 81, 0.3));
      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 {
      pointer-events: none; }

.featured-resources, .events, .featured-events {
  text-align: center;
  margin: 0 auto; }
  @media screen and (min-width: 1144px) {
    .featured-resources, .events, .featured-events {
      text-align: left; } }

.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 {
      text-align: left;
      margin: 10px auto;
      max-width: 500px !important;
      text-align: left !important; } }
  .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: 12px;
    line-height: 18px;
    font-weight: normal;
    height: 25px;
    margin: 0; }
  .event h2 {
    font-size: 20px;
    line-height: 26px;
    padding: 0; }
  .event a.button.small.trans {
    text-align: center; }

.react-add-to-calendar__dropdown ul {
  left: 48%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  list-style-type: none;
  position: absolute;
  border-radius: 3px;
  background: white;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
  margin: -5px 0px;
  border-radius: 3px;
  width: 218px; }
  @media screen and (min-width: 768px) {
    .react-add-to-calendar__dropdown ul {
      left: auto;
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%); } }
  .react-add-to-calendar__dropdown ul li {
    padding: 5px; }
    .react-add-to-calendar__dropdown ul li::after {
      width: 0;
      height: 0;
      background: none !important; }

/* BLOG PAGINATION */
.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; }

/* 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-content.small {
    position: relative;
    font-weight: bold;
    top: 0px;
    color: #3d1951; }

.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: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 */
.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; }

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

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

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; }

@media screen and (max-width: 1144px) {
  .share-mobile {
    float: left; } }

@media print {
  header img.logo-uhm {
    display: none !important; } }

.share-btns {
  float: left; }
  @media print {
    .share-btns {
      display: none !important; } }
  @media screen and (max-width: 1144px) {
    .share-btns {
      display: flex;
      justify-content: center;
      width: 100%;
      padding: 20px 0; } }
  @media screen and (min-width: 1144px) {
    .share-btns {
      float: left;
      padding: 15px 0px 15px;
      top: 100px;
      left: 0px;
      position: sticky;
      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); }

.contact-cta {
  text-align: center;
  margin: 0 auto;
  padding: 60px 25px 60px 25px; }

.remote-locations h2 {
  text-align: center;
  padding: 25px; }

@media screen and (min-width: 1025px) {
  .remote-locations .remote-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .remote-locations .remote-images .image-wrap {
      padding-top: 30px; }
      .remote-locations .remote-images .image-wrap .optional-image {
        max-width: 50vw; } }

.remote-locations .state h4 {
  margin-bottom: 10px; }

.remote-locations .state h5 {
  font-size: 12px;
  line-height: 20px;
  font-family: "Merriweather", serif;
  color: #2e8337; }

.remote-locations .image-wrap {
  text-align: center; }
  .remote-locations .image-wrap img {
    width: 100vw; }

.remote-locations .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .remote-locations .wrap .state {
    padding: 30px;
    text-align: center; }
    .remote-locations .wrap .state img {
      width: 200px;
      height: 200px; }
  .remote-locations .wrap h4 {
    padding-top: 10px;
    color: #3d1951; }

@media screen and (min-width: 768px) {
  .other-locations {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 5px 1.5fr;
    grid-template-columns: 1fr 1.5fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "first second";
    grid-gap: 0px 5px; }
    .other-locations .first-half {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: first; }
    .other-locations .second-half {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: second; } }

.home-banner {
  text-align: center;
  background-color: #3d1951;
  padding: 75px 75px 75px 75px; }
  .home-banner h4, .home-banner h2, .home-banner p {
    color: white; }

#new-locations-popup {
  z-index: 999;
  width: 100vw; }
  #new-locations-popup h2 {
    text-align: center;
    max-width: 100%; }
  #new-locations-popup h6 {
    color: #3d1951; }
  #new-locations-popup.popup-wrapper {
    height: 100vh;
    background-color: rgba(61, 25, 81, 0.7); }
  #new-locations-popup .popup {
    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%);
    border-radius: 30px;
    min-height: 0;
    height: auto;
    width: 90vw;
    padding: 20px; }
    #new-locations-popup .popup .popup-text .green {
      color: #2e8337; }
    #new-locations-popup .popup .popup-text .purple {
      color: #3d1951; }
    #new-locations-popup .popup .popup-text .black {
      color: black; }
  #new-locations-popup .close-popup {
    text-align: right;
    color: #676767;
    font-size: 30px; }
  #new-locations-popup .popup-cta {
    background-color: #3d1951;
    margin-top: 15px; }
    #new-locations-popup .popup-cta:hover {
      background-color: #2e8337; }

.landing .landing-hero-text .green {
  color: #2e8337; }

.landing .landing-hero-text .purple {
  color: #3d1951; }

.landing .landing-hero-text .black {
  color: black; }

.landing-locations {
  text-align: center; }
  .landing-locations .landing-states {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .landing-locations .landing-states .state {
      padding: 30px; }
      .landing-locations .landing-states .state img {
        width: 200px;
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover; }
      .landing-locations .landing-states .state h4 {
        color: #3d1951;
        margin: 5px 0px 0px 0px; }
      .landing-locations .landing-states .state h3 {
        color: #2e8337;
        font-size: 12px;
        line-height: 15px; }

.landing-cta {
  text-align: center;
  padding: 100px 10px; }

#seller-cost-popup .popup-content {
  height: calc(100% - 100px); }

.company-partner-image {
  width: 23%;
  margin: auto;
  display: block;
  padding-top: 50px;
  padding-bottom: 20px; }

.section-header {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #3d1951; }
  @media screen and (min-width: 1144px) {
    .section-header {
      font-size: 50px;
      line-height: 45px; } }

.intro-subheader {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }

@media screen and (max-width: 565px) {
  .video-frame {
    width: 240px;
    height: 200px; } }

@media screen and (min-width: 768px) {
  .video-frame {
    width: 800px;
    height: 500px; } }

@media screen and (min-width: 566px) and (max-width: 1000px) {
  .video-frame {
    width: 400px;
    height: 250px; } }

.benefits {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 25px 0;
  justify-content: center; }
  @media screen and (min-width: 1144px) {
    .benefits {
      height: 100%; } }
  .benefits .benefit {
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px;
    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; }

.main-video-section {
  padding: 10px;
  background-color: #F3F3F3; }
  .main-video-section .main-video-content {
    margin: 75px; }
    .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 .video {
        box-shadow: 24px 24px 48px rgba(0, 0, 0, 0.48); }

.video-icon {
  position: absolute;
  pointer-events: none; }

.video-player {
  width: auto;
  max-width: 1200px;
  margin: 0 auto;
  max-height: 500px; }
  .video-player img {
    height: auto; }

.my-uhm-app {
  padding: 0px 0px 75px;
  margin-bottom: 65px; }
  .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; }
    .my-uhm-app .app-content h1 {
      width: max-content;
      display: inline-block; }
    .my-uhm-app .app-content h2 {
      color: black; }
    .my-uhm-app .app-content h3 {
      color: #2e8337; }
    .my-uhm-app .app-content p {
      font-size: x-large !important; }
    .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; }
      .my-uhm-app .app-content .app-info .app-text {
        display: inline-block;
        max-width: 700px; }
    .my-uhm-app .app-content .app-store {
      display: flex;
      align-items: center; }
      .my-uhm-app .app-content .app-store #apple-store {
        cursor: pointer; }
      .my-uhm-app .app-content .app-store #google-play {
        max-height: 60px;
        cursor: pointer; }
    .my-uhm-app .app-content .app-demo {
      width: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 10vh;
      height: 50vh; }
      .my-uhm-app .app-content .app-demo .app-display {
        height: 100%;
        position: absolute; }
    @media screen and (max-width: 1540px) {
      .my-uhm-app .app-content {
        background-size: cover;
        display: flex;
        flex-direction: column;
        background-image: none;
        background-color: #f7f7f7;
        z-index: 3; }
        .my-uhm-app .app-content .app-info {
          align-items: center;
          text-align: center;
          margin: 0px; }
          .my-uhm-app .app-content .app-info h1 {
            width: 100%; }
        .my-uhm-app .app-content .app-demo {
          display: none; } }

.earnest-money-deposit {
  min-width: 290px;
  margin: 0px auto;
  border: 1px solid #4A186D;
  border-radius: 3px;
  padding-right: 10px;
  padding-left: 10px;
  background: white;
  max-width: 340px;
  display: inline-block; }

.earnest-money-deposit h6 {
  color: #3D1951;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 0; }

.earnest-money-deposit .ohio-text a {
  max-width: 90% !important;
  background: #3FAE49;
  border-radius: 100px;
  color: white;
  padding: 10px;
  text-transform: capitalize; }

.earnest-money-deposit .ohio-text a:hover {
  background: #3d1951; }

.earnest-money-deposit .michigan-text a:hover {
  background: #3d1951; }

.earnest-money-deposit .michigan-text a {
  max-width: 90% !important;
  background: #3FAE49;
  border-radius: 100px;
  color: white;
  padding: 10px;
  text-transform: capitalize; }

.earnest-money-deposit .row {
  margin: 2px 0px 15px 0px; }

.white-bg {
  background: white; }

a.button.trans {
  background-color: #fff;
  color: #3d1951;
  border: 1px solid #3d1951; }

@media screen and (min-width: 768px) {
  .tools {
    min-height: 600px !important; } }

.benefits {
  padding-top: 40px; }
  .benefits img {
    height: 150px;
    width: 150px; }
  .benefits h3 {
    line-height: 25px;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: neue-haas-grotesk-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
  .benefits p {
    padding: 0px; }

/*# sourceMappingURL=mta.min.css.map*/