/* <<< DO NOT EDIT THIS FILE - COMPILED FROM SASS -Mon Apr 25 2016 11:25:06 GMT-0500 (EST)>>> */

@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! nouislider - 8.1.0 - 2015-10-25 16:05:44 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  z-index: 10; }

.noUi-state-tap .noUi-origin {
  transition: left .3s,top .3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB; }

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }

.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; }

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

[disabled] .noUi-connect, [disabled].noUi-connect {
  background: #B8B8B8; }

[disabled] .noUi-handle, [disabled].noUi-origin {
  cursor: not-allowed; }

.noUi-pips, .noUi-pips * {
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

.noUi-value {
  width: 40px;
  position: absolute;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-large, .noUi-marker-sub {
  background: #AAA; }

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 50px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  margin-left: -20px;
  padding-top: 20px; }

.noUi-value-horizontal.noUi-value-sub {
  padding-top: 15px; }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  width: 15px;
  margin-left: 20px;
  margin-top: -5px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  left: -9px;
  text-align: center;
  width: 50px; }

.noUi-handle-lower .noUi-tooltip {
  top: -32px; }

.noUi-handle-upper .noUi-tooltip {
  bottom: -32px; }

.vjs-poster, .vjs-text-track-display,
.vjs-loading-spinner, .vjs-big-play-button,
.vjs-control-bar {
  z-index: 2; }

.projector-wrapper {
  position: relative; }

.projector-overlay {
  position: absolute;
  pointer-events: none;
  z-index: 1; }

.projector-overlay-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.projector-overlay-item {
  position: relative;
  width: 100%;
  height: 100%; }

.projector-textbox {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  font-size: 3em;
  padding: 10px;
  color: white; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("font/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACoAAAA2CsZ2fWhoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABiwcIjbvH8Nl8ZuNkZQOBSiOgBZJqdASzOwcAEogDqtAdOAAB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZArGdn0AAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAEXIS2l8PPPUACwcAAAAAANJUFcAAAAAA0lQVwAAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
  content: ""; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play-circle:before {
  content: ""; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
  content: ""; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: ""; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  content: ""; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  content: ""; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  content: ""; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
  content: ""; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: ""; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-square:before {
  content: ""; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-spinner:before {
  content: ""; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
  content: ""; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
  content: ""; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
  content: ""; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-share:before {
  content: ""; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cog:before {
  content: ""; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: ""; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-outline:before {
  content: ""; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-inner-circle:before {
  content: ""; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-hd:before {
  content: ""; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
  content: ""; }

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before {
  content: ""; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-facebook:before {
  content: ""; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-gplus:before {
  content: ""; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-linkedin:before {
  content: ""; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-twitter:before {
  content: ""; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-tumblr:before {
  content: ""; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pinterest:before {
  content: ""; }

.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before {
  content: ""; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.video-js:-moz-full-screen {
  position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li:focus,
.vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

@media �screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-control:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.vjs-live .vjs-progress-control {
  display: none; }

.video-js .vjs-progress-holder {
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: block;
  font-size: 0.6em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }

.video-js .vjs-play-progress:before {
  position: absolute;
  top: -0.333333333333333em;
  right: -0.5em;
  font-size: 0.9em; }

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  display: none;
  position: absolute;
  top: -2.4em;
  right: -1.5em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 0.2em 0.5em;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em; }

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
  z-index: 1; }

.video-js .vjs-load-progress {
  background: ligthen(#73859f, 25%);
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: ligthen(#73859f, 50%);
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
  display: none; }

.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
  height: 8em;
  width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  background-color: transparent !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-controls-disabled .vjs-poster {
  display: none; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -ms-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -ms-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu {
  left: -10em;
  width: 0; }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
  display: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-marker {
  position: absolute;
  left: 0;
  bottom: 0em;
  opacity: 1;
  height: 100%;
  transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease; }

.vjs-marker:hover {
  cursor: pointer;
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.vjs-tip {
  visibility: hidden;
  display: block;
  opacity: 0.8;
  padding: 5px;
  font-size: 10px;
  position: absolute;
  bottom: 14px;
  z-index: 100000; }

.vjs-tip .vjs-tip-arrow {
  background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
  position: absolute;
  width: 9px;
  height: 5px; }

.vjs-tip .vjs-tip-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center; }

.vjs-break-overlay {
  visibility: hidden;
  position: absolute;
  z-index: 100000;
  top: 0; }

.vjs-break-overlay .vjs-break-overlay-text {
  padding: 9px;
  text-align: center; }

@font-face {
  font-family: "Mark";
  src: url("/fonts/30397F_0_0.woff") format("woff"), url("/fonts/30397F_0_0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Mark";
  src: url("/fonts/30397F_1_0.woff") format("woff"), url("/fonts/30397F_1_0.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Mark";
  src: url("/fonts/30397F_4_0.woff") format("woff"), url("/fonts/30397F_4_0.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Mark";
  src: url("/fonts/30397F_3_0.woff") format("woff"), url("/fonts/30397F_3_0.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Mark";
  src: url("/fonts/30397F_2_0.woff") format("woff"), url("/fonts/30397F_2_0.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Mark";
  src: url("/fonts/30397F_5_0.woff") format("woff"), url("/fonts/30397F_5_0.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

.desktop-only {
  display: none; }

@media (min-width: 760px) {
  .mobile-only {
    display: none; }
  .desktop-only--inline {
    display: inline; }
  .desktop-only--block {
    display: block; }
  .desktop-only--table {
    display: table; } }

.cf:after {
  content: "";
  display: table;
  clear: both; }

.hero-fadein {
  opacity: 0;
  transition: opacity 1s linear; }
  .no-js .hero-fadein {
    opacity: 1; }
  .js .hero-fadein.js-is-active {
    opacity: 1; }

.account-message {
  margin: 0 auto;
  max-width: 1450px;
  text-align: center; }

.account-container {
  text-align: center; }

.account-message__content {
  padding: 25px 10%;
  text-align: center;
  background: #f7f5ef; }
  @media (min-width: 550px) {
    .account-message__content {
      padding: 30px 10%; } }
  @media (min-width: 760px) {
    .account-message__content {
      padding: 50px 10%; } }
  @media (min-width: 1030px) {
    .account-message__content {
      padding: 50px 18%; } }
  .account-message__content .account-message__form {
    text-align: left;
    width: 80%;
    margin: 30px auto; }
  .account-message__content .account-message__policy-status-h1,
  .account-message__content .account-message__policy-status-h2 {
    font-family: "Mark", serif;
    color: #4e4541;
    line-height: 1.2;
    font-size: 20px; }
    @media (min-width: 760px) {
      .account-message__content .account-message__policy-status-h1,
      .account-message__content .account-message__policy-status-h2 {
        font-size: 28px; } }
    @media (min-width: 1030px) {
      .account-message__content .account-message__policy-status-h1,
      .account-message__content .account-message__policy-status-h2 {
        font-size: 34px; } }
    .account-message__content .account-message__policy-status-h1--turq,
    .account-message__content .account-message__policy-status-h2--turq {
      color: #1D979F; }
    .account-message__content .account-message__policy-status-h1--red,
    .account-message__content .account-message__policy-status-h2--red {
      color: #e06256; }
  .account-message__content a {
    cursor: pointer; }
  .account-message__content p {
    line-height: 1.5; }

.account-message__policy-status-h4 {
  font-family: "Mark", serif;
  font-size: 18px;
  font-weight: 700; }
  @media (min-width: 760px) {
    .account-message__policy-status-h4 {
      font-size: 24px; } }
  @media (min-width: 1030px) {
    .account-message__policy-status-h4 {
      font-size: 28px; } }
  .account-message__policy-status-h4--turq {
    color: #1D979F; }
  .account-message__policy-status-h4--red {
    color: #e06256; }

.account__prompt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 700;
  font-style: italic; }

.account-message__faq-list {
  text-align: left;
  list-style: none;
  margin-top: 40px; }
  .account-message__faq-list li {
    margin-bottom: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font: 600 15px/1.625 "Archer SSm A", "Archer SSm B", serif;
    color: #4e4541; }
  .account-message__faq-list p {
    margin-bottom: 15px;
    color: #e06256;
    font: italic 800 20px/1.5 "Archer SSm A", "Archer SSm B", serif; }

.account-message--loading {
  display: inline-block; }

.infobox--account {
  text-align: center;
  padding: 15px 16px;
  margin: 0 auto; }
  .infobox--account h2 {
    font-family: "Mark", serif;
    font-size: 24px;
    font-weight: 700; }

.account-message__x {
  border: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: transparent url(/img/modal-x.svg) no-repeat 50% 50%;
  color: #fff;
  display: block;
  background-size: 75% auto; }
  @media (min-width: 374px) {
    .account-message__x {
      right: 20px; } }
  @media (min-width: 1030px) {
    .account-message__x {
      margin-top: -20px;
      right: 15px;
      width: 40px;
      height: 40px; } }

.account-message__next-steps {
  padding: 30px 0; }
  @media (min-width: 760px) {
    .account-message__next-steps {
      margin-left: -40px; }
      .account-message__next-steps:after {
        content: "";
        display: table;
        clear: both; }
      .account-message__next-steps > .next-steps__item {
        float: left;
        padding-left: 40px;
        width: 33.33333%; }
      .account-message__next-steps > .next-steps__item:nth-child(1n) {
        clear: none; }
      .account-message__next-steps > .next-steps__item:nth-child(3n + 1) {
        clear: both; } }

.account-message__prompt {
  margin: 30px 0; }

.account-message__h--license:after {
  margin: 20px auto;
  content: "\0020";
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/img/account-license-icon.png");
  background-image: url("/img/account-license-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
  .no-svg .account-message__h--license:after {
    background-image: url("/img/account-license-icon.png"); }

.account-message__app-progress,
.account-message__app-progress span {
  font-size: 26px;
  font-weight: 700;
  color: #e06256; }

.account-message__footnote {
  margin: 30px 0; }

.account-message__highlight {
  color: #1D979F; }

.account-message_highlight--bold {
  font-weight: 800; }

.account-message__button--grace {
  margin-top: 20px; }

.account-message__button--drivers-license {
  text-align: center; }

.account-message__p--policy-free-look {
  margin-top: 32px; }

html {
  height: 100%;
  margin: 0;
  box-sizing: border-box; }

body,
body * {
  box-sizing: border-box; }

body {
  color: #4e4541;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  background-color: #1D979F; }
  body b,
  body strong {
    font-weight: 800; }

p {
  margin-top: 0; }

a {
  color: currentColor;
  text-decoration: none;
  border-bottom: 1px solid currentColor; }

.leading-arrow {
  background-color: transparent;
  border: 0;
  color: #e06256;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-weight: 800;
  font-style: italic;
  background-size: contain;
  transition: color 0.15s linear; }
  .leading-arrow svg {
    display: inline-block;
    position: relative;
    left: -5px;
    top: 2.5px;
    fill: #e06256;
    transition: fill 0.15s linear; }
  .leading-arrow:hover {
    color: #9d453c; }
    .leading-arrow:hover svg {
      fill: #9d453c; }

dialog {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

.footnote {
  margin: 0;
  color: #7c6f6a;
  font: italic 600 12px/1.5 "Archer SSm A", "Archer SSm B", serif; }
  .footnote--create-account {
    padding-right: 15%; }
  .footnote--account-language-acknowledgement {
    padding-left: 15px; }

.list--pluses {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0; }
  .list--pluses li:before {
    display: inline-block;
    margin-right: 5px;
    content: '+ '; }

.list--numbers {
  counter-reset: custom-counter;
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0; }
  .list--numbers li {
    padding-left: 20px;
    margin-left: 5px;
    text-indent: -13px; }
  .list--numbers li:before {
    font: 600 15px/1.5 "Mark", serif;
    color: #1D979F;
    display: inline-block;
    width: 10px;
    content: counter(custom-counter) ".";
    counter-increment: custom-counter; }

.main-content {
  background-color: #ffffff; }

img,
video {
  display: block;
  max-width: 100%; }
  img.supermax,
  video.supermax {
    max-width: none;
    width: 100%; }

::-moz-selection {
  background-color: #d0c2bf;
  text-shadow: none; }

::selection {
  background-color: #d0c2bf;
  text-shadow: none; }

.layout-max {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1450px; }
  @media (min-width: 550px) {
    .layout-max {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .layout-max {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .layout-max {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .layout-max {
      padding: 80px; } }

.infobox {
  padding: 15px 16px;
  border: 1px dashed #d7bfb5;
  max-width: 850px;
  margin: 0 auto;
  width: 80%; }
  @media (min-width: 760px) {
    .infobox {
      padding: 30px; } }
  .infobox p {
    margin: 0;
    font-family: "Archer SSm A", "Archer SSm B", serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5; }
  @media (min-width: 850px) {
    .infobox p {
      font-size: 16px; } }

.hidden {
  display: none; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.js-sticky {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 999999; }

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 229, 135, 0.2);
  border-right: 1.1em solid rgba(255, 229, 135, 0.2);
  border-bottom: 1.1em solid rgba(255, 229, 135, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.processor,
.processor:before,
.processor:after {
  background: #1D979F;
  -webkit-animation: process1 1s infinite ease-in-out;
  animation: process1 1s infinite ease-in-out;
  width: 1em;
  height: 3em; }

.processor:before,
.processor:after {
  position: absolute;
  top: 0;
  content: ''; }

.processor:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.processor {
  color: #1D979F;
  text-indent: -9999em;
  margin: 44px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.processor-container {
  height: 0em; }

.processor:after {
  left: 1.5em; }

@-webkit-keyframes process1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@keyframes process1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

.basic-text {
  font: 600 15px/1.625 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541; }
  .basic-text h1,
  .basic-text h2,
  .basic-text h3,
  .basic-text h4,
  .basic-text h5,
  .basic-text h6 {
    margin: 20px 0; }
  .basic-text h1 {
    margin-top: 50px;
    color: #4e4541;
    font: 800 21px/1.2 "Archer SSm A", "Archer SSm B", serif; }
  .basic-text h2 {
    margin-top: 40px;
    color: #e06256;
    font: 700 21px/1.2 "Mark", serif; }
  .basic-text h3 {
    color: #4e4541;
    margin-top: 40px;
    font: 700 13px/1.2 "Mark", serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .basic-text h4 {
    font: italic 800 14px/1.2 "Archer SSm A", "Archer SSm B", serif; }
  .basic-text h5 {
    color: #91837d;
    font: 800 14px/1.2 "Archer SSm A", "Archer SSm B", serif; }
  .basic-text h6 {
    color: #91837d;
    font: 700 14px/1.2 "Mark", serif; }
  .basic-text a {
    border-bottom: 1px solid #7c6f6a; }
    .basic-text a[href^=tel] {
      border-bottom: 0; }
  .basic-text em,
  .basic-text i {
    font-style: italic; }
  .basic-text strong,
  .basic-text b {
    font-weight: bold; }
  .basic-text p,
  .basic-text ul,
  .basic-text ol,
  .basic-text table {
    margin-bottom: 30px; }
  .basic-text ol,
  .basic-text ul {
    margin-top: 0;
    margin-right: 0;
    margin-left: 20px;
    padding: 0; }
    .basic-text ol ul,
    .basic-text ul ul {
      margin-top: 8px;
      padding: 0;
      list-style: circle; }
  .basic-text ul {
    list-style: disc; }
  .basic-text ol {
    list-style: decimal; }
  .basic-text li {
    margin-bottom: 15px; }
  .basic-text blockquote {
    padding: 0 20px;
    color: #91837d; }
  .basic-text table {
    border: 1px solid #dedad8;
    font: 500 16px/1.2 "Mark", serif; }
  .basic-text td,
  .basic-text th {
    vertical-align: top;
    text-align: left;
    padding: 15px 20px;
    border-right: 1px solid #dedad8; }
    .basic-text td:last-child,
    .basic-text th:last-child {
      border-right: 0; }
  .basic-text th {
    color: #f7f5ef;
    border-right: 1px solid #7c6f6a;
    background-color: #4e4541;
    font-weight: 700; }
  .basic-text tr:nth-child(even) td {
    background-color: #f7f5ef; }
  .basic-text code,
  .basic-text pre {
    font-weight: normal;
    font-family: courier, monospace;
    padding: 3px 6px;
    background: #eee; }
  .basic-text img,
  .basic-text video {
    display: block;
    max-width: 100%;
    margin: 20px 0; }
    .basic-text img.supermax,
    .basic-text video.supermax {
      max-width: none;
      width: 100%; }
  @media (min-width: 850px) {
    .basic-text {
      font-size: 16px; } }
  @media (min-width: 1030px) {
    .basic-text {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 18px; }
      .basic-text h1 {
        font-size: 28px; }
      .basic-text h2 {
        font-size: 28px; }
      .basic-text h3 {
        font-size: 15px; }
      .basic-text h4 {
        font-size: 16px; }
      .basic-text h5 {
        font-size: 16px; }
      .basic-text h6 {
        font-size: 16px; } }

.head-1 {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.375;
  margin: 0 0 20px;
  text-align: center;
  color: #4e4541; }

.head-2 {
  font-family: "Mark", serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.375;
  margin: 0;
  text-align: center;
  color: #4e4541;
  margin: 0 0 20px; }

@media (min-width: 760px) {
  .head-1 {
    font-size: 28px;
    margin-bottom: 30px; }
  .head-2 {
    font-size: 24px;
    margin-bottom: 30px; } }

@media (min-width: 850px) {
  .head-1 {
    font-size: 30px;
    margin-bottom: 40px; }
  .head-2 {
    font-size: 28px;
    margin-bottom: 40px; } }

@media (min-width: 1030px) {
  .head-1 {
    font-size: 34px;
    margin-bottom: 50px; }
  .head-2 {
    font-size: 30px;
    margin-bottom: 50px; } }

.divider:after {
  content: "\0020";
  display: block;
  margin: 30px auto;
  width: 30px;
  height: 4px; }

.divider--beige:after {
  background-color: #d9beb3; }

body:after {
  content: 'phone';
  display: none; }
  @media (min-width: 550px) {
    body:after {
      content: 'phablet'; } }
  @media (min-width: 760px) {
    body:after {
      content: 'tablet-vert'; } }
  @media (min-width: 850px) {
    body:after {
      content: 'tablet-horiz'; } }
  @media (min-width: 1030px) {
    body:after {
      content: 'desktop'; } }
  @media (min-width: 1240px) {
    body:after {
      content: 'desktop-xl'; } }

.btn {
  border-radius: 4px;
  border: 0;
  background-color: #91837d;
  text-transform: uppercase;
  color: #fff;
  font-family: "Mark", serif;
  font-size: 13px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  letter-spacing: 2px;
  padding: 16px 30px 14px;
  margin: 0 0 15px;
  display: inline-block;
  outline: 0;
  min-width: 150px;
  text-align: center;
  transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear; }

.btn:focus {
  box-shadow: inset 0 0 0 4px #9d453c; }

.btn--large {
  padding: 15px 20px 13px;
  font-size: 13px; }
  @media (min-width: 850px) {
    .btn--large {
      padding: 17px 30px 15px;
      font-size: 14px; } }
  @media (min-width: 1030px) {
    .btn--large {
      padding: 18px 35px 16px; } }
  @media (min-width: 1240px) {
    .btn--large {
      padding: 18px 40px 16px;
      font-size: 16px; } }

.btn--wide {
  padding-left: 50px;
  padding-right: 50px; }
  @media (min-width: 850px) {
    .btn--wide {
      padding-left: 100px;
      padding-right: 100px; } }

.btn--expand {
  display: block;
  width: 100%; }

.btn--small {
  min-width: 55px;
  font-size: 13px;
  padding: 12px 20px 10px; }

.btn--mini {
  min-width: 20px;
  font-size: 9px;
  letter-spacing: .5px;
  padding: 12px 15px 10px;
  font-weight: 700; }

.btn--squared {
  border-radius: 0; }

.btn--table-toggle {
  border-radius: 0;
  padding: 18px 10px;
  font-size: 14px; }

.btn--lock {
  padding: 25px 30px 25px 70px;
  background: url(/img/icon-lock.svg) no-repeat 25px 50%;
  background-size: 25px auto; }

.btn--hollow {
  background-color: transparent;
  border: 2px solid #ffffff; }
  .btn--hollow.btn--white {
    border-color: #ffffff;
    color: #ffffff; }
    .btn--hollow.btn--white:hover {
      color: #1D979F;
      background-color: #ffffff; }
    .btn--hollow.btn--white:focus {
      box-shadow: inset 0 0 0 4px #ffffff; }

.btn--orange, .btn--orange:disabled:hover {
  background-color: #faa33b; }

.btn--orange:focus, .btn--orange:hover {
  background-color: #e19335; }

.btn--orange:focus {
  box-shadow: inset 0 0 0 4px #faa33b; }

.btn--red, .btn--red:disabled:hover {
  background-color: #e06256; }

.btn--red:focus, .btn--red:hover {
  background-color: #9d453c; }

.btn--red:focus {
  box-shadow: inset 0 0 0 4px #e06256; }

.btn--blue, .btn--blue:disabled:hover {
  background-color: #7Fd0d6; }

.btn--blue:focus, .btn--blue:hover {
  background-color: #599296; }

.btn--blue:focus {
  box-shadow: inset 0 0 0 4px #7Fd0d6; }

.btn--turq, .btn--turq:disabled:hover {
  background-color: #1D979F; }

.btn--turq:focus, .btn--turq:hover {
  background-color: #146a6f; }

.btn--turq:focus {
  box-shadow: inset 0 0 0 4px #1D979F; }

.btn:disabled {
  cursor: default;
  opacity: .3; }

@media (min-width: 1030px) {
  .btn--mini,
  .btn--small {
    min-width: 0; }
  .btn--lock {
    padding: 35px 60px 35px 100px;
    background-size: 35px auto;
    background-position: 42px 50%;
    font-size: 15px; } }

.btn-iterate--add,
.btn-iterate--remove {
  background-color: transparent;
  position: relative;
  padding: 12px 3px 12px 30px;
  text-align: left;
  min-width: 0;
  margin: 0; }
  .btn-iterate--add:before,
  .btn-iterate--remove:before {
    content: "\0020";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    margin-top: -11px;
    top: 50%;
    left: 3px; }
  .btn-iterate--add:focus,
  .btn-iterate--remove:focus {
    box-shadow: inset 0 0 0 1px #eee; }

.iterate-block {
  position: relative;
  border-top: 2px solid #f7f5ef;
  padding-top: 15px;
  margin-top: 30px;
  max-width: 750px; }

.iterate-add {
  margin: 10px 0 0; }

.btn-iterate--add {
  color: #1D979F; }
  .btn-iterate--add:hover {
    color: #146a6f; }
  .btn-iterate--add:before {
    background: url(/img/iterate-plus.svg) no-repeat 50% 50%; }

.iterate-remove {
  margin: 0;
  text-align: right; }

.btn-iterate--remove {
  color: #e06256; }
  .btn-iterate--remove:hover {
    color: #9d453c; }
  .btn-iterate--remove:before {
    background: url(/img/iterate-minus.svg) no-repeat 50% 50%; }

.modal-close-btn {
  outline: 0; }
  .modal-close-btn:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.25); }

table {
  border: 1px solid #d7bfb5;
  margin: 0 0 40px;
  width: 100%;
  font-family: "Mark", serif;
  line-height: 1.2;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.table--3col td,
.table--3col th {
  width: 33%; }

.product-table td,
.product-table th {
  color: #4e4541;
  padding: 14px 15px 12px;
  border-bottom: 1px dashed #d7bfb5;
  border-right: 1px dashed #d7bfb5;
  text-align: center;
  vertical-align: middle; }

.product-table td {
  font-family: "Mark", serif;
  font-size: 15px;
  line-height: 1.2;
  background-color: #ffffff; }

.product-table th {
  font-family: "Mark", serif;
  font-size: 18px;
  line-height: 1.2;
  border-top: 7px solid currentColor; }

.product-table .asterisk {
  font-size: 60%; }

.product-table .td--callout {
  font-size: 18px;
  font-weight: 600; }

.product-table .th--term,
.product-table .th--rop {
  background-color: #ffffff; }

.product-table .th--term,
.product-table .td--term,
.product-table .th--rop,
.product-table .td--rop {
  font-size: 20px;
  font-weight: 600; }

.product-table .th--term,
.product-table .td--term {
  color: #e06256; }

.product-table .th--rop,
.product-table .td--rop {
  color: #1D979F; }

.product-table .th--tr-title,
.product-table .td--tr-title {
  background-color: #f7f5ef;
  text-align: left;
  font-weight: 500;
  font-size: 16px; }

.product-table .th--tr-title {
  border-top: 7px solid #d7bfb5; }

@media (min-width: 850px) {
  .product-table td,
  .product-table th {
    padding: 22px 15px 20px; }
  .product-table th {
    font-size: 28px; }
  .product-table td {
    font-size: 16px; }
  .product-table .td--callout {
    font-size: 22px; }
  .product-table .th--term,
  .product-table .td--term,
  .product-table .th--rop,
  .product-table .td--rop {
    font-size: 28px; }
  .product-table .th--tr-title,
  .product-table .td--tr-title {
    font-size: 24px;
    padding-left: 30px;
    padding-right: 25px; } }

@media (min-width: 1030px) {
  .product-table td,
  .product-table th {
    padding: 30px 20px 26px; }
  .product-table td {
    font-size: 18px; }
  .product-table .th--tr-title,
  .product-table .td--tr-title {
    font-size: 21px;
    padding-left: 45px;
    padding-right: 40px; } }

.js-mobile-col-hide {
  display: none; }
  @media (min-width: 550px) {
    .table--3col .js-mobile-col-hide {
      display: table-cell; } }
  @media (min-width: 550px) {
    .table--4col .js-mobile-col-hide {
      display: table-cell; } }
  @media (min-width: 760px) {
    .table--5col .js-mobile-col-hide {
      display: table-cell; } }

.table-toggles {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  text-align: center;
  margin: 0 0 20px;
  padding: 0; }
  .table-toggles li {
    margin: 0;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .table-toggles a {
    width: 100%;
    display: block;
    font-size: 10px; }
    @media (min-width: 550px) {
      .table-toggles a {
        font-size: 12px; } }
  .table-toggles .btn--table-toggle {
    display: block;
    margin: 0; }
    .table-toggles .btn--table-toggle:after {
      position: absolute;
      bottom: -10px;
      left: 50%;
      content: "\0020";
      height: 0;
      width: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #91837d;
      display: none;
      margin-left: -10px; }
    .table-toggles .btn--table-toggle.btn--red:after {
      height: 0;
      width: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #e06256; }
    .table-toggles .btn--table-toggle.btn--blue:after {
      height: 0;
      width: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #7Fd0d6; }
    .table-toggles .btn--table-toggle.js-is-active:after {
      display: block; }
  @media (min-width: 550px) {
    .table-toggles--3col {
      display: none; } }
  @media (min-width: 550px) {
    .table-toggles--4col {
      display: none; } }
  @media (min-width: 760px) {
    .table-toggles--5col {
      display: none; } }

.feature-table {
  border: 0;
  margin: 0; }
  .feature-table td {
    border: 0;
    background-color: transparent;
    padding: 12px 15px 9px; }
  .feature-table .td--key {
    text-align: right;
    text-transform: uppercase;
    font-family: "Mark", serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .75px; }
  .feature-table .td--val {
    text-align: left;
    font-family: "Mark", serif;
    font-size: 15px;
    font-weight: 500; }
  .feature-table--term tr:nth-child(odd) {
    background-color: #f8dfdb; }
  .feature-table--rop tr:nth-child(odd) {
    background-color: #d0eaeb; }

@media (min-width: 850px) {
  .feature-table td {
    padding: 17px 20px 15px; } }

.icon-circle-check-turq {
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background-image: url("/img/circle-check-turq.png");
  background-image: url("/img/circle-check-turq.svg"), none;
  background-color: 20px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%; }
  .no-svg .icon-circle-check-turq {
    background-image: url("/img/circle-check-turq.png"); }
  @media (min-width: 374px) {
    .icon-circle-check-turq {
      display: block;
      text-align: left;
      color: transparent;
      font-size: 0;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 35px;
      height: 35px;
      background-size: 35px auto; } }

.comparison-table th,
.comparison-table td {
  padding: 10px; }

.comparison-table th {
  padding: 20px 15px 18px;
  vertical-align: top;
  color: #ffffff;
  background-color: #d7bfb5;
  font-family: "Mark", serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-right: 1px dashed #ffffff; }

.comparison-table td {
  font-family: "Mark", serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #91837d;
  border-right: 1px dashed #d7bfb5;
  border-bottom: 1px dashed #d7bfb5; }

.comparison-table .td--callout-turq {
  color: #1D979F; }

.comparison-table tbody .td--financial-rating {
  font-size: 24px; }

.comparison-table td:first-child img {
  display: block;
  padding: 5px;
  margin: 0 auto; }

.comparison-table th:not(:first-child),
.comparison-table td:not(:first-child) {
  width: 50%; }

@media (min-width: 374px) {
  .comparison-table th {
    font-size: 11px; }
  .comparison-table td {
    font-size: 18px;
    padding: 20px; } }

@media (min-width: 760px) {
  .comparison-table th {
    font-size: 12px; }
  .comparison-table th:not(:first-child),
  .comparison-table td:not(:first-child) {
    width: 18%; } }

.modal.premium-details table.premium-details {
  border: 1px solid #f8dfdb; }

.modal.premium-details tr {
  background-color: #ffffff; }

.modal.premium-details tr.total-premium {
  border: 1px solid #f8dfdb; }

.modal.premium-details .td--val {
  text-align: right;
  width: 2em; }

.modal.resend-esign table.premium-details {
  border: 1px solid #f8dfdb; }

.modal.resend-esign tr {
  background-color: #ffffff; }

fieldset {
  border: 0;
  padding: 0; }

label,
.label {
  display: block;
  position: relative;
  font-family: Mark;
  font-size: 14px;
  font-weight: 500;
  color: #4e4541;
  padding: 0;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.label--caps {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px; }
  @media (min-width: 850px) {
    .label--caps {
      font-size: 13px; } }

::-webkit-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  color: #a6a2a0; }
  @media (min-width: 850px) {
    ::-webkit-input-placeholder {
      font-size: 20px; } }

:-moz-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  color: #a6a2a0; }
  @media (min-width: 850px) {
    :-moz-placeholder {
      font-size: 20px; } }

::-moz-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  color: #a6a2a0; }
  @media (min-width: 850px) {
    ::-moz-placeholder {
      font-size: 20px; } }

:-ms-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  color: #a6a2a0; }
  @media (min-width: 850px) {
    :-ms-input-placeholder {
      font-size: 20px; } }

::-ms-input-placeholder {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  color: #a6a2a0; }
  @media (min-width: 850px) {
    ::-ms-input-placeholder {
      font-size: 20px; } }

.js-has-dynamic-label {
  padding-top: 31px; }

.label--dynamic {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  padding: 16px 11px 14px;
  color: #a6a2a0;
  position: absolute;
  top: 32px;
  left: 0;
  transition: all 0.3s ease; }
  @media (min-width: 850px) {
    .label--dynamic {
      font-size: 20px;
      padding: 16px 13px 15px; } }
  .label--dynamic.js-input-has-focus, .label--dynamic.js-input-has-content {
    font-family: Mark;
    font-size: 14px;
    font-weight: 500;
    color: #4e4541;
    padding: 0;
    margin-bottom: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
    top: 0; }

.form-item__radios--spaced {
  padding-bottom: 100px; }

.field-group {
  text-align: left;
  max-width: 750px; }

.field-group__item {
  max-width: 750px;
  vertical-align: top;
  position: relative;
  margin: 0 0 15px; }

.field-group--inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .field-group--inline .field-group__item {
    margin-right: 30px; }
  .field-group--inline.field-group--icons .field-group__item {
    padding-left: 2.5%;
    padding-right: 2.5%;
    width: 50%;
    margin-right: 0; }

.field-group__item--hang-label {
  padding-left: 45px;
  margin-right: 30px; }
  .field-group__item--hang-label input[type=checkbox] + label {
    text-indent: -39px; }
  .field-group__item--hang-label input[type=radio] + label {
    text-indent: -44px; }

.field-group--center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.field-group--block-to-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .field-group--block-to-inline input,
  .field-group--block-to-inline select,
  .field-group--block-to-inline .field-group__item {
    width: 100%; }
  .field-group--block-to-inline .field-group__item {
    margin-right: 0; }
  @media (min-width: 760px) {
    .field-group--block-to-inline {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      .field-group--block-to-inline .field-group__item {
        margin-right: 15px;
        width: 50%; }
        .field-group--block-to-inline .field-group__item:last-child {
          margin-right: 0; }
        .field-group--block-to-inline .field-group__item.account-message__group-item--address {
          width: 100%; } }

@media (min-width: 550px) {
  .field-group--inline.field-group--icons {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .field-group--inline.field-group--icons .field-group__item {
      padding-left: 0;
      padding-right: 0;
      width: auto;
      margin-right: 15px; }
      .field-group--inline.field-group--icons .field-group__item:last-child {
        margin-right: 0; } }

@media (min-width: 550px) {
  .field-group--hasnotes {
    padding-bottom: 120px; } }

input:not([type=submit]):not([type=file]):not([type=range]),
textarea {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  padding: 16px 11px 14px;
  border-radius: 5px;
  border: 1px solid #f7f5ef;
  background: #f7f5ef;
  transition: all 0.15s linear;
  max-width: 100%; }
  input:not([type=submit]):not([type=file]):not([type=range]):focus,
  textarea:focus {
    outline: 0; }
  @media (min-width: 850px) {
    input:not([type=submit]):not([type=file]):not([type=range]),
    textarea {
      font-size: 20px;
      padding: 16px 13px 15px; } }
  input:not([type=submit]):not([type=file]):not([type=range]):focus,
  textarea:focus {
    border-color: #d7bfb5; }
  input:not([type=submit]):not([type=file]):not([type=range]):disabled,
  textarea:disabled {
    background: #dedad8;
    color: #91837d; }
  @media (min-width: 850px) {
    input:not([type=submit]):not([type=file]):not([type=range]),
    textarea {
      font-size: 20px;
      padding: 16px 13px 15px; } }
  input:not([type=submit]):not([type=file]):not([type=range]).input--expand,
  textarea.input--expand {
    width: 100%; }
  input:not([type=submit]):not([type=file]):not([type=range]).input--onbeige,
  textarea.input--onbeige {
    border-color: #f7f5ef;
    background-color: #ffffff; }
    input:not([type=submit]):not([type=file]):not([type=range]).input--onbeige:focus,
    textarea.input--onbeige:focus {
      border-color: #d7bfb5; }
  input:not([type=submit]):not([type=file]):not([type=range]).js-input-error,
  textarea.js-input-error {
    border: 1px solid #e06256; }
  input:not([type=submit]):not([type=file]):not([type=range]).account-message__input,
  textarea.account-message__input {
    background-color: white; }
    input:not([type=submit]):not([type=file]):not([type=range]).account-message__input.account-message__input--drivers-license,
    textarea.account-message__input.account-message__input--drivers-license {
      width: 100%; }

.input--percent {
  width: 90px; }

.number--single-digit {
  width: 50px;
  text-align: center; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield !important; }

.tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  display: none;
  background: #f4f1e8;
  margin: 0 0 10px;
  border-radius: 0 0 5px 5px;
  padding: 5px 15px 5px;
  list-style: none;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none; }
  .tt-menu.tt-open {
    opacity: 1;
    display: inline-block;
    pointer-events: auto; }
  .tt-menu .tt-suggestion {
    color: #a6a2a0;
    padding: 3px 0;
    font: 500 14px/1.5 "Mark", serif;
    transition: color 0.15s linear; }
    .tt-menu .tt-suggestion:hover, .tt-menu .tt-suggestion:focus {
      color: #4e4541;
      cursor: pointer; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  height: 54px;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  appearance: none;
  background-color: #f7f5ef;
  border-radius: 5px;
  border: 0;
  color: #a6a2a0;
  cursor: pointer;
  min-width: 75px;
  max-width: 100%;
  width: 100%;
  outline: none;
  overflow-x: hidden;
  border: 1px solid #f7f5ef;
  padding: 15px 70px 15px 20px;
  text-overflow: ellipsis;
  transition: border-color 0.15s linear;
  background-image: url("/img/select-arrow.png");
  background-image: url("/img/select-arrow.svg"), none;
  background-repeat: no-repeat;
  background-position: 100% 55%;
  background-size: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  select:focus {
    outline: 0; }
  .no-svg select {
    background-image: url("/img/select-arrow.png"); }
  select::-moz-focus-inner {
    border: 0;
    outline: none; }
  select optgroup {
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 700; }
  select option {
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }
  select::-ms-expand {
    display: none; }
  select:hover, select:focus {
    border-color: #d7bfb5; }
  select:disabled {
    color: #d7bfb5;
    cursor: default;
    background-image: url("/img/select-arrow-disabled.png");
    background-image: url("/img/select-arrow-disabled.svg"), none;
    background-repeat: no-repeat;
    background-position: 100% 55%;
    background-size: auto; }
    .no-svg select:disabled {
      background-image: url("/img/select-arrow-disabled.png"); }
    select:disabled:hover {
      border-color: #f7f5ef; }
  select.js-input-error {
    border: 1px solid #e06256; }
  select.changed {
    color: #4e4541; }
  select.account-message__input {
    background-color: white; }

@media (min-width: 850px) {
  select {
    padding: 15px 70px 14px 20px;
    font-size: 20px;
    height: 60px; } }

input[type=checkbox] ~ label,
input[type=radio] ~ label {
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  cursor: pointer; }
  @media (min-width: 550px) {
    input[type=checkbox] ~ label,
    input[type=radio] ~ label {
      font-size: 20px; } }

input[type=checkbox],
input[type=radio] {
  position: absolute;
  left: -9999px; }
  input[type=checkbox].js-input-error ~ label:before,
  input[type=radio].js-input-error ~ label:before {
    border-color: #e06256; }

input[type=checkbox] ~ label:before,
input[type=radio] ~ label:before {
  content: "\0020";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  transition: background 0.15s linear, box-shadow 0.3s linear; }

input[type=checkbox]:disabled ~ label,
input[type=radio]:disabled ~ label {
  color: #a6a2a0;
  cursor: default; }

input[type=checkbox] ~ label:before {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("/img/checkbox-mark.png");
  background-image: url("/img/checkbox-mark.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 40% 60%;
  background-size: 0 auto;
  border: 2px solid #d7bfb5;
  top: 6px; }
  .no-svg input[type=checkbox] ~ label:before {
    background-image: url("/img/checkbox-mark.png"); }

input[type=checkbox]:checked ~ label:before {
  background-size: 18px 15px; }

input[type=checkbox]:disabled ~ label:before {
  border-color: #dedad8; }

input[type=checkbox]:checked:disabled ~ label:before {
  background-image: url("/img/checkbox-mark-disabled.png");
  background-image: url("/img/checkbox-mark-disabled.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto; }
  .no-svg input[type=checkbox]:checked:disabled ~ label:before {
    background-image: url("/img/checkbox-mark-disabled.png"); }

input[type=radio] ~ label:before {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 2px solid #d7bfb5;
  border-radius: 20px;
  background-image: url("/img/radio-mark-selected.png");
  background-image: url("/img/radio-mark-selected.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 0 0;
  top: 10px; }
  .no-svg input[type=radio] ~ label:before {
    background-image: url("/img/radio-mark-selected.png"); }

input[type=radio]:checked ~ label:before {
  background-size: 20px 20px; }

input[type=radio]:disabled ~ label:before {
  border-color: #dedad8; }

input[type=radio]:checked:disabled ~ label:before {
  background-image: url("/img/radio-mark-selected-disabled.png");
  background-image: url("/img/radio-mark-selected-disabled.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto; }
  .no-svg input[type=radio]:checked:disabled ~ label:before {
    background-image: url("/img/radio-mark-selected-disabled.png"); }

input[type=checkbox]:focus ~ label:before,
input[type=radio]:focus ~ label:before {
  border-color: #7c6f6a; }

input[type=radio].radio-pills ~ label {
  background-color: #f7f5ef;
  padding: 14px 10px 13px;
  text-align: center;
  font-family: "Mark", serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  display: inline-block;
  color: #91837d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  transition: all 0.3s ease;
  border-radius: 30px; }
  input[type=radio].radio-pills ~ label:before {
    display: none; }
  .field-group--inline .field-group__item input[type=radio].radio-pills ~ label {
    text-indent: 0; }

input[type=radio]:checked.radio-pills ~ label {
  background: #7c6f6a;
  color: #ffffff; }

@media (min-width: 550px) {
  input[type=radio].radio-pills ~ label {
    font-size: 13px;
    padding: 18px 25px 16px; }
  input[type=radio]:checked.radio-pills ~ label {
    padding-left: 35px;
    padding-right: 35px; } }

input[type=radio].radio-pills:disabled ~ label {
  opacity: .5; }

input[type=radio]:focus.radio-pills ~ label {
  box-shadow: 0 0 0 2px #e8dcd5; }

.field-group--pills.field-group--inline .field-group__item {
  padding-left: 0;
  margin-right: 8px; }
  .field-group--pills.field-group--inline .field-group__item:last-child {
    margin-right: 0; }
  @media (min-width: 550px) {
    .field-group--pills.field-group--inline .field-group__item {
      margin-right: 15px; } }
  @media (min-width: 1030px) {
    .field-group--pills.field-group--inline .field-group__item {
      margin-right: 20px; } }

.field-group--icons .field-group__item {
  padding-left: 0;
  margin-bottom: 0; }
  .field-group--icons .field-group__item input[type=radio].radio-icons ~ label {
    text-indent: 0; }

input[type=radio].radio-icons {
  display: block;
  vertical-align: top; }
  input[type=radio].radio-icons ~ label:before {
    display: block;
    text-align: center;
    background-color: #f7f5ef;
    border-radius: 4px;
    border: 0;
    margin-bottom: 30px;
    transition: background-color 0.15s linear; }
  input[type=radio].radio-icons.js-input-error ~ label:before {
    border: 2px solid #e06256; }
  input[type=radio].radio-icons:focus ~ label:before {
    box-shadow: 0 0 0 2px #e8dcd5; }

input[type=radio].radio-icons:not(:checked) ~ label,
input[type=radio].radio-icons:checked ~ label {
  text-align: center;
  display: block; }

input[type=radio].radio-icons--stars ~ label:before {
  width: 100%;
  height: 62px;
  background-size: contain; }

input[type=radio].radio-icons--stars:not(:checked) ~ label,
input[type=radio].radio-icons--stars:checked ~ label {
  width: 100%; }

input[type=radio].radio-icons:checked ~ label:before {
  background-color: #1D979F; }

input[type=radio].radio-stars--1 ~ label:before {
  background-image: url("/img/stars-1-turq.png");
  background-image: url("/img/stars-1-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-stars--1 ~ label:before {
    background-image: url("/img/stars-1-turq.png"); }

input[type=radio].radio-stars--2 ~ label:before {
  background-image: url("/img/stars-2-turq.png");
  background-image: url("/img/stars-2-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-stars--2 ~ label:before {
    background-image: url("/img/stars-2-turq.png"); }

input[type=radio].radio-stars--3 ~ label:before {
  background-image: url("/img/stars-3-turq.png");
  background-image: url("/img/stars-3-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-stars--3 ~ label:before {
    background-image: url("/img/stars-3-turq.png"); }

input[type=radio].radio-stars--4 ~ label:before {
  background-image: url("/img/stars-4-turq.png");
  background-image: url("/img/stars-4-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-stars--4 ~ label:before {
    background-image: url("/img/stars-4-turq.png"); }

input[type=radio].radio-stars:checked ~ label:before {
  background-color: #1D979F; }

input[type=radio]:checked.radio-stars--1 ~ label:before {
  background-image: url("/img/stars-1-white.png");
  background-image: url("/img/stars-1-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-stars--1 ~ label:before {
    background-image: url("/img/stars-1-white.png"); }

input[type=radio]:checked.radio-stars--2 ~ label:before {
  background-image: url("/img/stars-2-white.png");
  background-image: url("/img/stars-2-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-stars--2 ~ label:before {
    background-image: url("/img/stars-2-white.png"); }

input[type=radio]:checked.radio-stars--3 ~ label:before {
  background-image: url("/img/stars-3-white.png");
  background-image: url("/img/stars-3-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-stars--3 ~ label:before {
    background-image: url("/img/stars-3-white.png"); }

input[type=radio]:checked.radio-stars--4 ~ label:before {
  background-image: url("/img/stars-4-white.png");
  background-image: url("/img/stars-4-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-stars--4 ~ label:before {
    background-image: url("/img/stars-4-white.png"); }

@media (min-width: 550px) {
  input[type=radio].radio-icons--stars ~ label:before {
    background-size: 80% auto;
    height: 62px; }
  input[type=radio].radio-icons--stars:not(:checked) ~ label,
  input[type=radio].radio-icons--stars:checked ~ label {
    width: 99px; } }

@media (min-width: 1030px) {
  input[type=radio].radio-icons--stars ~ label:before {
    background-size: 90% auto; }
  input[type=radio].radio-icons--stars:not(:checked) ~ label,
  input[type=radio].radio-icons--stars:checked ~ label {
    width: 129px; } }

@media (min-width: 1240px) {
  input[type=radio].radio-icons--stars ~ label:before {
    background-size: auto; }
  input[type=radio].radio-icons--stars:not(:checked) ~ label,
  input[type=radio].radio-icons--stars:checked ~ label {
    width: 164px; } }

input[type=radio].radio-icons--family ~ label:before {
  width: 100%;
  height: 90px;
  background-size: contain; }

input[type=radio].radio-icons--family:not(:checked) ~ label,
input[type=radio].radio-icons--family:checked ~ label {
  width: 100%; }

input[type=radio].radio-family--justme ~ label:before {
  background-image: url("/img/people-1-turq.png");
  background-image: url("/img/people-1-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-family--justme ~ label:before {
    background-image: url("/img/people-1-turq.png"); }

input[type=radio].radio-family--me-and-my-partner ~ label:before {
  background-image: url("/img/people-2-turq.png");
  background-image: url("/img/people-2-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-family--me-and-my-partner ~ label:before {
    background-image: url("/img/people-2-turq.png"); }

input[type=radio].radio-family--me-and-my-kids ~ label:before {
  background-image: url("/img/people-3-turq.png");
  background-image: url("/img/people-3-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-family--me-and-my-kids ~ label:before {
    background-image: url("/img/people-3-turq.png"); }

input[type=radio].radio-family--me-and-my-partner-and-my-kids ~ label:before {
  background-image: url("/img/people-4-turq.png");
  background-image: url("/img/people-4-turq.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio].radio-family--me-and-my-partner-and-my-kids ~ label:before {
    background-image: url("/img/people-4-turq.png"); }

input[type=radio]:checked.radio-family--justme ~ label:before {
  background-image: url("/img/people-1-white.png");
  background-image: url("/img/people-1-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-family--justme ~ label:before {
    background-image: url("/img/people-1-white.png"); }

input[type=radio]:checked.radio-family--me-and-my-partner ~ label:before {
  background-image: url("/img/people-2-white.png");
  background-image: url("/img/people-2-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-family--me-and-my-partner ~ label:before {
    background-image: url("/img/people-2-white.png"); }

input[type=radio]:checked.radio-family--me-and-my-kids ~ label:before {
  background-image: url("/img/people-3-white.png");
  background-image: url("/img/people-3-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-family--me-and-my-kids ~ label:before {
    background-image: url("/img/people-3-white.png"); }

input[type=radio]:checked.radio-family--me-and-my-partner-and-my-kids ~ label:before {
  background-image: url("/img/people-4-white.png");
  background-image: url("/img/people-4-white.svg"), none;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .no-svg input[type=radio]:checked.radio-family--me-and-my-partner-and-my-kids ~ label:before {
    background-image: url("/img/people-4-white.png"); }

@media (min-width: 550px) {
  input[type=radio].radio-icons--family ~ label:before {
    background-size: 75% auto;
    width: 100px;
    height: 100px; }
  input[type=radio].radio-icons--family:not(:checked) ~ label,
  input[type=radio].radio-icons--family:checked ~ label {
    width: 100px; } }

@media (min-width: 1030px) {
  input[type=radio].radio-icons--family ~ label:before {
    background-size: 75% auto;
    width: 120px;
    height: 120px; }
  input[type=radio].radio-icons--family:not(:checked) ~ label,
  input[type=radio].radio-icons--family:checked ~ label {
    width: 120px;
    background-size: auto; } }

input[type=radio] ~ label > .field-group__itemnote {
  background-color: #e5f6f7;
  padding: 15px 10px 10px;
  color: #1D979F;
  width: 150%;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 11px;
  font-weight: 800;
  font-style: italic;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
  position: relative;
  top: 100%;
  left: 0;
  z-index: 5; }
  input[type=radio] ~ label > .field-group__itemnote:before {
    content: "\0020";
    position: absolute;
    top: -10px;
    left: 0;
    height: 0;
    width: 0;
    border-bottom: 10px solid #e5f6f7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 0;
    margin: 0 20px; }
  .field-group__item:nth-of-type(even) input[type=radio] ~ label > .field-group__itemnote {
    left: -50%; }
    .field-group__item:nth-of-type(even) input[type=radio] ~ label > .field-group__itemnote:before {
      left: auto;
      right: 0; }

input[type=radio]:checked ~ label > .field-group__itemnote {
  display: block;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

@media (min-width: 550px) {
  input[type=radio] ~ label > .field-group__itemnote {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 350px;
    display: block;
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(35px);
        -ms-transform: translateY(35px);
            transform: translateY(35px);
    pointer-events: none;
    transition: all 0.5s ease-out; }
    input[type=radio] ~ label > .field-group__itemnote,
    .field-group__item:nth-of-type(even) input[type=radio] ~ label > .field-group__itemnote {
      left: 50%;
      right: auto;
      margin-left: -175px; }
      input[type=radio] ~ label > .field-group__itemnote:before,
      .field-group__item:nth-of-type(even) input[type=radio] ~ label > .field-group__itemnote:before {
        left: 50%;
        margin-left: -10px; }
    .field-group__item:first-of-type > input[type=radio] ~ label > .field-group__itemnote {
      left: 0;
      margin-left: 0; }
      .field-group__item:first-of-type > input[type=radio] ~ label > .field-group__itemnote:before {
        left: 35px; }
    .field-group__item:last-of-type > input[type=radio] ~ label > .field-group__itemnote {
      left: auto;
      right: 0;
      margin-left: 0; }
      .field-group__item:last-of-type > input[type=radio] ~ label > .field-group__itemnote:before {
        left: auto;
        right: 35px; }
  input[type=radio]:checked ~ label > .field-group__itemnote {
    opacity: 1;
    pointer-events: auto;
    margin-top: 25px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); } }

.progress {
  position: relative;
  height: 80px; }
  .progress + .progress,
  .progress + .progress-active-head {
    margin: 5px 0 0; }
  .progress progress:not(value) {
    background-color: #f7f5ef; }
  .progress progress[value] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    width: 100%;
    height: 80px;
    height: 80px;
    padding: 0;
    color: #efe7e1;
    position: relative; }
  .progress progress::-moz-progress-bar {
    background: #efe7e1;
    transition: all 0.5s ease; }
  .progress progress[value]::-webkit-progress-bar {
    background-color: #f7f5ef;
    transition: all 0.5s ease; }
  .progress progress[value]::-webkit-progress-value {
    position: relative;
    background: #efe7e1;
    background-size: 35px 20px, 100% 100%, 100% 100%;
    transition: all 0.5s ease; }
  .progress progress[value]::-ms-fill {
    border: 0; }

.progress__link {
  display: block;
  border: 0;
  margin: 0; }

.progress__cap {
  position: absolute;
  top: 50%;
  margin: -5px 0 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Mark", serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 5px; }

.progress__cap--option .progress__title--option {
  color: #4e4541;
  font-size: 26px; }

.progress--app.progress--active {
  height: 60px; }
  .progress--app.progress--active progress:not(value) {
    background-color: #f4fafa; }
  .progress--app.progress--active progress[value] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    width: 100%;
    height: 60px;
    height: 60px;
    padding: 0;
    color: #8ecbcf;
    position: relative; }
  .progress--app.progress--active progress::-moz-progress-bar {
    background: #8ecbcf;
    transition: all 0.5s ease; }
  .progress--app.progress--active progress[value]::-webkit-progress-bar {
    background-color: #f4fafa;
    transition: all 0.5s ease; }
  .progress--app.progress--active progress[value]::-webkit-progress-value {
    position: relative;
    background: #8ecbcf;
    background-size: 35px 20px, 100% 100%, 100% 100%;
    transition: all 0.5s ease; }
  .progress--app.progress--active progress[value]::-ms-fill {
    border: 0; }

.progress-active-head {
  font: 600 14px/1.1 "Mark", serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1D979F;
  padding: 15px 10px 11px;
  text-align: center;
  background: #f4fafa;
  border-bottom: 1px dotted #d7bfb5; }

.progress--compact {
  height: 50px; }
  .progress--compact progress:not(value) {
    background-color: #f7f5ef; }
  .progress--compact progress[value] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    width: 100%;
    height: 50px;
    height: 50px;
    padding: 0;
    color: #efe7e1;
    position: relative; }
  .progress--compact progress::-moz-progress-bar {
    background: #efe7e1;
    transition: all 0.5s ease; }
  .progress--compact progress[value]::-webkit-progress-bar {
    background-color: #f7f5ef;
    transition: all 0.5s ease; }
  .progress--compact progress[value]::-webkit-progress-value {
    position: relative;
    background: #efe7e1;
    background-size: 35px 20px, 100% 100%, 100% 100%;
    transition: all 0.5s ease; }
  .progress--compact progress[value]::-ms-fill {
    border: 0; }
  .progress--compact .progress__cap {
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .progress--compact .progress__title {
    text-align: left;
    color: #1D979F;
    font-size: 11px;
    margin-top: -1px; }
  .progress--compact .progress__fraction {
    text-align: right; }

@media (min-width: 760px) {
  .progress-active-head {
    display: block; }
  .progress-active-head__mobile-nav {
    display: none; } }

@media (min-width: 850px) {
  .progress-active-head {
    font-size: 22px;
    padding: 22px 10px 19px; }
  .progress--compact .progress__title {
    font-size: 12px; } }

@media (min-width: 1030px) {
  .progress-active-head {
    font-size: 26px; }
  .progress--compact .progress__cap {
    padding-left: 20px;
    padding-right: 20px; }
  .progress--compact .progress__title {
    font-size: 15px;
    margin-top: -2px; } }

.range-wrap {
  margin-top: 15px;
  background-color: #f7f5ef;
  height: 50px;
  border-radius: 25px;
  padding-top: 23px; }
  .range-wrap.js-input-error {
    box-shadow: 0 0 0 2px #e06256; }

.range-wrap-input {
  position: absolute;
  left: -99999px;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .range-wrap-input.focusable:active, .range-wrap-input.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.noUi-target {
  box-shadow: none;
  margin: 0 45px; }

.noUi-base {
  border: 0;
  border-radius: 5px;
  background: #7c6f6a; }

.noUi-background {
  background-color: transparent; }

.noUi-origin {
  background: #d8d3cc; }

.noUi-horizontal {
  border: 0;
  height: 5px; }
  .noUi-horizontal .noUi-handle {
    width: 22px;
    height: 22px;
    box-shadow: none;
    border: 0;
    background-color: #91837D;
    left: -11px;
    top: -8px;
    border-radius: 11px;
    transition: background-color 0.15s ease; }

.noUi-handle:before,
.noUi-handle:after {
  display: none; }

.noUi-origin:focus,
.noUi-handle:focus,
.noUi-origin.noUi-stacking {
  outline: 0; }

.noUi-origin:focus .noUi-handle,
.noUi-handle.noUi-active {
  background-color: #7c6f6a;
  box-shadow: 0 0 0 2px #dbd6cf; }

.noUi-target[disabled] {
  opacity: .3; }

.range-indicator {
  display: block;
  margin: 20px 0 12px;
  text-align: center;
  font-family: "Mark", serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2; }

.js-input-error-msg-active {
  margin: 20px 0;
  padding: 10px 20px 9px;
  font-family: "Mark", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #e06256;
  border: 2px solid #e06256;
  display: inline-block; }
  .js-input-error-msg-active > :last-child {
    margin-bottom: 0; }

body.modal-open {
  overflow: hidden; }
  @media (min-width: 760px) {
    body.modal-open {
      overflow: auto; } }

.modal-overlay,
.modal-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 700;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.15s linear;
  opacity: 0; }

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

.modal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  overflow: hidden; }
  .modal.in .modal__content {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

.modal__content {
  pointer-events: all;
  position: relative;
  padding-top: 60px;
  height: 100%;
  opacity: 0;
  transition: opacity 0.15s linear, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.15s linear;
  transition: transform 0.3s ease-out, opacity 0.15s linear, -webkit-transform 0.3s ease-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 200px;
          perspective: 200px;
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .modal__content p {
    margin-bottom: 25px; }
    @media (max-height: 850px) and (min-width: 760px) {
      .modal__content p {
        margin-bottom: 10px !important; } }

.modal__header {
  background-color: #faa33b;
  padding: 20px 60px 20px 20px;
  position: relative; }
  @media (min-width: 550px) {
    .modal__header {
      padding: 30px 80px; } }
  @media (max-height: 800px) {
    .modal__header {
      padding: 20px 80px; } }

.modal__title {
  margin: 0;
  color: #ffffff;
  text-align: left;
  font: 800 18px/1.2 "Archer SSm A", "Archer SSm B", serif; }
  @media (max-height: 850px) and (min-width: 760px) {
    .modal__title {
      font-size: 24px !important; } }

.modal__main-content {
  background-color: #ffffff;
  padding: 20px; }
  @media (max-height: 850px) and (min-width: 760px) {
    .modal__main-content {
      padding: 30px !important; } }
  .modal__main-content p.centered {
    text-align: center; }

.modal__subsection {
  text-align: center; }
  @media (min-width: 760px) {
    .modal__subsection {
      margin-top: 60px;
      padding-top: 50px;
      position: relative; }
      .modal__subsection:before {
        z-index: 20;
        display: block;
        content: "\0020";
        height: 1px;
        position: absolute;
        top: 0;
        left: -50px;
        width: 660px;
        border-top: 1px dashed #dedad8; } }
  @media (max-height: 850px) and (min-width: 760px) {
    .modal__subsection {
      margin: 20px 0 0 0;
      padding: 30px 0 0 0; } }

.modal__x {
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: transparent url(/img/modal-x.svg) no-repeat 50% 50%;
  color: #fff;
  display: block;
  background-size: 75% auto; }

@media (min-width: 550px) {
  .modal {
    -webkit-align-items: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center; }
  .modal__content {
    height: auto;
    padding-top: 0;
    width: 520px; }
  .modal__x {
    right: 30px; }
  .modal__title {
    font-size: 24px;
    text-align: center; }
  .modal__main-content {
    padding: 30px;
    overflow-x: hidden; } }

@media (min-width: 760px) {
  .modal__content {
    max-height: 95%;
    width: 640px;
    background-color: transparent; }
  .modal__main-content {
    padding: 40px; }
    .modal__main-content p {
      margin-bottom: 20px; }
      .modal__main-content p:last-child {
        margin-bottom: 0; }
        .modal__main-content p:last-child .btn {
          margin-bottom: 0; }
  .modal__title {
    font-size: 28px; } }

@media (min-width: 850px) {
  .modal__main-content {
    padding: 50px; } }

@media (min-width: 1030px) {
  .modal__x {
    width: 40px;
    height: 40px;
    margin-top: -20px; } }

.create-account__label--language {
  margin-top: 25px; }

.premium-details .modal__subsection {
  margin-top: 0px; }
  .premium-details .modal__subsection:before {
    border-top: none; }

.modal.resend-esign .modal__main-content h4 {
  text-align: center; }

.modal.resend-esign .modal__main-content .fine-print {
  font-size: 12px;
  margin-top: 1em; }

.modal.resend-esign .modal__subsection {
  margin-top: 0px; }
  .modal.resend-esign .modal__subsection:before {
    border-top: none; }

.site-content {
  margin-top: 60px; }
  .site-content.coming-soon-content {
    margin-top: 0 !important; }

.global-header {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.global-header__nav {
  width: 100%;
  position: absolute;
  top: 60px;
  z-index: 101;
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: #1D979F;
  height: calc(100vh - 60px); }
  .js-global-nav-is-open .global-header__nav {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%); }

.global-header__hgroup {
  position: relative;
  z-index: 110;
  padding: 15px;
  height: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1D979F;
  transition: background-color 0.3s linear, -webkit-transform 0.3s ease;
  transition: background-color 0.3s linear, transform 0.3s ease;
  transition: background-color 0.3s linear, transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%; }
  .js-global-nav-is-open .global-header__hgroup {
    background: #00848d; }

.global-header__logo {
  margin: 0; }

.global-header__logo-link {
  color: #ffffff;
  border: 0;
  display: block;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 160px;
  height: 50px;
  background: url(/img/logo-valoralife-temp-white.svg) no-repeat 0 50%;
  background-size: contain;
  text-decoration: none; }

.global-header__section-item--active .global-header__section-link {
  color: rgba(255, 255, 255, 0.7); }

.global-header__nav-trigger {
  margin: 0; }

.global-header__nav-trigger-link {
  width: 50px;
  height: 50px;
  display: block;
  border: 0; }
  .global-header__nav-trigger-link svg {
    display: block; }
  .global-header__nav-trigger-link .bar-group {
    -webkit-transform-origin: 25px 25px;
        -ms-transform-origin: 25px 25px;
            transform-origin: 25px 25px;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .global-header__nav-trigger-link .bar {
    -webkit-transform-origin: 25px 25px;
        -ms-transform-origin: 25px 25px;
            transform-origin: 25px 25px;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s; }
  .js-global-nav-is-open .global-header__nav-trigger-link .bar-group {
    opacity: .7;
    -webkit-transform: translate(0, 3px) scale(0.9) rotate(-90deg);
        -ms-transform: translate(0, 3px) scale(0.9) rotate(-90deg);
            transform: translate(0, 3px) scale(0.9) rotate(-90deg); }
  .js-global-nav-is-open .global-header__nav-trigger-link .bar1 {
    -webkit-transform: translate(-3px, 5.5px) rotate(45deg);
        -ms-transform: translate(-3px, 5.5px) rotate(45deg);
            transform: translate(-3px, 5.5px) rotate(45deg); }
  .js-global-nav-is-open .global-header__nav-trigger-link .bar2 {
    opacity: 0; }
  .js-global-nav-is-open .global-header__nav-trigger-link .bar3 {
    -webkit-transform: translate(-3.5px, -5.5px) rotate(-45deg);
        -ms-transform: translate(-3.5px, -5.5px) rotate(-45deg);
            transform: translate(-3.5px, -5.5px) rotate(-45deg); }

.global-header__section-list {
  list-style: none;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  overflow-y: scroll;
  height: calc(100vh - 180px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media (min-height: 480px) {
    .global-header__section-list {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.global-header__section-item {
  width: 100%;
  min-height: 40px; }

.global-header__section-link {
  border: 0;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font: 600 13px/1.5 "Mark", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff; }

.global-header__controls-list {
  list-style: none;
  margin: 0;
  padding: 10px 15px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.global-header__control-item {
  padding-top: 1px; }

.global-header__control-link {
  font: 600 12px/1.5 "Mark", serif;
  color: #ffffff;
  border: 0;
  display: inline-block;
  padding: 0;
  letter-spacing: .7px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 235px; }
  .global-header__control-item--account-trigger .global-header__control-link {
    background: url(/img/icon-person.svg) no-repeat 0 1px;
    background-size: 15px auto;
    padding-left: 25px; }
  .global-header__control-item--language-toggle .global-header__control-link {
    background: url(/img/icon-language-bubble.svg) no-repeat 0 2px;
    padding-left: 29px;
    background-size: 19px auto; }
  .global-header__control-link:hover {
    text-decoration: underline; }

@media (min-width: 374px) {
  .global-header__section-link {
    padding-top: 16px;
    padding-bottom: 16px; } }

@media (min-width: 550px) {
  .global-header__section-link {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 760px) {
  .site-content {
    margin-top: 80px; }
  .global-header {
    height: 80px;
    background-color: #1D979F; }
    .js-global-header-is-compact .global-header {
      -webkit-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
              transform: translateY(-20px); }
      .js-global-header-is-compact .global-header .global-header__controls-list {
        opacity: 0;
        -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
                transform: translateY(-10px); }
      .js-global-header-is-compact .global-header .global-header__hgroup {
        -webkit-transform: translateY(2px);
            -ms-transform: translateY(2px);
                transform: translateY(2px); }
      .js-global-header-is-compact .global-header .global-header__section-list {
        -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
                transform: translateY(-2px); }
  .global-header__content,
  .global-header__hgroup,
  .global-header__nav,
  .global-header__section-list {
    min-height: 0;
    height: auto;
    overflow-y: visible; }
  .global-header__logo-link {
    width: 140px;
    height: 37px; }
  .js-global-nav-is-open .global-header__hgroup,
  .global-header__hgroup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 0 0;
    background: transparent; }
  .global-header__content {
    margin: 0 auto;
    max-width: 1450px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 0;
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; } }
  @media (min-width: 760px) and (min-width: 550px) {
    .global-header__content {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) and (min-width: 760px) {
    .global-header__content {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 760px) and (min-width: 850px) {
    .global-header__content {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 760px) and (min-width: 1030px) {
    .global-header__content {
      padding-left: 80px;
      padding-right: 80px; } }

@media (min-width: 760px) {
  .global-header__nav {
    height: auto;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    position: static  !important;
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
    opacity: 1  !important; }
  .global-header__nav-trigger {
    display: none; }
  .global-header__controls-list {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
                -ms-grid-row-align: flex-end;
            align-items: flex-end; }
  .global-header__control-item {
    margin-left: 20px;
    min-height: 0; }
  .global-header__control-link {
    color: rgba(255, 255, 255, 0.9);
    max-width: 280px; }
  .global-header__control-item--account-trigger {
    position: relative; }
    .global-header__control-item--account-trigger:after {
      position: absolute;
      top: 5px;
      right: -16px;
      content: "\0020";
      content: none;
      display: block;
      height: 12px;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.3); }
  .global-header__control-item--language-toggle .global-header__control-link {
    padding-right: 32px;
    padding-left: 0;
    background-position: right 3px; }
  .global-header__section-item--quote {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .global-header__control-link {
    font-weight: 500;
    font-size: 12px; }
  .global-header__section-list {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    border: 0;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
                -ms-grid-row-align: flex-end;
            align-items: flex-end; }
  .global-header__section-item {
    margin-left: 15px;
    position: relative;
    width: auto;
    min-height: 0; }
    .global-header__section-item:before {
      content: '•';
      font: 700 11px/1.5 "Mark", serif;
      display: block;
      position: absolute;
      left: -11px;
      top: 4px;
      color: #ffffff;
      opacity: .5; }
    .global-header__section-item.global-header__section-item--help {
      display: none; }
    .global-header__section-item--difference {
      margin-left: 0; }
    .global-header__section-item--difference:before {
      display: none; }
  .global-header__section-link {
    padding: 5px 0;
    font-size: 10px;
    position: relative; }
    .no-touch .global-header__section-link:after {
      content: "\0020";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 2px;
      background-color: rgba(255, 255, 255, 0);
      transition: all 0.15s ease-out; }
    .no-touch .global-header__section-link:hover:after {
      width: 100%;
      background-color: white; }
  .global-header__controls-list {
    position: absolute;
    top: -35px;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    height: 30px;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .global-header__control-link {
    margin-left: 12px; } }

@media (min-width: 850px) {
  .site-content {
    margin-top: 100px; }
  .global-header {
    height: 100px; }
    .js-global-header-is-compact .global-header {
      -webkit-transform: translateY(-40px);
          -ms-transform: translateY(-40px);
              transform: translateY(-40px); }
      .js-global-header-is-compact .global-header .global-header__hgroup {
        -webkit-transform: translateY(5px) scale(0.8);
            -ms-transform: translateY(5px) scale(0.8);
                transform: translateY(5px) scale(0.8); }
      .js-global-header-is-compact .global-header .global-header__section-list {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
  .global-header__logo-link {
    width: 160px;
    height: 50px; }
  .global-header__nav {
    padding-top: 16px;
    padding-bottom: 6px; }
  .global-header__hgroup {
    padding-top: 10px; }
  .global-header__controls-list {
    top: -25px; }
  .global-header__section-item {
    font-size: 13px; }
  .global-header__section-link {
    font-size: 11px; } }

@media (min-width: 1030px) and (max-height: 850px) {
  .global-header {
    height: 100px !important; }
    .js-global-header-is-compact .global-header {
      -webkit-transform: translateY(-40px) !important;
          -ms-transform: translateY(-40px) !important;
              transform: translateY(-40px) !important; }
      .js-global-header-is-compact .global-header .global-header__hgroup {
        -webkit-transform: scale(0.8) translateY(12px) !important;
            -ms-transform: scale(0.8) translateY(12px) !important;
                transform: scale(0.8) translateY(12px) !important; }
      .js-global-header-is-compact .global-header .global-header__section-list {
        -webkit-transform: translateY(4px) !important;
            -ms-transform: translateY(4px) !important;
                transform: translateY(4px) !important; }
  body .site-content {
    margin-top: 100px; }
  body .global-header__hgroup {
    padding-top: 0;
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px); }
  body .global-header__logo-link {
    width: 210px;
    height: 60px; }
  body .global-header__content {
    padding-top: 15px;
    padding-bottom: 0; }
  body .global-header__nav {
    padding-top: 30px;
    padding-bottom: 0; }
  body .global-header__section-item {
    margin-left: 19px; }
  body .global-header__section-item:before {
    top: 11px;
    left: -13px; }
  body .global-header__controls-list {
    top: -3px; }
  body .global-header__section-item--quote:before {
    display: block; }
  body .global-header__section-link {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 9px; }
  body .global-header__section-link--quote {
    border: 0;
    transition: all 0.15s linear;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
    padding-top: 11px;
    padding-bottom: 9px; }
    body .global-header__section-link--quote:hover {
      color: #FFF !important;
      background: 0; }
    .global-header__section-item--active body .global-header__section-link--quote {
      color: rgba(255, 255, 255, 0.7);
      border-color: rgba(255, 255, 255, 0.7); } }

@media (min-width: 1030px) {
  .js-global-header-is-compact .global-header .global-header__hgroup {
    -webkit-transform: translateY(12px) scale(0.8);
        -ms-transform: translateY(12px) scale(0.8);
            transform: translateY(12px) scale(0.8); }
  .js-global-header-is-compact .global-header .global-header__section-list {
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px); }
  .global-header__hgroup {
    padding-top: 0;
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px); }
  .global-header__logo-link {
    width: 210px;
    height: 60px; }
  .global-header__content {
    padding-top: 15px;
    padding-bottom: 0; }
  .global-header__nav {
    padding-top: 30px;
    padding-bottom: 0; }
  .global-header__section-item {
    margin-left: 19px; }
  .global-header__section-item:before {
    top: 11px;
    left: -13px; }
  .global-header__controls-list {
    top: -3px; }
  .global-header__section-item--quote:before {
    display: none; }
  .global-header__section-link {
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 9px; }
  .global-header__section-link--quote {
    border: 2px solid #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    transition: all 0.15s linear;
    color: #fff; }
    .global-header__section-link--quote:hover {
      color: #1D979F !important;
      background-color: #ffffff; }
    .global-header__section-item--active .global-header__section-link--quote {
      color: rgba(255, 255, 255, 0.7);
      border-color: rgba(255, 255, 255, 0.7); } }

@media (min-width: 1240px) {
  .site-content {
    margin-top: 140px; }
  .js-global-header-is-compact .global-header {
    -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
            transform: translateY(-80px); }
    .js-global-header-is-compact .global-header .global-header__hgroup {
      -webkit-transform: scale(0.7) translateY(55px);
          -ms-transform: scale(0.7) translateY(55px);
              transform: scale(0.7) translateY(55px); }
    .js-global-header-is-compact .global-header .global-header__section-list {
      -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
              transform: translateY(20px); }
  .global-header {
    height: 140px; }
  .global-header__hgroup {
    -webkit-transform: translateY(7px);
        -ms-transform: translateY(7px);
            transform: translateY(7px); }
  .global-header__content {
    padding-top: 30px;
    padding-bottom: 20px; }
  .global-header__logo-link {
    width: 290px;
    height: 80px; }
  .global-header__nav {
    padding-top: 20px; }
  .global-header__controls-list {
    top: -35px; }
  .global-header__control-link {
    font-size: 13px; }
  .global-header__section-link {
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 8px; }
  .global-header__section-item {
    margin-left: 25px; }
    .global-header__section-item:before {
      top: 10px;
      left: -17px; }
  .global-header__section-link--quote {
    padding-left: 22px;
    padding-right: 22px; } }

.global-footer {
  position: relative;
  z-index: 60;
  color: #ffffff;
  background-color: #1D979F; }

.global-footer__part1,
.global-footer__part2 {
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 auto;
  max-width: 1450px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 550px) {
    .global-footer__part1,
    .global-footer__part2 {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .global-footer__part1,
    .global-footer__part2 {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .global-footer__part1,
    .global-footer__part2 {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .global-footer__part1,
    .global-footer__part2 {
      padding-left: 80px;
      padding-right: 80px; } }

.global-footer__part2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.global-footer__part1-wrap {
  border-bottom: 1px dashed #ffffff; }

.global-footer__social-list,
.global-footer__help-list,
.global-footer__text-link-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.global-footer__text-link-list {
  width: 100%; }

.global-footer__disclosure {
  clear: both;
  font: 400 13px/1.625 "Mark", serif;
  padding-top: 40px;
  color: #d2eaec; }

.page--quote .global-footer__part2:after,
.page--app-create-account .global-footer__part2:after,
.page--application .global-footer__part2:after {
  content: "\0020";
  display: block;
  padding-bottom: 120px; }

@media (min-width: 760px) {
  .page--app-create-account .global-footer__part2:after,
  .page--application .global-footer__part2:after {
    padding-bottom: 0; } }

@media (min-width: 850px) {
  .page--app-create-account .page--quote,
  .page--app-create-account .page--app-create-account,
  .page--app-create-account .page--application,
  .page--application .page--quote,
  .page--application .page--app-create-account,
  .page--application .page--application {
    padding-bottom: 0; } }

.global-footer__mm {
  margin: 0 0 20px; }

.global-footer__mm-link {
  font: 500 13px/1 "Mark", serif;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #ffffff;
  border: 0;
  padding: 20px 0 20px 45px;
  background: url(/img/logo-glyph.svg) no-repeat 0 50%;
  background-size: 30px auto; }

.global-footer__help-item {
  font: 18px/1.5 "Mark", serif;
  display: inline-block;
  margin: 0 25px 20px 0; }

.global-footer__help-link {
  border: 0;
  margin-bottom: 0; }
  .global-footer__help-link--phone {
    transition: color 0.15s linear; }
    .global-footer__help-link--phone:hover {
      color: rgba(255, 255, 255, 0.7); }
  .global-footer__help-link--phone-span {
    display: block; }
  .global-footer__help-link--chat {
    margin-right: 0;
    border: 2px solid #ffffff; }

.global-footer__text-link {
  border: 0;
  font: 300 16px/1.5 "Mark", serif;
  transition: color 0.15s linear;
  color: rgba(255, 255, 255, 0.8); }
  .global-footer__text-link:hover {
    color: #ffffff; }

.global-footer__social-list {
  line-height: 18px;
  margin-top: 15px; }

.global-footer__social-item {
  display: inline-block;
  margin: 0 10px 0 0; }

.global-footer__social-link {
  display: block;
  border: 0;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto;
  transition: opacity 0.15s linear; }
  .global-footer__social-link:hover {
    opacity: .8; }
  .global-footer__social-link--facebook {
    background-image: url(/img/footer-social-icon-facebook.svg); }
  .global-footer__social-link--twitter {
    background-image: url(/img/footer-social-icon-twitter.svg); }
  .global-footer__social-link--instagram {
    background-image: url(/img/footer-social-icon-instagram.svg); }

@media (min-width: 374px) {
  .global-footer__help-link--phone-span {
    display: inline-block; } }

@media (min-width: 550px) {
  .global-footer__text-link-item {
    display: inline-block; }
  .global-footer__text-link {
    margin-right: 20px;
    padding-right: 20px;
    position: relative; }
    .global-footer__text-link:after {
      content: "\0020";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 14px;
      background-color: rgba(255, 255, 255, 0.3); }
    .global-footer__text-link--help-email:after {
      display: none; } }

@media (max-width: 850px) and (min-width: 550px) {
  .global-footer__help-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .global-footer__help-item--chat {
    margin-left: auto; } }

@media (min-width: 760px) {
  .global-footer__text-link-list {
    width: 75%; }
  .global-footer__social-list {
    margin-top: 0; } }

@media (min-width: 850px) {
  .global-footer__part1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .global-footer__mm {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-bottom: 0;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px); }
  .global-footer__help-list {
    text-align: right; }
  .global-footer__help-item {
    margin: 0 0 0 15px; }
    .global-footer__help-item--phone {
      margin-left: 0; }
  .global-footer__social-list {
    width: 25%;
    padding: 0;
    text-align: right;
    margin: 0; } }

@media (min-width: 1030px) {
  .global-footer__mm-link {
    font-size: 18px; }
  .global-footer__help-item {
    margin-left: 25px;
    font-size: 21px; } }

.faq-mod {
  background-color: #f7f5ef;
  margin: 0;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .faq-mod {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .faq-mod {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .faq-mod {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .faq-mod {
      padding: 80px; } }
  .difference-content .faq-mod {
    position: relative;
    z-index: 60; }

.faq-mod__question-list-wrap {
  margin: 0 auto;
  max-width: 1450px; }

.faq-mod__header {
  margin: 0 0 80px; }

.faq-mod__title {
  margin: 0;
  text-align: center;
  color: #1D979F;
  font: 800 18px/1.5 "Archer SSm A", "Archer SSm B", serif; }
  .faq-mod__title:after {
    width: 30px;
    height: 4px;
    opacity: .5;
    margin: 20px auto;
    content: "\0020";
    display: block;
    background-color: #91837d; }

.faq-mod__subtitle {
  text-align: center;
  font: italic 700 18px/1.2 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541; }

.faq-mod__question-list {
  padding: 0;
  margin: 0 auto;
  display: block;
  text-align: center; }

.faq-mod__question-item {
  list-style: none;
  position: relative;
  margin: 20px auto 40px; }
  .faq-mod__question-item a {
    border: 0;
    text-decoration: none;
    display: block; }
    .faq-mod__question-item a:after {
      content: "";
      display: table;
      clear: both; }
    .faq-mod__question-item a:hover .faq-mod__portrait {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }

.faq-mod__portrait {
  display: block;
  width: 50%;
  margin: 0 auto 15px;
  max-width: 150px;
  border-radius: 50%;
  transition: all 0.3s ease; }

.faq-mod__question-details {
  padding: 0;
  margin: 0 auto;
  width: 70%;
  text-align: center; }

.faq-mod__question-name {
  padding: 0;
  margin: 0;
  font: italic 700 15px/1.5 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541;
  transition: color 0.15s linear; }

.faq-mod__question-source {
  padding: 0;
  margin: 0;
  font: 500 13px/1.5 "Mark", serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #e06256; }

.faq-mod__more {
  margin-top: 80px;
  text-align: center; }

@media (min-width: 760px) {
  .faq-mod__title {
    font-size: 28px; }
  .faq-mod__question-list {
    margin-left: -50px; }
    .faq-mod__question-list:after {
      content: "";
      display: table;
      clear: both; }
    .faq-mod__question-list > *:nth-child(1) {
      float: left;
      padding-left: 50px;
      width: 33%; }
    .faq-mod__question-list > *:nth-child(2) {
      float: left;
      padding-left: 50px;
      width: 33%; }
    .faq-mod__question-list > *:nth-child(3) {
      float: left;
      padding-left: 50px;
      width: 33%; }
    .faq-mod__question-list > *:nth-child(1n) {
      clear: none; }
    .faq-mod__question-list > *:nth-child(3n + 1) {
      clear: both; }
  .faq-mod__question-details {
    width: auto; }
  .faq-mod__question-item {
    margin: 0 auto; } }

@media (min-width: 1030px) {
  .faq-mod__question-details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    float: right;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 65%;
    margin: 0 0 25px; }
  .faq-mod__portrait {
    float: left;
    width: 35%;
    margin: 0; }
  .faq-mod__question-details {
    padding-left: 20px;
    min-height: 120px;
    text-align: left; }
  .faq-mod__question-details--wide {
    width: 90%; } }

@media (min-width: 1240px) {
  .faq-mod__question-details {
    margin-top: 10px;
    padding-left: 30px; }
  .faq-mod__question-name {
    font-size: 17px; }
  .faq-mod__question-source {
    font-size: 14px; } }

@media (min-width: 760px) {
  .app-component--custom-surgery .field-group-item {
    width: 50%; }
  .app-component--custom-surgery .field-group__item--custom-surgery--date,
  .app-component--custom-surgery .field-group__item--custom-surgery--city {
    width: 28%; }
  .app-component--custom-surgery .field-group__item--custom-surgery--state {
    width: 43%; } }

.app-component--custom-phone-number .field-group__item {
  width: 100%; }
  .app-component--custom-phone-number .field-group__item .twitter-typeahead {
    width: 100%; }

.app-component--custom-phone-number .field-group.full-width .text-autocomplete {
  width: 1000px; }

.app-component--custom-phone-number .field-group.full-width .text-no-label {
  width: 1000px; }

.app-component--custom-phone-number .custom-phone-number--phone-number {
  width: 100%; }
  .app-component--custom-phone-number .custom-phone-number--phone-number input {
    width: 100%; }

@media (min-width: 760px) {
  .app-component--custom-name-long .field-group__item {
    width: 33%; } }

.app-component--custom-height .custom-height--inches--span {
  display: block;
  margin-bottom: 22px;
  text-align: center;
  width: 100%;
  font: 600 18px/1 "Mark", serif; }

@media (min-width: 760px) {
  .app-component--custom-height .custom-height--inches--span {
    padding-top: 19px;
    width: 45px;
    padding-right: 12px; }
  .app-component--custom-height .field-group__item {
    width: 30%; } }

@media (min-width: 760px) {
  .app-component--custom-driver-license .custom-driver-license--number {
    width: 100%; } }

@media (min-width: 760px) {
  .app-component--custom-diagnosis--long .field-group__item {
    width: 50%; }
  .app-component--custom-diagnosis--long .field-group__item--custom-diagnosis-long-date,
  .app-component--custom-diagnosis--long .field-group__item--custom-diagnosis-long-city {
    width: 35%; }
  .app-component--custom-diagnosis--long .field-group__item--custom-diagnosis-long-state {
    width: 30%; } }

@media (min-width: 1030px) {
  .app-component--custom-diagnosis--long .field-group__item--custom-diagnosis-long-date,
  .app-component--custom-diagnosis--long .field-group__item--custom-diagnosis-long-city {
    width: 28%; }
  .app-component--custom-diagnosis--long .field-group__item--custom-diagnosis-long-state {
    width: 43%; } }

@media (min-width: 760px) {
  .app-component--custom-address--long .field-group__item {
    width: 100%; }
    .app-component--custom-address--long .field-group__item .twitter-typeahead {
      width: 100%; }
  .app-component--custom-address--long .field-group.full-width .text-autocomplete {
    width: 1000px; }
  .app-component--custom-address--long .field-group.full-width .text-no-label {
    width: 1000px; }
  .app-component--custom-address--long .field-group__item--custom-address-long-zip,
  .app-component--custom-address--long .field-group__item--custom-address-long-city {
    width: 28%; }
  .app-component--custom-address--long .field-group__item--custom-address-long-state {
    width: 43%; } }

.app-component--custom-beneficiary {
  max-width: 750px; }
  .app-component--custom-beneficiary .field-group-wrap {
    margin-bottom: 30px; }
  .app-component--custom-beneficiary .reflexive-item {
    margin-left: 0; }
  @media (min-width: 760px) {
    .app-component--custom-beneficiary .field-group__item--custom-beneficiary-address-long-line1,
    .app-component--custom-beneficiary .field-group__item--custom-beneficiary-address-long-line2,
    .app-component--custom-beneficiary .field-group__item--custom-beneficiary-phone-number-phone-number {
      width: 100%; } }

.iterate-element-bar {
  position: relative;
  border-top: 2px solid #f7f5ef;
  padding: 10px 0;
  font-family: "Mark", serif;
  font-weight: 500;
  font-size: 16px; }
  .iterate-element-bar .beneficiary-toggle {
    display: inline-block;
    width: 40%;
    border: none;
    opacity: 1; }
    .iterate-element-bar .beneficiary-toggle:first-child {
      padding-left: 25px; }
  .iterate-element-bar .beneficiary-name {
    width: 100%; }
  .iterate-element-bar .beneficiary-ratio {
    display: inline-block;
    width: 28%; }
  .iterate-element-bar .button-iterate-remove {
    display: inline-block;
    width: 30%; }

.glyphicon-chevron-up {
  background-image: url("/img/arrow-simple-up-teal.png");
  background-image: url("/img/arrow-simple-up-teal.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 16px;
  left: 0;
  width: 18px;
  height: 18px; }
  .no-svg .glyphicon-chevron-up {
    background-image: url("/img/arrow-simple-up-teal.png"); }

.glyphicon-chevron-down {
  background-image: url("/img/arrow-simple-down-teal.png");
  background-image: url("/img/arrow-simple-down-teal.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 16px;
  left: 0;
  width: 18px;
  height: 18px; }
  .no-svg .glyphicon-chevron-down {
    background-image: url("/img/arrow-simple-down-teal.png"); }

@media (min-width: 760px) {
  .app-component--custom-bank-account .field-group__item--custom-bank-account-bank-name {
    width: 100%; }
  .app-component--custom-bank-account .field-group__item--custom-bank-account-bank-account-number,
  .app-component--custom-bank-account .field-group__item--custom-bank-account-bank-routing-number {
    width: 45%; }
  .app-component--custom-bank-account .field-group__item--custom-bank-account-bank-help {
    min-width: 90px;
    width: 10%;
    padding-top: 30px; }
    .app-component--custom-bank-account .field-group__item--custom-bank-account-bank-help .helper {
      margin-right: 0;
      display: block; } }

.demo-button-iterate--list {
  margin: 0;
  padding: 0; }

.demo-button-iterate--list-item {
  list-style: none; }
  .demo-button-iterate--list-item .field-group__item {
    vertical-align: middle; }

.helper {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  bottom: 5px;
  cursor: default; }
  .helper:hover {
    cursor: pointer; }
    .helper:hover .helper__word {
      color: #00848d; }
    .helper:hover .helper__icon {
      background-color: #00848d; }
    .helper:hover .helper__content {
      opacity: 1;
      -webkit-transform: translateY(-20px);
          -ms-transform: translateY(-20px);
              transform: translateY(-20px);
      pointer-events: auto; }

.helper__icon {
  background: #1D979F;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 1.8;
  padding-top: 5px;
  margin-right: 6px;
  text-align: center;
  color: #ffffff;
  font: 800 13px/1 "Archer SSm A", "Archer SSm B", serif;
  transition: all 0.15s ease; }

.helper__word {
  display: inline-block;
  color: #1D979F;
  font: 500 16px/1.5 "Mark", serif;
  text-align: left;
  transition: color 0.3s; }

.helper__content {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition: all 0.3s ease-out;
  z-index: 10;
  background: #f4f1e8;
  color: #4e4541;
  padding: 20px;
  position: absolute;
  left: -13px;
  bottom: 20px;
  font: 500 13px/1.375 "Mark", serif;
  width: 240px; }
  .helper__content p {
    margin: 0; }
  .helper__content img {
    display: block; }
    .helper__content img + p {
      margin-top: 15px; }
  .helper__content:after {
    content: "\0020";
    display: block;
    position: absolute;
    bottom: -9px;
    left: 0;
    margin-left: 15px;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f4f1e8; }

@media (min-width: 760px) {
  .app-component--percentage .field-group__item--question {
    padding-top: 11px;
    width: auto; }
  .app-component--percentage .field-group__item--text-percent {
    margin-left: 20px;
    width: 100px; }
  .app-component--percentage input {
    width: 100%; } }

.projector-overlay {
  pointer-events: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none; }
  .projector-overlay.is-active {
    display: block; }
  .video--marker-player .projector-overlay {
    padding-top: 10%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }

.projector-textbox {
  background-color: transparent; }

.projector-textbox a {
  font-family: serif;
  color: black; }

.overlay--home,
.overlay--home-2,
.overlay--learn-options,
.overlay--learn-apply,
.overlay--learn-current {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.overlay__link {
  position: relative;
  height: 100%;
  width: 100%; }

.overlay__btn--transparent {
  width: 100%;
  height: 100%;
  background: transparent;
  position: relative; }

.video-text__container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
  max-height: 100vh; }

.video-text {
  pointer-events: none;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .video-text--about {
    padding-left: 5%;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .video-text--coverage {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5%;
    padding-left: 0; }
    @media (min-width: 850px) {
      .video-text--coverage {
        padding-right: 5%;
        padding-left: 0; } }
  .video-text--options {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5%;
    padding-left: 0; }
    @media (min-width: 850px) {
      .video-text--options {
        padding-right: 5%;
        padding-left: 0; } }
  .video-text--apply {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5%;
    padding-left: 0; }
    @media (min-width: 850px) {
      .video-text--apply {
        padding-right: 5%;
        padding-left: 0; } }
  .video-text--current {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5%;
    padding-left: 0; }
    @media (min-width: 850px) {
      .video-text--current {
        padding-right: 5%;
        padding-left: 0; } }
  .video-text--home {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 5%; }

.lettering-animation {
  position: relative; }

.lettering-animation--home {
  width: 35%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px; }
  .spanish-is-active .lettering-animation--home {
    display: none; }
  @media (min-width: 760px) {
    .lettering-animation--home {
      padding-bottom: 0; } }

.lettering-animation--home--es {
  width: 45%;
  display: none;
  padding-bottom: 100px; }
  .spanish-is-active .lettering-animation--home--es {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  @media (min-width: 760px) {
    .lettering-animation--home--es {
      padding-bottom: 0; } }

.lettering-animation__svg,
.lettering-animation__svg--es {
  width: 100%; }
  .lettering-animation__svg path,
  .lettering-animation__svg--es path {
    opacity: 0; }

.lettering-animation__svg {
  padding: 10% 0 20%; }

.lettering-animation__svg--es {
  padding: 20% 0; }

.val-logo {
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 40%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }
  .val-logo--home {
    padding-top: 64%;
    background-position: 50% 30%; }
    @media (min-width: 850px) {
      .val-logo--home {
        background-position: 50% 50%; } }
  @media (min-width: 850px) {
    .val-logo {
      display: block;
      text-align: left;
      color: transparent;
      font-size: 0;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 35%;
      height: auto; } }
  .val-logo--about {
    background-image: url(/img/learn-1-about-lettering.svg); }
    .spanish-is-active .val-logo--about {
      background-image: url(/img/learn-1-about-lettering-es.svg); }
  .val-logo--coverage {
    background-image: url(/img/learn-2-coverage-lettering.svg); }
    .spanish-is-active .val-logo--coverage {
      background-image: url(/img/learn-2-coverage-lettering-es.svg); }
  .val-logo--options {
    background-image: url(/img/learn-3-options-lettering.svg); }
    .spanish-is-active .val-logo--options {
      background-image: url(/img/learn-3-options-lettering-es.svg); }
  .val-logo--apply {
    background-image: url(/img/learn-4-apply-lettering.svg); }
    .spanish-is-active .val-logo--apply {
      background-image: url(/img/learn-4-apply-lettering-es.svg); }
  .val-logo--current {
    background-image: url(/img/learn-5-current-lettering.svg); }
    .spanish-is-active .val-logo--current {
      background-image: url(/img/learn-5-current-lettering-es.svg); }

/*
  Player Skin Designer for Video.js
  http://videojs.com

  To customize the player skin edit
  the CSS below. Click "details"
  below to add comments or questions.
  This file uses some SCSS. Learn more
  at http://sass-lang.com/guide)

  This designer can be linked to at:
  http://codepen.io/heff/pen/EarCt/left/?editors=010
*/
.video-js {
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;
  overflow: hidden;
  /* The main font color changes the ICON COLORS as well as the text */
  color: #fff;
  background-color: #1D979F;
  width: 100% !important;
  height: auto !important; }

/* The "Big Play Button" is the play button that shows before the video plays.
   To center it set the align values to center and middle. The typical location
   of the button is the center, but there is trend towards moving it to a corner
   where it gets out of the way of valuable content in the poster image.*/
.vjs-default-skin .vjs-big-play-button {
  /* The font size is what makes the big play button...big.
     All width/height values use ems, which are a multiple of the font size.
     If the .video-js font-size is 10px, then 3em equals 30px.*/
  font-size: 3em;
  /* We're using SCSS vars here because the values are used in multiple places.
     Now that font size is set, the following em values will be a multiple of the
     new font size. If the font-size is 3em (30px), then setting any of
     the following values to 3em would equal 30px. 3 * font-size. */
  /* 1.5em = 45px default */
  line-height: 45px;
  height: 45px;
  width: 45px;
  /* 0.06666em = 2px default */
  border: 0;
  /* 0.3em = 9px default */
  border-radius: 100%;
  background-color: #E06256;
  /* Align center */
  left: 50%;
  top: 50%;
  margin-left: -22.5px;
  margin-top: -22.5px; }
  @media (min-width: 850px) {
    .vjs-default-skin .vjs-big-play-button {
      font-size: 3em;
      line-height: 55px;
      height: 55px;
      width: 55px;
      border: 0;
      border-radius: 100%;
      background-color: #E06256;
      /* Align center */
      left: 50%;
      top: 50%;
      margin-left: -27.5px;
      margin-top: -27.5px; } }

.video-js:hover .vjs-big-play-button {
  background-color: #E06256; }

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.video-js .vjs-control-bar,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #000000;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: rgba(0, 0, 0, 0.5); }

/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
  background-color: #ababab;
  background-color: #ababab; }

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff; }

/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#ababab, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(171, 171, 171, 0.5); }

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#ababab, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(171, 171, 171, 0.75); }

.video-js .vjs-tech {
  height: 102%; }

.video--single-player .video-js .vjs-control-bar {
  height: 60px;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
  @media (min-width: 760px) {
    .video--single-player .video-js .vjs-control-bar {
      height: 80px; } }
  @media (min-width: 850px) {
    .video--single-player .video-js .vjs-control-bar {
      height: 100px; } }

.video--marker-player .video-js .vjs-control-bar {
  height: 80px; }
  @media (min-width: 760px) {
    .video--marker-player .video-js .vjs-control-bar {
      height: 120px;
      padding-top: 40px; } }
  @media (min-width: 850px) {
    .video--marker-player .video-js .vjs-control-bar {
      height: 140px;
      padding-top: 40px; } }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  bottom: -20em;
  transition: all 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035); }

.video-js .vjs-play-control,
.video-js .vjs-time-control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.video-js .vjs-play-control {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  width: 70px; }

.video-js .vjs-time-control {
  font-family: "Mark", serif;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.video-js .vjs-progress-control {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.video-js .vjs-volume-menu-button {
  width: 70px;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.video-js .vjs-fullscreen-control {
  width: 70px;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }
  .video-js .vjs-fullscreen-control:before {
    transition: all 0.2s ease-in-out; }

.vjs-icon-fullscreen-enter:hover:before,
.vjs-icon-fullscreen-exit:hover:before,
.video-js .vjs-fullscreen-control:hover:before {
  opacity: 1 !important; }

.video-js .vjs-play-progress:before {
  display: none; }

.video-js .vjs-progress-holder,
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  height: 6px; }

.video-js .vjs-current-time,
.video-js .vjs-duration {
  width: 30px; }

.video-js .vjs-duration {
  margin-right: 20px; }

.vjs-volume-menu-button {
  width: 70px; }

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  content: "";
  max-width: 40%;
  margin-left: 40%; }

.vjs-icon-play:before,
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before,
.video-js .vjs-play-control:before {
  content: "";
  max-width: 30%;
  margin-left: 40%; }

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
  content: "";
  max-width: 35%;
  margin-left: 15%; }

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "";
  max-width: 30%;
  margin-left: 20%; }

.vjs-paused:before {
  background-image: url("/img/video-play-icon.png");
  background-image: url("/img/video-play-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%; }
  .no-svg .vjs-paused:before {
    background-image: url("/img/video-play-icon.png"); }

.vjs-playing:before {
  background-image: url("/img/video-pause-icon.png");
  background-image: url("/img/video-pause-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%; }
  .no-svg .vjs-playing:before {
    background-image: url("/img/video-pause-icon.png"); }

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
  background-image: url("/img/video-volume-icon.png");
  background-image: url("/img/video-volume-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0.5;
  transition: all 0.2s ease-in-out; }
  .no-svg .vjs-icon-volume-high:before, .no-svg
  .video-js .vjs-mute-control:before, .no-svg
  .video-js .vjs-volume-menu-button:before {
    background-image: url("/img/video-volume-icon.png"); }

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
  background-image: url("/img/video-volume-icon.png");
  background-image: url("/img/video-volume-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0.5; }
  .no-svg .vjs-icon-volume-mid:before, .no-svg
  .video-js .vjs-mute-control.vjs-vol-2:before, .no-svg
  .video-js .vjs-volume-menu-button.vjs-vol-2:before {
    background-image: url("/img/video-volume-icon.png"); }

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
  background-image: url("/img/video-volume-icon.png");
  background-image: url("/img/video-volume-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0.5; }
  .no-svg .vjs-icon-volume-low:before, .no-svg
  .video-js .vjs-mute-control.vjs-vol-1:before, .no-svg
  .video-js .vjs-volume-menu-button.vjs-vol-1:before {
    background-image: url("/img/video-volume-icon.png"); }

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
  background-image: url("/img/video-volume-mute-icon.png");
  background-image: url("/img/video-volume-mute-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0.5; }
  .no-svg .vjs-icon-volume-mute:before, .no-svg
  .video-js .vjs-mute-control.vjs-vol-0:before, .no-svg
  .video-js .vjs-volume-menu-button.vjs-vol-0:before {
    background-image: url("/img/video-volume-mute-icon.png"); }

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
  background-image: url("/img/video-fullscreen-expand-icon.png");
  background-image: url("/img/video-fullscreen-expand-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0.5; }
  .no-svg .vjs-icon-fullscreen-enter:before, .no-svg
  .video-js .vjs-fullscreen-control:before {
    background-image: url("/img/video-fullscreen-expand-icon.png"); }

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
  background-image: url("/img/video-fullscreen-collapse-icon.png");
  background-image: url("/img/video-fullscreen-collapse-icon.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  opacity: 0.5; }
  .no-svg .vjs-icon-fullscreen-exit:before, .no-svg
  .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    background-image: url("/img/video-fullscreen-collapse-icon.png"); }

.video-js .vjs-menu-button-inline:hover:before {
  opacity: 1; }

.video--marker-player {
  position: relative; }

.vjs-marker {
  bottom: 30px;
  transition: all 0.1s ease-in-out;
  z-index: 200;
  display: none;
  transition: all 0.2s ease-in-out; }
  .vjs-marker:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    background-color: white !important; }
    .vjs-marker:hover:before {
      color: white; }
  @media (min-width: 760px) {
    .vjs-marker {
      display: block; } }
  @media (min-width: 850px) {
    .vjs-marker {
      bottom: 40px; } }
  .vjs-marker:before {
    display: block;
    position: absolute;
    top: -40px;
    left: -20px;
    width: 60px;
    font-family: "Mark", serif;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ababab;
    transition: color 0.2s ease-in-out; }
    @media (min-width: 1030px) {
      .vjs-marker:before {
        font-size: 12px;
        line-height: 14px;
        top: -50px;
        width: 100px; } }
  .vjs-marker:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    opacity: 0;
    border-radius: 100%;
    background: #FFFFFF;
    position: absolute;
    top: -10px;
    left: -10px; }
  .vjs-marker:nth-of-type(2):before {
    content: "A Promise Made Simple";
    width: 90px;
    left: -40px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(2):before {
        width: 100px;
        left: -30px; } }
  .vjs-marker:nth-of-type(3):before {
    content: "Learn More About Life Insurance";
    width: 80px;
    left: -34px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(3):before {
        width: 100px;
        left: -40px; } }
  .vjs-marker:nth-of-type(4):before {
    content: "Coverage to Fit Your Budget";
    width: 80px;
    left: -30px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(4):before {
        width: 100px;
        left: -38px; } }
  .vjs-marker:nth-of-type(5):before {
    content: "Two Simple Options";
    width: 70px;
    left: -23px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(5):before {
        width: 90px;
        left: -35px; } }
  .vjs-marker:nth-of-type(6):before {
    content: "Simple to Apply";
    width: 60px;
    left: -20px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(6):before {
        width: 80px;
        left: -30px; } }
  .vjs-marker:nth-of-type(7):before {
    content: "Keep it Current";
    width: 80px;
    left: -30px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(7):before {
        width: 110px;
        left: -45px; } }
  .vjs-marker:nth-of-type(3):before {
    top: -55px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(3):before {
        top: -57px; } }
  .vjs-marker:nth-of-type(4):before {
    top: -55px; }
    @media (min-width: 1030px) {
      .vjs-marker:nth-of-type(4):before {
        top: -57px; } }
  .vjs-marker:last-child {
    border-radius: 0 !important;
    -webkit-animation: none;
            animation: none; }
  .vjs-marker--active {
    background-color: white !important; }
    .vjs-marker--active:nth-of-type(2):before {
      color: #fff; }
    .vjs-marker--active:nth-of-type(3):before {
      color: #fff; }
    .vjs-marker--active:nth-of-type(4):before {
      color: #fff; }
    .vjs-marker--active:nth-of-type(5):before {
      color: #fff; }
    .vjs-marker--active:nth-of-type(6):before {
      color: #fff; }
    .vjs-marker--active:nth-of-type(7):before {
      color: #fff; }
    .vjs-marker--active:after {
      -webkit-animation: markerPulse 0.5s 1;
              animation: markerPulse 0.5s 1; }
    .vjs-marker--active:last-child:after {
      -webkit-animation: none;
              animation: none; }
  .spanish-is-active .vjs-marker:nth-of-type(2):before {
    content: "Una Promesa de Forma Sencilla";
    width: 90px;
    left: -20px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(2):before {
        width: 150px;
        left: -40px; } }
  .spanish-is-active .vjs-marker:nth-of-type(3):before {
    content: "Infórmese Más Acerca de Seguros de Vida";
    width: 50px;
    left: -14px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(3):before {
        width: 150px;
        left: -62px; } }
  .spanish-is-active .vjs-marker:nth-of-type(4):before {
    content: "Cobertura Que Se Ajusta a Su Presupuesto";
    width: 80px;
    left: -30px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(4):before {
        width: 130px;
        left: -57px; } }
  .spanish-is-active .vjs-marker:nth-of-type(5):before {
    content: "Dos Opciones Simples";
    width: 60px;
    left: -20px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(5):before {
        width: 110px;
        left: -44px; } }
  .spanish-is-active .vjs-marker:nth-of-type(6):before {
    content: "Simple de Solicitar";
    width: 60px;
    left: -20px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(6):before {
        width: 80px;
        left: -30px; } }
  .spanish-is-active .vjs-marker:nth-of-type(7):before {
    content: "Manténgala Actualizada";
    width: 80px;
    left: -30px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(7):before {
        width: 110px;
        left: -45px; } }
  .spanish-is-active .vjs-marker:nth-of-type(2):before {
    top: -45px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(2):before {
        top: -57px; } }
  .spanish-is-active .vjs-marker:nth-of-type(5):before {
    top: -45px; }
    @media (min-width: 1030px) {
      .spanish-is-active .vjs-marker:nth-of-type(5):before {
        top: -57px; } }
  .spanish-is-active .vjs-marker--active {
    background-color: white !important; }
    .spanish-is-active .vjs-marker--active:nth-of-type(2):before {
      color: #fff; }
    .spanish-is-active .vjs-marker--active:nth-of-type(3):before {
      color: #fff; }
    .spanish-is-active .vjs-marker--active:nth-of-type(4):before {
      color: #fff; }
    .spanish-is-active .vjs-marker--active:nth-of-type(5):before {
      color: #fff; }
    .spanish-is-active .vjs-marker--active:nth-of-type(6):before {
      color: #fff; }
    .spanish-is-active .vjs-marker--active:nth-of-type(7):before {
      color: #fff; }
    .spanish-is-active .vjs-marker--active:after {
      -webkit-animation: markerPulse 0.5s 1;
              animation: markerPulse 0.5s 1; }
    .spanish-is-active .vjs-marker--active:last-child:after {
      -webkit-animation: none;
              animation: none; }

@-webkit-keyframes markerPulse {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes markerPulse {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0); }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.marker-mobile {
  padding: 10px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
  background-color: #4e4541; }
  @media (min-width: 760px) {
    .marker-mobile {
      display: none; } }

.marker-mobile__list {
  list-style: none;
  padding-left: 0;
  text-align: center;
  position: relative; }

.marker-mobile__list-item {
  display: inline-block;
  padding-left: 25px;
  position: relative; }
  .marker-mobile__list-item:first-child {
    padding-left: 0; }
    .marker-mobile__list-item:first-child:before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      width: 215px;
      height: 2px;
      background-color: #f7f5ef;
      opacity: 0.4; }
      @media (min-width: 550px) {
        .marker-mobile__list-item:first-child:before {
          width: 230px;
          height: 3px;
          top: 6px;
          left: 6px; } }

.marker-mobile__dot {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #f7f5ef; }
  @media (min-width: 550px) {
    .marker-mobile__dot {
      width: 15px;
      height: 15px; } }

.video--single-player {
  position: relative;
  max-height: 350px;
  overflow: hidden; }
  @media (min-width: 760px) {
    .video--single-player {
      max-height: 450px; } }
  @media (min-width: 1030px) {
    .video--single-player {
      max-height: 800px; } }

.video__play-button {
  font-size: 3em;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 100%;
  background-color: #E06256;
  border: 0;
  padding: 0; }
  @media (min-width: 760px) {
    .video__play-button {
      width: 55px;
      height: 55px;
      line-height: 55px; } }
  .video__play-button:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: 12px;
    left: 17px;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    border-top: 10px solid transparent; }
    @media (min-width: 760px) {
      .video__play-button:before {
        top: 17px;
        left: 21px; } }
  .video__play-button--home {
    position: absolute;
    bottom: 46%;
    left: 110%;
    opacity: 0; }
    @media (min-width: 760px) {
      .video__play-button--home {
        bottom: 18%;
        left: 40%; } }
    @media (max-height: 700px) and (min-width: 600px) {
      .video__play-button--home {
        left: 110%;
        bottom: 36%; } }
  .video__play-button--home-es {
    position: absolute;
    bottom: 55%;
    left: 50%;
    opacity: 0; }
    @media (min-width: 760px) {
      .video__play-button--home-es {
        bottom: 25%;
        left: 20%; } }
    @media (max-height: 700px) and (min-width: 600px) {
      .video__play-button--home-es {
        left: 55%;
        bottom: 50%; } }
  .video__play-button--about {
    position: absolute;
    bottom: 35%;
    left: 50%; }
    @media (min-width: 550px) {
      .video__play-button--about {
        bottom: 20%;
        left: 15%; } }
  .video__play-button--coverage {
    position: absolute;
    right: 75%;
    bottom: 35%; }
    @media (min-width: 550px) {
      .video__play-button--coverage {
        right: 20%;
        bottom: 15%; } }
    @media (min-width: 760px) {
      .video__play-button--coverage {
        bottom: 20%; } }
    @media (max-height: 600px) and (min-width: 600px) {
      .video__play-button--coverage {
        right: 60%;
        bottom: 40%; } }
  .video__play-button--options {
    position: absolute;
    right: 75%;
    bottom: 35%; }
    @media (min-width: 550px) {
      .video__play-button--options {
        right: 20%;
        bottom: 20%; } }
    @media (max-height: 600px) and (min-width: 600px) {
      .video__play-button--options {
        right: 55%;
        bottom: 35%; } }
  .video__play-button--apply {
    position: absolute;
    right: 75%;
    bottom: 35%; }
    @media (min-width: 550px) {
      .video__play-button--apply {
        right: 20%;
        bottom: 20%; } }
    @media (max-height: 600px) and (min-width: 600px) {
      .video__play-button--apply {
        right: 55%;
        bottom: 40%; } }
  .video__play-button--current {
    position: absolute;
    right: 75%;
    bottom: 35%; }
    @media (min-width: 550px) {
      .video__play-button--current {
        right: 20%;
        bottom: 10%; } }
    @media (max-height: 600px) and (min-width: 600px) {
      .video__play-button--current {
        right: 55%;
        bottom: 40%; } }

.video__control-text {
  clip: auto;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
  font-family: "Mark", serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: auto;
  width: 120px;
  line-height: 45px;
  position: absolute;
  top: 0;
  left: 40px;
  color: #FFF;
  display: block;
  position: relative; }
  @media (min-width: 760px) {
    .video__control-text {
      font-size: 13px;
      line-height: 55px;
      left: 70px; } }

.video-js .vjs-big-play-button .vjs-control-text {
  clip: auto;
  font-family: "Mark", serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: auto;
  width: 100px;
  line-height: 44px;
  top: 0;
  left: 50px; }
  @media (min-width: 760px) {
    .video-js .vjs-big-play-button .vjs-control-text {
      font-size: 13px;
      line-height: 55px;
      left: 70px; } }

.video-js .vjs-big-play-button {
  display: none; }

.video__share-buttons {
  width: 100%;
  color: #FFF;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 90;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .js--video-share-in-view .video__share-buttons {
    opacity: 1; }

.video__share-content {
  width: 100%;
  position: relative; }

.video__share-text {
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 1px;
  font-family: "Mark", serif;
  font-size: 13px;
  font-weight: 600;
  padding-left: 10px;
  display: block;
  float: left;
  line-height: 35px;
  height: 0; }

.video__share-list {
  line-height: 18px;
  margin-top: 15px;
  float: right; }

.video__share-list-item {
  display: inline-block;
  margin: 0 10px 0 0; }

.video__share-link {
  border: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  transition: opacity 0.15s linear;
  display: block; }
  .video__share-link--facebook {
    background-image: url(/img/video-social-share-icon-facebook.svg);
    width: 25px;
    height: 40px; }
    @media (min-width: 760px) {
      .video__share-link--facebook {
        width: 30px;
        height: 50px; } }
  .video__share-link--twitter {
    background-image: url(/img/video-social-share-icon-twitter.svg);
    width: 40px;
    height: 40px; }
    @media (min-width: 760px) {
      .video__share-link--twitter {
        width: 50px;
        height: 50px; } }

/** Switch between mobile and desktop versions of the page */
@media (min-width: 992px) {
  .desktop-icon {
    display: block; }
  .desktop-inline-icon {
    display: inline-block; }
  .mobile-icon, .mobile-inline-icon {
    display: none !important; } }

@media (max-width: 991px) {
  .mobile-icon {
    display: block; }
  .mobile-inline-icon {
    display: inline; }
  .desktop-icon, .desktop-inline-icon {
    display: none !important; } }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.cs-masthead {
  padding: 10px 15px;
  z-index: 6;
  background-color: #1D979F; }
  .cs-masthead:after {
    content: "";
    display: table;
    clear: both; }

.cs-masthead__logo {
  margin: 3px 0 0;
  float: left;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 150px;
  height: 40px;
  background-image: url("/img/logo-valoralife-temp-white.png");
  background-image: url("/img/logo-valoralife-temp-white.svg"), none;
  background-color: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%; }
  .no-svg .cs-masthead__logo {
    background-image: url("/img/logo-valoralife-temp-white.png"); }

.cs-masthead__language-toggle {
  float: right;
  margin: 7px 0 0; }
  .cs-masthead__language-toggle a {
    padding: 5px 30px 5px 0;
    display: inline-block;
    color: #ffffff;
    border: 0;
    text-decoration: none;
    font-family: "Mark", serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .75px;
    background-image: url("/img/icon-language-bubble.png");
    background-image: url("/img/icon-language-bubble.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 60%;
    background-size: 17px auto; }
    .no-svg .cs-masthead__language-toggle a {
      background-image: url("/img/icon-language-bubble.png"); }
    .cs-masthead__language-toggle a:hover {
      text-decoration: underline; }

.cs-masthead__sign-up-btn {
  display: none; }
  .cs-masthead__sign-up-btn a {
    min-width: 0;
    font-size: 9px;
    width: 120px; }

@media (min-width: 760px) {
  .cs-masthead {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    max-width: 1450px;
    padding-left: 20px;
    padding-right: 20px; } }
  @media (min-width: 760px) and (min-width: 550px) {
    .cs-masthead {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) and (min-width: 760px) {
    .cs-masthead {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 760px) and (min-width: 850px) {
    .cs-masthead {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 760px) and (min-width: 1030px) {
    .cs-masthead {
      padding-left: 80px;
      padding-right: 80px; } }

@media (min-width: 760px) {
  .cs-masthead__logo {
    float: left;
    width: 220px;
    height: 70px; }
  .cs-masthead__controls {
    float: right;
    text-align: right;
    width: 200px; }
  .cs-masthead__language-toggle {
    margin-bottom: 12px; }
  .cs-masthead__sign-up-btn {
    display: block; } }

@media (min-width: 850px) {
  .cs-masthead__language-toggle {
    margin-bottom: 25px; } }

@media (min-width: 1030px) {
  .cs-masthead__logo {
    width: 280px;
    height: 100px; } }

@media (min-width: 1240px) {
  .cs-masthead__sign-up-btn a {
    font-size: 12px;
    width: 160px; }
  .cs-masthead__logo {
    width: 340px;
    height: 120px; } }

.cs-hero {
  position: relative;
  background: url(/img/cs-hero-560.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .cs-hero {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .cs-hero {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .cs-hero {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .cs-hero {
      padding: 80px; } }

.cs-hero__txt {
  text-align: center;
  color: #ffffff;
  margin: 0 auto; }

.cs-hero__head {
  margin: 0 auto;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 260px;
  height: 130px;
  font: 800 36px/1.25 "Archer SSm A", "Archer SSm B", serif;
  background-image: url("/img/lettering-life-is-a-gift-white.png");
  background-image: url("/img/lettering-life-is-a-gift-white.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
  .no-svg .cs-hero__head {
    background-image: url("/img/lettering-life-is-a-gift-white.png"); }

.cs-hero__head--placeholder {
  display: block;
  text-align: center;
  color: #ffffff;
  padding-top: 5%;
  font: 800 24px/1.2 "Archer SSm A", "Archer SSm B", serif;
  overflow: hidden; }
  @media (min-width: 760px) {
    .cs-hero__head--placeholder {
      font-size: 40px; } }
  @media (min-width: 1030px) {
    .cs-hero__head--placeholder {
      font-size: 60px; } }

.cs-hero__lede {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.375; }

.cs-hero__cap {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 0; }

.cs-hero__scroll-down {
  display: none; }

@media (min-width: 550px) {
  .cs-hero {
    background-image: url(/img/cs-hero-875.jpg); }
  .cs-hero__txt {
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 0;
    color: #ffffff; }
  .cs-hero__head {
    position: static;
    left: auto;
    margin: 0 auto; }
  .cs-hero__lede {
    font-size: 24px;
    margin-bottom: 20px; }
  .cs-hero__cap {
    font-size: 16px; } }

@media (min-width: 760px) {
  .cs-hero {
    background-image: url(/img/cs-hero-875.jpg); }
  .cs-hero__txt {
    margin-top: 100px;
    margin-bottom: 100px; }
  .cs-hero__lede {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 850px) {
  .cs-hero__head {
    width: 400px;
    height: 180px; }
  .cs-hero__lede {
    font-size: 36px;
    max-width: 750px;
    margin-bottom: 53px; }
  .cs-hero__cap {
    font-size: 24px;
    margin-bottom: 40px; }
  .cs-hero__scroll-down {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin: 0 auto;
    border: 0;
    background-image: url("/img/arrow-down-white.png");
    background-image: url("/img/arrow-down-white.svg"), none;
    background-color: #e06256;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50% auto;
    transition: background-color 0.3s;
    position: relative;
    z-index: 10; }
    .no-svg .cs-hero__scroll-down {
      background-image: url("/img/arrow-down-white.png"); }
    .cs-hero__scroll-down:hover {
      background-color: #9d453c; }
  .cs-hero__scroll-down-txt {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    .cs-hero__scroll-down-txt.focusable:active, .cs-hero__scroll-down-txt.focusable:focus {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto; } }

@media (min-width: 1030px) {
  .cs-hero {
    background-image: url(/img/cs-hero-1350.jpg); }
  .cs-hero__txt {
    margin-top: 80px;
    margin-bottom: 80px; }
  .cs-hero__lede {
    font-size: 42px;
    max-width: 750px; } }

@media (min-width: 1240px) {
  .cs-hero__head {
    width: 500px;
    height: 230px; }
  .cs-hero__lede {
    font-size: 56px;
    max-width: 950px; } }

.cs-intro {
  padding: 40px 20px;
  text-align: center;
  background-color: #1D979F;
  color: #fff;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6; }
  @media (min-width: 550px) {
    .cs-intro {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .cs-intro {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .cs-intro {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .cs-intro {
      padding: 80px; } }

.cs-intro__txt {
  max-width: 1200px;
  margin: 0 auto; }
  .cs-intro__txt:after {
    content: "\0020";
    display: block;
    margin: 40px auto 0;
    width: 62px;
    height: 30px;
    opacity: .5;
    background-image: url("/img/bow-tie-a-white.png");
    background-image: url("/img/bow-tie-a-white.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: 100% auto; }
    .no-svg .cs-intro__txt:after {
      background-image: url("/img/bow-tie-a-white.png"); }

@media (min-width: 850px) {
  .cs-intro {
    font-size: 20px; } }

@media (min-width: 1030px) {
  .cs-intro {
    font-size: 34px; }
  .cs-intro__txt:after {
    margin-top: 60px; } }

.cs-products {
  background-color: #ffffff; }

.cs-products__intro {
  padding: 40px 20px;
  text-align: center;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.625;
  background-image: url("/img/bg-wedge-steep-beige.png");
  background-image: url("/img/bg-wedge-steep-beige.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 100% auto; }
  @media (min-width: 550px) {
    .cs-products__intro {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .cs-products__intro {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .cs-products__intro {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .cs-products__intro {
      padding: 80px; } }
  .no-svg .cs-products__intro {
    background-image: url("/img/bg-wedge-steep-beige.png"); }
  .cs-products__intro > p {
    max-width: 450px;
    margin: 0 auto; }
  .cs-products__intro:after {
    content: "\0020";
    display: block;
    width: 0;
    height: 40px; }

.cs-products__split:after {
  content: "";
  display: table;
  clear: both; }

.cs-products__product {
  text-align: center;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .cs-products__product {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .cs-products__product {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .cs-products__product {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .cs-products__product {
      padding: 80px; } }

.cs-products__product--term {
  border-bottom: 1px dashed #d7bfb5; }

.cs-products__product-logo-wrap {
  text-align: center;
  font: 600 36px/1.5 "Archer SSm A", "Archer SSm B", serif; }
  .cs-products__product-logo-wrap--term {
    color: #e06256; }
  .cs-products__product-logo-wrap--rop {
    color: #1D979F; }

.cs-products__product-logo {
  margin: 0 auto 35px; }

.cs-products__product-name {
  font-family: "Mark", serif;
  font-size: 28px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  line-height: 1;
  margin: 20px 0 8px; }

.cs-products__product-name--term {
  color: #e06256; }

.cs-products__product-name--rop {
  color: #1D979F; }

.cs-products__product-cap {
  margin: 0 0 50px;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 21px;
  font-weight: 700;
  font-style: italic;
  color: #4e4541; }

.cs-products__product-desc {
  text-align: left;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.625; }
  .cs-products__product-desc .asterisk {
    font-size: 80%;
    position: relative;
    top: 1px; }

.cs-products__product-footnote {
  text-align: left; }

@media (min-width: 760px) {
  .cs-products__intro {
    font-size: 24px;
    background-image: url("/img/bg-wedge-shallow-beige.png");
    background-image: url("/img/bg-wedge-shallow-beige.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: 100% auto; }
    .no-svg .cs-products__intro {
      background-image: url("/img/bg-wedge-shallow-beige.png"); }
    .cs-products__intro > p {
      max-width: 800px; }
  .cs-products__split {
    max-width: 1275px;
    margin: 0 auto; }
    .cs-products__split:after {
      content: "";
      display: table;
      clear: both; }
  .cs-products__product {
    padding: 50px;
    width: 50%;
    float: left; }
  .cs-products__product--rop {
    float: right; }
  .cs-products__product--term {
    border: 0; }
  .cs-products__product--rop {
    border-left: 1px dashed #d7bfb5; } }

@media (min-width: 1030px) {
  .cs-products__intro {
    font-size: 32px; }
  .cs-products__product-desc {
    font-size: 21px; } }

.cs-brand-promise {
  text-align: center;
  padding: 40px 20px;
  background-color: #f7f5ef; }
  @media (min-width: 550px) {
    .cs-brand-promise {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .cs-brand-promise {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .cs-brand-promise {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .cs-brand-promise {
      padding: 80px; } }

.cs-brand-promise__head {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 22px;
  font-weight: 800; }
  .cs-brand-promise__head:after {
    display: block;
    margin: 25px auto 20px;
    content: "\0020";
    width: 71px;
    height: 40px;
    background-image: url("/img/bow-tie-b-beige.png");
    background-image: url("/img/bow-tie-b-beige.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .cs-brand-promise__head:after {
      background-image: url("/img/bow-tie-b-beige.png"); }

.cs-brand-promise__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.625;
  max-width: 1250px;
  margin: 0 auto; }

.cs-brand-promise__mm-logo-wrap {
  margin: 40px auto 0;
  width: 250px; }

.cs-brand-promise__mm-logo {
  display: block;
  width: 100%; }

@media (min-width: 850px) {
  .cs-brand-promise__head {
    font-size: 30px; }
  .cs-brand-promise__txt {
    font-size: 21px; } }

@media (min-width: 850px) {
  .cs-brand-promise__head {
    font-size: 38px; }
  .cs-brand-promise__txt {
    font-size: 21px; } }

.home-hero {
  position: relative; }

.home-hero__txt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5;
  padding: 5%; }

.home-hero__head {
  display: block;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 47%;
  height: 100%;
  background-image: url("/img/lettering-life-is-a-gift-stacked-white.png");
  background-image: url("/img/lettering-life-is-a-gift-stacked-white.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
  .no-svg .home-hero__head {
    background-image: url("/img/lettering-life-is-a-gift-stacked-white.png"); }

.home-hero__cap {
  display: none; }

@media (min-width: 550px) {
  .home-hero__txt {
    padding: 40px 20px;
    margin: 0 auto;
    max-width: 1450px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
  @media (min-width: 550px) and (min-width: 550px) {
    .home-hero__txt {
      padding: 45px 30px; } }
  @media (min-width: 550px) and (min-width: 760px) {
    .home-hero__txt {
      padding: 50px 40px; } }
  @media (min-width: 550px) and (min-width: 850px) {
    .home-hero__txt {
      padding: 60px; } }
  @media (min-width: 550px) and (min-width: 1030px) {
    .home-hero__txt {
      padding: 80px; } }

@media (min-width: 550px) {
  .home-hero__head {
    width: 250px;
    height: 250px;
    margin-top: 5%; }
  .home-hero__cap {
    display: block;
    text-align: left;
    color: #fff;
    width: 35%;
    font-family: "Archer SSm A", "Archer SSm B", serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; } }

@media (min-width: 850px) {
  .home-hero__head {
    width: 350px;
    height: 350px; }
  .home-hero__cap {
    font-size: 22px; } }

@media (min-width: 1030px) {
  .home-hero__cap {
    font-size: 32px;
    width: 28%; }
  .home-hero__head {
    width: 450px;
    height: 450px; } }

@media (min-width: 1240px) {
  .home-hero {
    max-height: 100vh;
    overflow: hidden; } }

.home-intro {
  background-color: #f7f5ef;
  padding: 40px 20px;
  text-align: center; }
  @media (min-width: 550px) {
    .home-intro {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .home-intro {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .home-intro {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .home-intro {
      padding: 80px; } }

.home-intro__head {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.625;
  margin: 0 0 40px; }

.home-intro__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.625;
  margin: 0 auto 40px;
  max-width: 1200px; }
  .home-intro__txt p {
    margin: 0 0 40px; }
  .home-intro__txt .home-intro__view-product {
    margin-bottom: 80px; }

@media (min-width: 850px) {
  .home-intro__head,
  .home-intro__txt {
    font-size: 30px; } }

@media (min-width: 1030px) {
  .home-intro__head,
  .home-intro__text {
    font-size: 36px; } }

.home-process {
  background-color: #e06256;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  text-align: center; }
  @media (min-width: 550px) {
    .home-process {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .home-process {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .home-process {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .home-process {
      padding-left: 80px;
      padding-right: 80px; } }
  @media (min-width: 550px) {
    .home-process {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (min-width: 760px) {
    .home-process {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (min-width: 850px) {
    .home-process {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (min-width: 1030px) {
    .home-process {
      padding-top: 80px;
      padding-bottom: 80px; } }

.home-process__head {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 60px; }
  .home-process__head:after {
    width: 30px;
    height: 4px;
    opacity: .5;
    margin: 20px auto 40px;
    content: "\0020";
    display: block;
    background-color: #ffffff; }

.home-process__list-wrap {
  margin: 0 auto;
  max-width: 1450px;
  margin: 0 auto; }

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

.home-process__item {
  margin: 0 0 60px; }
  .home-process__item:before {
    content: "\0020";
    display: block;
    width: 115px;
    height: 115px;
    border-radius: 57.5px;
    margin: 0 auto 30px;
    background-color: #faa33b; }

.home-process__item--quote:before {
  background-image: url("/img/icon-pin.png");
  background-image: url("/img/icon-pin.svg"), none;
  background-color: #faa33b;
  background-repeat: no-repeat;
  background-position: 50% 42%;
  background-size: 60px 60px; }
  .no-svg .home-process__item--quote:before {
    background-image: url("/img/icon-pin.png"); }

.home-process__item--apply:before {
  background-image: url("/img/icon-clipboard.png");
  background-image: url("/img/icon-clipboard.svg"), none;
  background-color: #faa33b;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60px 60px; }
  .no-svg .home-process__item--apply:before {
    background-image: url("/img/icon-clipboard.png"); }

.home-process__item--verify:before {
  background-image: url("/img/icon-check.png");
  background-image: url("/img/icon-check.svg"), none;
  background-color: #faa33b;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60px 60px; }
  .no-svg .home-process__item--verify:before {
    background-image: url("/img/icon-check.png"); }

.home-process__itemhead {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Mark", serif;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 30px;
  line-height: 1; }

.home-process__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.625; }

@media (min-width: 760px) {
  .home-process__head {
    font-size: 38px;
    line-height: 1.5; }
  .home-process__list {
    position: relative;
    z-index: 4;
    margin-left: -40px; }
    .home-process__list:after {
      content: "";
      display: table;
      clear: both; }
    .home-process__list > .home-process__item {
      float: left;
      padding-left: 40px;
      width: 33.33333%; }
    .home-process__list > .home-process__item:nth-child(1n) {
      clear: none; }
    .home-process__list > .home-process__item:nth-child(3n + 1) {
      clear: both; }
    .home-process__list:before {
      display: block;
      opacity: 1;
      content: "\0020";
      width: 68%;
      height: 8px;
      background-color: #faa33b;
      position: absolute;
      top: 60px;
      left: 18%;
      z-index: -1;
      transition: none; }
  .js-prep-animation .home-process__list:before {
    opacity: 0;
    width: 0; }
  .js-prep-animation .home-process__item:before {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; }
  .js-prep-animation .home-process__list:before {
    transition: width .6s ease-out, opacity .6s linear; }
  .js-prep-animation .home-process__item--apply,
  .js-prep-animation .home-process__item--apply:before,
  .js-prep-animation .home-process__item--apply .home-process__txt {
    transition-duration: .25s; }
  .js-prep-animation .home-process__item--verify,
  .js-prep-animation .home-process__item--verify:before,
  .js-prep-animation .home-process__item--verify .home-process__txt {
    transition-duration: .5s; }
  .js-prep-animation .home-process__itemhead,
  .js-prep-animation .home-process__txt {
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    transition: all .3s ease-out; }
  .home-process.js-do-animation .home-process__list:before {
    width: 68%;
    opacity: .6; }
  .home-process.js-do-animation .home-process__item:before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .home-process.js-do-animation .home-process__itemhead,
  .home-process.js-do-animation .home-process__txt {
    -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
            transform: translateY(1px);
    opacity: 1; }
  .home-process__itemhead {
    font-size: 22px; } }

@media (min-width: 850px) {
  .home-process__itemhead {
    font-size: 26px; } }

@media (min-width: 1030px) {
  .home-process__list {
    margin-left: -80px; }
    .home-process__list:after {
      content: "";
      display: table;
      clear: both; }
    .home-process__list > .home-process__item {
      float: left;
      padding-left: 80px;
      width: 33.33333%; }
    .home-process__list > .home-process__item:nth-child(1n) {
      clear: none; }
    .home-process__list > .home-process__item:nth-child(3n + 1) {
      clear: both; }
  .home-process__txt {
    font-size: 18px; } }

.quote-hero {
  padding: 40px 20px;
  text-align: center;
  color: #4e4541;
  background-color: #f7f5ef; }
  @media (min-width: 550px) {
    .quote-hero {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .quote-hero {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .quote-hero {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .quote-hero {
      padding: 80px; } }

.quote-hero__head {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 35px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 800;
  color: #e06256; }

.quote-hero__scroll-down {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin: 20px auto 0;
  border: 2px solid #d7bfb5;
  background-image: url("/img/arrow-down-91837D.png");
  background-image: url("/img/arrow-down-91837D.svg"), none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 27px auto;
  transition: border-color 0.3s; }
  .no-svg .quote-hero__scroll-down {
    background-image: url("/img/arrow-down-91837D.png"); }
  .quote-hero__scroll-down:hover {
    border-color: #a6a2a0; }

.quote-hero__scroll-down-txt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .quote-hero__scroll-down-txt.focusable:active, .quote-hero__scroll-down-txt.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.quote-content {
  background-color: #ffffff;
  padding-bottom: 100px; }

.quote-form__progress {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 70;
  height: 80px; }

@media (min-width: 850px) {
  .quote-form {
    margin-left: -30px; }
    .quote-form:after {
      content: "";
      display: table;
      clear: both; }
    .quote-form > *:nth-child(1) {
      float: left;
      padding-left: 30px;
      width: 68%; }
    .quote-form > *:nth-child(2) {
      float: left;
      padding-left: 30px;
      width: 32%; }
    .quote-form > *:nth-child(1n) {
      clear: none; }
    .quote-form > *:nth-child(2n + 1) {
      clear: both; }
  .quote-form__progress {
    position: static;
    left: auto;
    bottom: auto;
    width: auto;
    height: auto; } }

@media (min-width: 1030px) {
  .quote-form {
    margin-left: -40px; }
    .quote-form:after {
      content: "";
      display: table;
      clear: both; }
    .quote-form > *:nth-child(1) {
      float: left;
      padding-left: 40px;
      width: 66.667%; }
    .quote-form > *:nth-child(2) {
      float: left;
      padding-left: 40px;
      width: 33.333%; }
    .quote-form > *:nth-child(1n) {
      clear: none; }
    .quote-form > *:nth-child(2n + 1) {
      clear: both; } }

.form-item {
  padding: 0 0 40px;
  margin-bottom: 60px;
  border-bottom: 1px dashed #d7bfb5; }

.form-item__question {
  margin-top: 0;
  color: #1D979F;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 28px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 800;
  line-height: 1.5; }

.form-item__question--small {
  font-size: 18px; }

.form-item__prompt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  padding: 0 0 20px; }
  .form-item__prompt strong {
    font-weight: 700; }

.nested.level-2, .nested.level-3, .nested.level-4, .nested.level-5, .nested.level-6, .nested.level-7 {
  margin-top: 20px; }

.level-2 .form-item__question, .level-3 .form-item__question, .level-4 .form-item__question, .level-5 .form-item__question, .level-6 .form-item__question, .level-7 .form-item__question {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 20px;
  font-weight: 800; }

.subtext .form-item__question {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  padding: 0 0 20px;
  color: #4e4541; }
  .subtext .form-item__question strong {
    font-weight: 700; }

.custom-component.custom-bank-account .text-basic {
  width: 100%; }

.custom-component.custom-bank-account .routing-number {
  margin-right: 15px; }

.custom-component.custom-bank-account .field-group__item--bank-account-bank-help {
  top: 70px;
  left: 15px; }

.custom-component.custom-beneficiary .form-item__question {
  display: block;
  position: relative;
  font-family: Mark;
  font-size: 14px;
  font-weight: 500;
  color: #4e4541;
  padding: 0;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.custom-component.custom-beneficiary .label-basic {
  margin-bottom: 12px;
  margin-top: 0px; }

.custom-component.custom-height .feet {
  margin-right: 15px; }

.custom-component .text-basic .label-basic, .custom-component .text-date-short .label-basic, .custom-component .select-basic .label-basic {
  margin-bottom: 12px;
  margin-top: 0px; }

.custom-component .text-basic .form-item__question, .custom-component .text-date-short .form-item__question, .custom-component .select-basic .form-item__question {
  display: block;
  position: relative;
  font-family: Mark;
  font-size: 14px;
  font-weight: 500;
  color: #4e4541;
  padding: 0;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.custom-component .text-basic .field-group__item, .custom-component .text-date-short .field-group__item, .custom-component .select-basic .field-group__item {
  width: 100%; }

.custom-component.custom-address-long .full-width .text-no-label {
  margin-right: 0px; }

.application-section.loading {
  text-align: center; }

.loading-spinner img {
  height: 40px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto; }

.form-item:last-of-type {
  display: hidden; }

@media (min-width: 1030px) {
  .form-item__prompt {
    padding-right: 15%; } }

.reflexive-item {
  margin-top: 30px;
  margin-bottom: 30px; }
  .reflexive-item--indent-1 {
    margin-left: 8%; }
  .reflexive-item--indent-2 {
    margin-left: 16%; }
  .reflexive-item--indent-3 {
    margin-left: 24%; }
  .reflexive-item--indent-4 {
    margin-left: 32%; }
  .reflexive-item--indent-5 {
    margin-left: 40%; }
  .reflexive-item--indent-6 {
    margin-left: 48%; }
  .reflexive-item--indent-7 {
    margin-left: 56%; }
  .reflexive-item--indent-8 {
    margin-left: 64%; }
  .reflexive-item--indent-9 {
    margin-left: 72%; }
  .reflexive-item--indent-10 {
    margin-left: 80%; }

.custom-component .reflexive-item {
  margin-top: 15px;
  margin-bottom: 15px; }
  .custom-component .reflexive-item .text-date-long-no-width {
    margin-top: 0px; }

.custom-component.custom-beneficiary .reflexive-item {
  margin-top: 0px;
  margin-bottom: 15px; }

.custom-component.custom-beneficiary .custom-address-long .reflexive-item {
  margin-left: 0; }

.input--age {
  width: 80px; }

.quote-results-hero {
  padding: 40px 20px;
  border-bottom: 2px dotted #d7bfb5; }
  @media (min-width: 550px) {
    .quote-results-hero {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .quote-results-hero {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .quote-results-hero {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .quote-results-hero {
      padding: 80px; } }

.quote-results-hero__head {
  text-align: center;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5; }

@media (min-width: 550px) {
  .quote-results-hero__head {
    font-size: 38px; } }

.quote-results-interactive {
  padding-bottom: 80px; }

.quote-results-interactive__controls {
  margin: 0 auto;
  max-width: 1200px;
  padding-top: 50px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px; }
  .quote-results-interactive__controls:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 550px) {
    .quote-results-interactive__controls {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .quote-results-interactive__controls {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .quote-results-interactive__controls {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .quote-results-interactive__controls {
      padding-left: 80px;
      padding-right: 80px; } }

.quote-results-interactive__coverage-control .field-group__item {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.quote-results-interactive__coverage-control .label {
  position: absolute;
  top: 10px;
  left: 0; }

.quote-results-interactive__coverage-control .range-indicator {
  position: relative;
  text-align: right;
  left: auto;
  right: 0;
  top: 7px;
  font-size: 18px; }

.quote-results-interactive__term-control {
  position: relative; }
  .quote-results-interactive__term-control .field-group--center {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .quote-results-interactive__term-control .label {
    display: block;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0; }

.quote-option__prompt,
.quote-option__actions {
  text-align: center;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5; }
  @media (min-width: 850px) {
    .quote-option__prompt,
    .quote-option__actions {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 19px; } }

.quote-results-interaction__tables {
  margin: 0 auto;
  max-width: 1450px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 550px) {
    .quote-results-interaction__tables {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .quote-results-interaction__tables {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .quote-results-interaction__tables {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .quote-results-interaction__tables {
      padding-left: 80px;
      padding-right: 80px; } }

.quote-results-interaction__table:nth-of-type(2) {
  margin-bottom: 10px; }

.quote-results-interactive__app-prompt {
  margin: 40px 0; }

.quote-results-interactive__app-prompt-txt {
  text-align: center;
  font: italic 600 18px/1.5 "Archer SSm A", "Archer SSm B", serif; }

.quote-results-interaction__table--btns {
  border: 0;
  margin-bottom: 50px; }
  .quote-results-interaction__table--btns td {
    border: 0;
    padding: 0 5px; }
    .quote-results-interaction__table--btns td .btn {
      display: block;
      width: 75%;
      margin: 0 auto; }

@media (min-width: 550px) {
  .quote-results-interactive__term-control {
    max-width: 620px;
    margin: 0 auto; }
    .quote-results-interactive__term-control .label {
      padding-left: 30px; }
  .quote-results-interactive__coverage-control .label {
    left: 30px; }
  .quote-results-interactive__coverage-control .range-indicator {
    right: 30px;
    top: 4px;
    font-size: 20px; } }

@media (min-width: 760px) {
  .quote-results-interactive__term-control {
    margin: 0; }
    .quote-results-interactive__term-control .field-group--center {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .quote-results-interactive__term-control .label {
      padding-left: 0;
      position: static;
      text-align: center; }
  .quote-results-interactive__coverage-control {
    float: left;
    width: 45%; }
  .quote-results-interactive__term-control {
    padding-top: 18px;
    float: right;
    width: 45%; }
  .quote-results-interactive__app-prompt-btns li {
    display: inline-block; }
  .quote-results-interactive__app-prompt-btns .btn {
    max-width: 340px; } }

@media (min-width: 1030px) {
  .quote-results-interaction__table--btns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px; } }

.quote-options {
  background-color: #f7f5ef; }

.quote-option__head {
  padding-top: 95px;
  background: transparent no-repeat 50% top;
  background-size: 80px auto;
  font-family: "Mark", serif;
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 40px; }

.quote-option__head--save {
  background-image: url("/img/icon-quote-save.png");
  background-image: url("/img/icon-quote-save.svg"), none;
  background-repeat: no-repeat; }
  .no-svg .quote-option__head--save {
    background-image: url("/img/icon-quote-save.png"); }

.quote-option__head--share {
  background-image: url("/img/icon-quote-email.png");
  background-image: url("/img/icon-quote-email.svg"), none;
  background-repeat: no-repeat; }
  .no-svg .quote-option__head--share {
    background-image: url("/img/icon-quote-email.png"); }

.quote-option__head--download {
  background-image: url("/img/icon-quote-download.png");
  background-image: url("/img/icon-quote-download.svg"), none;
  background-repeat: no-repeat; }
  .no-svg .quote-option__head--download {
    background-image: url("/img/icon-quote-download.png"); }

.quote-option__prompt {
  margin-bottom: 50px; }

.quote-options__content {
  margin: 0 auto;
  max-width: 650px;
  padding: 40px 20px;
  text-align: center; }
  @media (min-width: 550px) {
    .quote-options__content {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .quote-options__content {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .quote-options__content {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .quote-options__content {
      padding: 80px; } }
  .quote-options__content .field-group {
    margin: 0 auto 50px; }
  .quote-options__content .field-group__item {
    margin-bottom: 15px; }

.quote-options__full {
  background-color: #f7f5ef; }

.quote-options__split {
  background-color: #f7f5ef;
  border-bottom: 1px dashed #91837d; }
  .quote-options__split:after {
    content: "";
    display: table;
    clear: both; }
  .quote-options__split > div:first-child {
    border-bottom: 1px dashed #91837d; }

@media (min-width: 850px) {
  .quote-options__split {
    border-bottom: 0; }
    .quote-options__split > * {
      width: 50%;
      border-bottom: 0; }
    .quote-options__split > div:first-child {
      float: left;
      border-bottom: 0;
      border-right: 1px dashed #91837d; }
    .quote-options__split > div:last-child {
      float: right; } }

@media (min-width: 1030px) {
  .quote-options__full .quote-options__content {
    max-width: 780px; }
  .quote-options__split {
    margin: 0 auto;
    max-width: 1450px; }
  .quote-options__split .quote-options__content {
    max-width: 650px; } }

.compare-companies {
  clear: both;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 550px) {
    .compare-companies {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (min-width: 760px) {
    .compare-companies {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (min-width: 850px) {
    .compare-companies {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (min-width: 1030px) {
    .compare-companies {
      padding-top: 80px;
      padding-bottom: 80px; } }

.compare-companies__intro {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1200px; }
  @media (min-width: 550px) {
    .compare-companies__intro {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .compare-companies__intro {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .compare-companies__intro {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .compare-companies__intro {
      padding: 80px; } }

.compare-companies__tables {
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 550px) {
    .compare-companies__tables {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .compare-companies__tables {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .compare-companies__tables {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .compare-companies__tables {
      padding-left: 80px;
      padding-right: 80px; } }

.compare-companies__head {
  text-align: center;
  font-family: "Mark", serif;
  font-size: 18px;
  font-weight: 600; }

.compare-companies__txt {
  text-align: center;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  margin: 0 0 40px; }

@media (min-width: 760px) {
  .compare-companies__head {
    font-size: 24px; } }

@media (min-width: 850px) {
  .compare-companies__head {
    font-size: 28px; }
  .compare-companies__txt {
    font-size: 21px; } }

.save-quotes-summaries {
  margin: 0 auto 20px;
  border-bottom: 1px dashed #d7bfb5; }

.save-quotes-summaries__content-container {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  max-width: 1040px;
  margin-bottom: 30px; }
  @media (min-width: 550px) {
    .save-quotes-summaries__content-container {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .save-quotes-summaries__content-container {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .save-quotes-summaries__content-container {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .save-quotes-summaries__content-container {
      padding-left: 80px;
      padding-right: 80px; } }

.save-quotes-summaries__content {
  margin: 0 auto;
  max-width: 1040px;
  text-align: center; }

.save-quotes-summaries__summary {
  padding: 30px 15px;
  border: 1px solid #d0c2bf;
  border-top: 5px solid #a6a2a0;
  margin: 0 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .save-quotes-summaries__summary .btn {
    display: block;
    width: 95%;
    margin: 0 auto; }
  .save-quotes-summaries__summary--term {
    border-top-color: #e06256; }
    .save-quotes-summaries__summary--term .save-quotes-summaries__name,
    .save-quotes-summaries__summary--term .save-quotes-summaries__specs {
      color: #e06256; }
  .save-quotes-summaries__summary--rop {
    border-top-color: #1D979F; }
    .save-quotes-summaries__summary--rop .save-quotes-summaries__name,
    .save-quotes-summaries__summary--rop .save-quotes-summaries__specs {
      color: #1D979F; }

.save-quotes-summaries__name {
  font-family: "Mark", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 5px; }

.save-quotes-summaries__specs {
  font-family: "Mark", serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 20px; }

.save-quotes-summaries__price {
  font-family: "Mark", serif;
  font-size: 21px;
  font-weight: 500;
  margin: 0 0 30px; }

.save-quotes-summaries__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 30px;
  line-height: 1.5; }

.save-quotes-summaries__cta {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.save-quotes-summaries__foot {
  clear: both;
  margin: 0 0 50px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 600;
  font-style: italic; }
  @media (min-width: 550px) {
    .save-quotes-summaries__foot {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .save-quotes-summaries__foot {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .save-quotes-summaries__foot {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .save-quotes-summaries__foot {
      padding-left: 80px;
      padding-right: 80px; } }

.quote-results-interactive--saved {
  padding-top: 40px; }
  .quote-results-interactive--saved .head-2 {
    margin-bottom: 0; }

.quote-options--saved {
  border-top: 1px dashed #91837d; }

@media (min-width: 760px) {
  .save-quotes-summaries__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  .save-quotes-summaries__summary {
    padding: 30px; }
    .save-quotes-summaries__summary--term {
      width: 50%;
      border-right: 0; }
    .save-quotes-summaries__summary--rop {
      width: 50%; }
  .save-quotes-summaries__name {
    font-size: 28px; }
  .save-quotes-summaries__specs {
    font-size: 19px;
    margin-bottom: 30px; }
  .save-quotes-summaries__txt {
    font-size: 18px;
    min-height: 200px; } }

@media (min-width: 850px) {
  .save-quotes-summaries__summary {
    padding: 50px; } }

@media (min-width: 1030px) {
  .save-quotes-summaries__txt {
    min-height: 140px; } }

.message-banner {
  position: relative;
  background-color: #faa33b;
  padding: 20px 15px;
  margin: 0 0 50px; }
  .message-banner:after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -22px;
    content: "\0020";
    display: block;
    height: 0;
    width: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 15px solid #faa33b; }

.message-banner__txt {
  color: #ffffff;
  text-align: center;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 800; }

@media (min-width: 760px) {
  .message-banner {
    padding: 38px 30px;
    margin-bottom: 100px; }
  .message-banner__txt {
    font-size: 24px; } }

.products-summary__content {
  background-color: #f7f5ef;
  padding: 40px 20px;
  position: relative; }
  @media (min-width: 550px) {
    .products-summary__content {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .products-summary__content {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .products-summary__content {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .products-summary__content {
      padding: 80px; } }

.products-summary__head {
  max-width: 705px;
  margin: 0 auto;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  line-height: 1.5; }
  .products-summary__head:after {
    margin: 30px auto 0;
    content: "\0020";
    display: block;
    width: 100%;
    height: 35px;
    background-image: url("/img/bow-tie-a-beige.png");
    background-image: url("/img/bow-tie-a-beige.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .products-summary__head:after {
      background-image: url("/img/bow-tie-a-beige.png"); }

@media (min-width: 550px) {
  .product-summary-content {
    padding-bottom: 100px; } }

@media (min-width: 760px) {
  .products-summary:after {
    width: 100%;
    height: 50px;
    content: "\0020";
    display: block;
    background-image: url("/img/bg-wedge-shallow-beige.png");
    background-image: url("/img/bg-wedge-shallow-beige.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: 100% auto; }
    .no-svg .products-summary:after {
      background-image: url("/img/bg-wedge-shallow-beige.png"); }
  .products-summary__head {
    font-size: 24px; }
    .products-summary__head:after {
      position: absolute;
      margin-top: 0;
      bottom: 0;
      left: 0; } }

@media (min-width: 850px) {
  .products-summary:after {
    height: 100px; }
  .products-summary__head {
    font-size: 36px; }
    .products-summary__head:after {
      bottom: -15px; } }

.product-hero {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center; }
  @media (min-width: 550px) {
    .product-hero {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .product-hero {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .product-hero {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .product-hero {
      padding: 80px; } }
  .product-hero--term {
    background-position: right 50%;
    background-image: url("/img/product-hero-red.jpg"); }
  .product-hero--rop {
    background-position: left 50%;
    background-image: url("/img/product-hero-turq.jpg"); }

.product-hero__name {
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 260px;
  height: 220px;
  width: 260px;
  height: 220px;
  margin: 0 auto 20px;
  text-align: center;
  color: #ffffff;
  font-size: 45px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain; }
  .product-hero__name--term {
    background-image: url("/img/product-logo-term-white.svg"); }
  .product-hero__name--rop {
    background-image: url("/img/product-logo-rop-white.svg"); }

.product-hero__head {
  text-align: center;
  color: #ffffff;
  display: inline-block;
  height: 50px;
  padding: 12px 10px 0;
  min-width: 150px;
  margin: 0 0 30px;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 800; }
  .product-hero__head--term {
    background-color: #e06256;
    position: relative; }
    .product-hero__head--term:before, .product-hero__head--term:after {
      content: "\0020";
      display: block;
      position: absolute;
      top: .0;
      height: 0; }
    .product-hero__head--term:before {
      left: -47.5px;
      border-top: 25px solid #e06256;
      border-right: 25px solid #e06256;
      border-bottom: 25px solid #e06256;
      border-left: 25px solid transparent; }
    .product-hero__head--term:after {
      right: -47.5px;
      border-top: 25px solid #e06256;
      border-right: 25px solid transparent;
      border-bottom: 25px solid #e06256;
      border-left: 25px solid #e06256; }
  .product-hero__head--rop {
    background-color: #1D979F;
    position: relative; }
    .product-hero__head--rop:before, .product-hero__head--rop:after {
      content: "\0020";
      display: block;
      position: absolute;
      top: .0;
      height: 0; }
    .product-hero__head--rop:before {
      left: -47.5px;
      border-top: 25px solid #1D979F;
      border-right: 25px solid #1D979F;
      border-bottom: 25px solid #1D979F;
      border-left: 25px solid transparent; }
    .product-hero__head--rop:after {
      right: -47.5px;
      border-top: 25px solid #1D979F;
      border-right: 25px solid transparent;
      border-bottom: 25px solid #1D979F;
      border-left: 25px solid #1D979F; }
  .product-hero__head a {
    text-decoration: none;
    border-bottom: none; }

.product-hero__cap {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 800;
  color: #ffffff; }
  .product-hero__cap .asterisk {
    font-size: 70%; }

.product-hero__footnote {
  color: #ffffff; }

@media (min-width: 850px) {
  .product-hero {
    padding-top: 56px;
    padding-bottom: 56px; }
  .product-hero__name {
    width: 300px;
    height: 200px;
    margin-bottom: 30px; }
  .product-hero__cap {
    font-size: 21px; } }

@media (min-width: 1030px) {
  .product-hero__name {
    width: 350px;
    height: 300px; }
  .product-hero__head {
    font-size: 28px;
    height: 64px;
    margin-bottom: 45px;
    padding: 14px 30px 0;
    min-width: 200px; }
    .product-hero__head--term {
      background-color: #e06256;
      position: relative; }
      .product-hero__head--term:before, .product-hero__head--term:after {
        content: "\0020";
        display: block;
        position: absolute;
        top: .0;
        height: 0; }
      .product-hero__head--term:before {
        left: -60.8px;
        border-top: 32px solid #e06256;
        border-right: 32px solid #e06256;
        border-bottom: 32px solid #e06256;
        border-left: 32px solid transparent; }
      .product-hero__head--term:after {
        right: -60.8px;
        border-top: 32px solid #e06256;
        border-right: 32px solid transparent;
        border-bottom: 32px solid #e06256;
        border-left: 32px solid #e06256; }
    .product-hero__head--rop {
      background-color: #1D979F;
      position: relative; }
      .product-hero__head--rop:before, .product-hero__head--rop:after {
        content: "\0020";
        display: block;
        position: absolute;
        top: .0;
        height: 0; }
      .product-hero__head--rop:before {
        left: -60.8px;
        border-top: 32px solid #1D979F;
        border-right: 32px solid #1D979F;
        border-bottom: 32px solid #1D979F;
        border-left: 32px solid transparent; }
      .product-hero__head--rop:after {
        right: -60.8px;
        border-top: 32px solid #1D979F;
        border-right: 32px solid transparent;
        border-bottom: 32px solid #1D979F;
        border-left: 32px solid #1D979F; } }

@media (min-width: 1240px) {
  .product-hero__name {
    width: 450px;
    height: 300px; }
  .product-hero__head {
    min-width: 300px; }
  .product-hero__cap {
    font-size: 24px; } }

.product-details {
  padding: 20px 20px 40px;
  text-align: center;
  margin: 0; }

.product-details__head {
  font-family: "Mark", serif;
  font-size: 24px;
  font-weight: 700;
  padding-top: 100px;
  margin: 0; }
  .product-details__head--term {
    background-image: url("/img/product-icon-term.png");
    background-image: url("/img/product-icon-term.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% top;
    background-size: auto;
    color: #e06256; }
    .no-svg .product-details__head--term {
      background-image: url("/img/product-icon-term.png"); }
  .product-details__head--rop {
    background-image: url("/img/product-icon-rop.png");
    background-image: url("/img/product-icon-rop.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% top;
    background-size: auto;
    color: #1D979F; }
    .no-svg .product-details__head--rop {
      background-image: url("/img/product-icon-rop.png"); }

.product-details__cap {
  margin: 0 0 40px;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 21px;
  font-weight: 600;
  font-style: italic; }

.product-details__footnote {
  padding-top: 5px; }

.product-details__txt {
  text-align: left;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.625;
  margin-bottom: 30px; }
  .product-details__txt p:last-child {
    margin: 0; }

.product-details__head,
.product-details__cap {
  display: none; }

.product-details__expand-trigger {
  color: #e06256;
  border: 0;
  font-weight: 600;
  font-size: 80%;
  font-style: italic; }
  .product-details__expand-trigger:before {
    font-family: courier;
    content: '+ '; }
  .product-details__expand-trigger.js-is-active {
    color: #7c6f6a; }
    .product-details__expand-trigger.js-is-active:before {
      content: '- '; }

.product-features {
  padding: 40px 0 0;
  margin-bottom: 20px; }
  .product-features--account {
    width: 100%;
    background-color: #f7f5ef;
    margin-bottom: 0; }
  .product-features--term {
    background-color: #fdf8f5; }
  .product-features--rop {
    background-color: #f4fafa; }

.product-features__footnote {
  padding-top: 15px;
  color: #7c6f6a; }

.product-features-table__head {
  text-align: center;
  text-transform: uppercase;
  font-family: "Mark", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0 15px; }
  .product-features-table__head:after {
    margin: 20px auto;
    content: "\0020";
    width: 50px;
    height: 50px;
    display: block; }
  .product-features-table__head--term:after {
    background-image: url("/img/product-icon-term.png");
    background-image: url("/img/product-icon-term.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .product-features-table__head--term:after {
      background-image: url("/img/product-icon-term.png"); }
  .product-features-table__head--rop:after {
    background-image: url("/img/product-icon-rop.png");
    background-image: url("/img/product-icon-rop.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .product-features-table__head--rop:after {
      background-image: url("/img/product-icon-rop.png"); }

@media (min-width: 760px) {
  .product-details {
    padding-top: 80px; }
  .product-details__head,
  .product-details__cap {
    display: block; }
  .product-details__cap {
    min-height: 60px; }
  .products-deepdive {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .product-details {
    max-width: 700px;
    padding-bottom: 0; }
  .product-hero,
  .product-details {
    width: 50%;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .product-hero--term {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .product-hero--rop {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .products-summary {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    width: 100%; }
  .product-details--term {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
    border-right: 1px dashed #d7bfb5;
    padding-left: 60px; }
  .product-details--rop {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
    padding-right: 60px; }
  .product-details__txt {
    min-height: 230px; } }

.products-quote-prompt {
  text-align: center;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .products-quote-prompt {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .products-quote-prompt {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .products-quote-prompt {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .products-quote-prompt {
      padding: 80px; } }

.products-quote-prompt__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  margin: 0 0 50px; }

@media (min-width: 1030px) {
  .product-details__txt {
    font-size: 20px;
    min-height: 310px;
    padding-left: 35px;
    padding-right: 35px; } }

.products-example-coverage {
  background: #f7f5ef;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 550px) {
    .products-example-coverage {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media (min-width: 760px) {
    .products-example-coverage {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (min-width: 850px) {
    .products-example-coverage {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (min-width: 1030px) {
    .products-example-coverage {
      padding-top: 80px;
      padding-bottom: 80px; } }

.products-example-coverage__head {
  font-family: "Mark", serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.375;
  margin-bottom: 30px;
  text-align: center;
  margin: 0 auto;
  max-width: 1075px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px; }
  @media (min-width: 550px) {
    .products-example-coverage__head {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .products-example-coverage__head {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .products-example-coverage__head {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .products-example-coverage__head {
      padding-left: 80px;
      padding-right: 80px; } }

.products-example-coverage__tables {
  margin: 0 auto;
  max-width: 1450px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 550px) {
    .products-example-coverage__tables {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .products-example-coverage__tables {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .products-example-coverage__tables {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .products-example-coverage__tables {
      padding-left: 80px;
      padding-right: 80px; } }

.products-example-coverage__table .th--tr-title,
.products-example-coverage__table .td--tr-title {
  background-color: #f0ebe4; }

.products-example-coverage__table .asterisk {
  font-size: 60%; }

.product-example-coverage__prompt {
  text-align: center; }

.product-example-coverage__footnote {
  margin-top: -16px; }

@media (min-width: 850px) {
  .products-example-coverage__head {
    font-size: 28px;
    margin-bottom: 60px; } }

.product-example-coverage-prompt {
  text-align: center;
  margin-top: 50px; }

.product-example-coverage-prompt__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  margin: 0 0 40px; }

.difference-content {
  background-color: #ffffff; }

.difference-hero {
  padding: 40px 20px;
  background-image: url(/img/difference-hero-420.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  max-height: calc(100vh - 60px); }
  @media (min-width: 550px) {
    .difference-hero {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .difference-hero {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .difference-hero {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .difference-hero {
      padding: 80px; } }

.difference-hero__head {
  margin: 0 auto;
  padding: 0;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 300px;
  height: 200px;
  background-image: url(/img/lettering-trust-white.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  max-height: calc(100vh - (60px * 2)); }
  .spanish-is-active .difference-hero__head {
    background-image: url(/img/lettering-trust-white-es.svg); }

@media (min-width: 550px) {
  .difference-hero {
    background-image: url(/img/difference-hero-560.jpg); }
  .difference-hero__head {
    width: 400px;
    height: 250px; } }

@media (min-width: 760px) {
  .difference-hero {
    background-image: url(/img/difference-hero-875.jpg);
    max-height: calc(100vh - 80px); }
  .difference-hero__head {
    width: 650px;
    height: 400px;
    max-height: calc(100vh - (80px * 2)); } }

@media (min-width: 850px) {
  .difference-hero {
    max-height: calc(100vh - 100px); }
  .difference-hero__head {
    width: 850px;
    height: 550px;
    max-height: calc(100vh - (100px * 2)); } }

@media (min-width: 1030px) {
  .difference-hero {
    background-image: url(/img/difference-hero-1350.jpg);
    max-height: calc(100vh - 140px); }
  .difference-hero__head {
    width: 950px;
    height: 730px;
    max-height: calc(100vh - (140px * 2)); } }

.difference-intro {
  background-color: #f7f5ef; }

.difference-intro__content {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1350px; }
  @media (min-width: 550px) {
    .difference-intro__content {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .difference-intro__content {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .difference-intro__content {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .difference-intro__content {
      padding: 80px; } }

.difference-intro__head {
  text-align: center;
  color: #e06256;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5; }
  .difference-intro__head:after {
    content: "\0020";
    width: 80px;
    height: 40px;
    display: block;
    background-image: url("/img/bow-tie-b-beige.png");
    background-image: url("/img/bow-tie-b-beige.svg"), none;
    background-color: 50% 50%;
    background-repeat: no-repeat;
    background-position: transparent;
    background-size: contain;
    margin: 20px auto; }
    .no-svg .difference-intro__head:after {
      background-image: url("/img/bow-tie-b-beige.png"); }

.difference-intro__txt {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  line-height: 1.625;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .difference-intro__txt p {
    margin-bottom: 15px; }
    .difference-intro__txt p:last-child {
      margin-bottom: 0; }
  .difference-intro__txt strong em {
    font-weight: 600;
    font-style: italic; }

.difference-intro__mm-logo-wrap a {
  border: 0;
  margin: 40px auto 0;
  display: block;
  width: 200px; }

@media (min-width: 760px) {
  .difference-intro__head {
    font-size: 28px;
    margin-bottom: 20px; }
  .difference-intro__txt {
    font-size: 18px; }
    .difference-intro__txt p {
      margin-bottom: 20px; } }

@media (min-width: 1030px) {
  .difference-intro__head {
    font-size: 34px;
    margin-bottom: 30px; }
  .difference-intro__txt {
    font-size: 20px; }
    .difference-intro__txt p {
      margin-bottom: 30px; } }

.difference-facts {
  background-color: #e06256;
  color: #ffffff;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .difference-facts {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .difference-facts {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .difference-facts {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .difference-facts {
      padding: 80px; } }

.difference-facts__content {
  margin: 0 auto;
  max-width: 1075px; }

.difference-facts__head {
  text-align: center;
  color: #ffffff;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 21px;
  font-weight: 700; }
  .difference-facts__head:after {
    content: "\0020";
    display: block;
    margin: 20px auto 60px;
    width: 60px;
    height: 40px;
    background-image: url("/img/bow-tie-a-orange-lighter.png");
    background-image: url("/img/bow-tie-a-orange-lighter.svg"), none;
    background-color: 50% 50%;
    background-repeat: no-repeat;
    background-position: transparent;
    background-size: contain; }
    .no-svg .difference-facts__head:after {
      background-image: url("/img/bow-tie-a-orange-lighter.png"); }

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

.difference-facts__item {
  margin: 0 0 30px;
  position: relative;
  text-align: center;
  z-index: 5; }
  .difference-facts__item:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "\0020";
    display: block;
    margin-left: -30px;
    width: 60px;
    height: 1px;
    background-color: #ffc92b; }

.difference-facts__illo {
  display: block;
  margin: 0 auto 20px;
  width: 160px;
  height: 55px; }
  .difference-facts__illo img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%; }

.difference-facts__cap {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 30px;
  line-height: 1.5;
  margin: 0; }
  .difference-facts__cap strong {
    font-weight: 600;
    color: #ffc92b; }

.difference-facts__note {
  text-align: left;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 10px; }
  .difference-facts__note:last-child {
    margin-bottom: 0; }
  .difference-facts__note a[href^=tel] {
    border: 0;
    text-decoration: none; }

@media (min-width: 374px) {
  .difference-facts__list {
    margin-left: -20px; }
    .difference-facts__list:after {
      content: "";
      display: table;
      clear: both; }
    .difference-facts__list > * {
      float: left;
      padding-left: 20px;
      width: 50%; }
    .difference-facts__list > *:nth-child(1n) {
      clear: none; }
    .difference-facts__list > *:nth-child(2n + 1) {
      clear: both; }
  .difference-facts__item {
    text-align: left;
    min-height: 245px;
    margin-bottom: 50px; }
    .difference-facts__item:after {
      left: 20px;
      margin-left: 0; }
  .difference-facts__illo {
    height: 70px;
    margin: 0 0 20px; }
    .difference-facts__illo img {
      margin: 0; }
    .difference-facts__illo--1851 {
      width: 65%; }
    .difference-facts__illo--fortune100 {
      width: 100%; }
    .difference-facts__illo--lifebridge {
      width: 100%; }
    .difference-facts__illo--billion {
      width: 45%; }
    .difference-facts__illo--mutualcompany {
      width: 75%; }
    .difference-facts__illo--policies {
      width: 85%;
      max-width: 285px; }
  .difference-facts__cap {
    font-size: 14px; } }

@media (min-width: 550px) {
  .difference-facts__illo {
    height: 60px; }
  .difference-facts__illo--1851 {
    width: 60%; }
  .difference-facts__illo--fortune100 {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px); }
  .difference-facts__cap {
    font-size: 15px; } }

@media (min-width: 760px) {
  .difference-facts.js-prep-animation .difference-facts__illo {
    opacity: 0;
    -webkit-perspective: 600px;
            perspective: 600px;
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px); }
  .difference-facts.js-prep-animation .difference-facts__cap {
    opacity: 0;
    -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
            transform: translateY(70px); }
  .difference-facts.js-prep-animation.js-do-animation .difference-facts__illo {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .difference-facts.js-prep-animation.js-do-animation .difference-facts__cap {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .difference-facts__item:nth-of-type(1) .difference-facts__illo {
    transition: opacity 0.1s 0.1s linear, -webkit-transform 0.9s 0.1s ease-out;
    transition: transform 0.9s 0.1s ease-out, opacity 0.1s 0.1s linear;
    transition: transform 0.9s 0.1s ease-out, opacity 0.1s 0.1s linear, -webkit-transform 0.9s 0.1s ease-out; }
  .difference-facts__item:nth-of-type(1) .difference-facts__cap {
    transition: opacity 0.1s 0.1s linear, -webkit-transform 0.9s 0.1s ease-out;
    transition: transform 0.9s 0.1s ease-out, opacity 0.1s 0.1s linear;
    transition: transform 0.9s 0.1s ease-out, opacity 0.1s 0.1s linear, -webkit-transform 0.9s 0.1s ease-out; }
  .difference-facts__item:nth-of-type(2) .difference-facts__illo {
    transition: opacity 0.1s 0.2s linear, -webkit-transform 0.8s 0.2s ease-out;
    transition: transform 0.8s 0.2s ease-out, opacity 0.1s 0.2s linear;
    transition: transform 0.8s 0.2s ease-out, opacity 0.1s 0.2s linear, -webkit-transform 0.8s 0.2s ease-out; }
  .difference-facts__item:nth-of-type(2) .difference-facts__cap {
    transition: opacity 0.1s 0.2s linear, -webkit-transform 0.8s 0.2s ease-out;
    transition: transform 0.8s 0.2s ease-out, opacity 0.1s 0.2s linear;
    transition: transform 0.8s 0.2s ease-out, opacity 0.1s 0.2s linear, -webkit-transform 0.8s 0.2s ease-out; }
  .difference-facts__item:nth-of-type(3) .difference-facts__illo {
    transition: opacity 0.1s 0.3s linear, -webkit-transform 0.7s 0.3s ease-out;
    transition: transform 0.7s 0.3s ease-out, opacity 0.1s 0.3s linear;
    transition: transform 0.7s 0.3s ease-out, opacity 0.1s 0.3s linear, -webkit-transform 0.7s 0.3s ease-out; }
  .difference-facts__item:nth-of-type(3) .difference-facts__cap {
    transition: opacity 0.1s 0.3s linear, -webkit-transform 0.7s 0.3s ease-out;
    transition: transform 0.7s 0.3s ease-out, opacity 0.1s 0.3s linear;
    transition: transform 0.7s 0.3s ease-out, opacity 0.1s 0.3s linear, -webkit-transform 0.7s 0.3s ease-out; }
  .difference-facts__item:nth-of-type(4) .difference-facts__illo {
    transition: opacity 0.1s 0.4s linear, -webkit-transform 0.6s 0.4s ease-out;
    transition: transform 0.6s 0.4s ease-out, opacity 0.1s 0.4s linear;
    transition: transform 0.6s 0.4s ease-out, opacity 0.1s 0.4s linear, -webkit-transform 0.6s 0.4s ease-out; }
  .difference-facts__item:nth-of-type(4) .difference-facts__cap {
    transition: opacity 0.1s 0.4s linear, -webkit-transform 0.6s 0.4s ease-out;
    transition: transform 0.6s 0.4s ease-out, opacity 0.1s 0.4s linear;
    transition: transform 0.6s 0.4s ease-out, opacity 0.1s 0.4s linear, -webkit-transform 0.6s 0.4s ease-out; }
  .difference-facts__item:nth-of-type(5) .difference-facts__illo {
    transition: opacity 0.1s 0.5s linear, -webkit-transform 0.5s 0.5s ease-out;
    transition: transform 0.5s 0.5s ease-out, opacity 0.1s 0.5s linear;
    transition: transform 0.5s 0.5s ease-out, opacity 0.1s 0.5s linear, -webkit-transform 0.5s 0.5s ease-out; }
  .difference-facts__item:nth-of-type(5) .difference-facts__cap {
    transition: opacity 0.1s 0.5s linear, -webkit-transform 0.5s 0.5s ease-out;
    transition: transform 0.5s 0.5s ease-out, opacity 0.1s 0.5s linear;
    transition: transform 0.5s 0.5s ease-out, opacity 0.1s 0.5s linear, -webkit-transform 0.5s 0.5s ease-out; }
  .difference-facts__item:nth-of-type(6) .difference-facts__illo {
    transition: opacity 0.1s 0.6s linear, -webkit-transform 0.4s 0.6s ease-out;
    transition: transform 0.4s 0.6s ease-out, opacity 0.1s 0.6s linear;
    transition: transform 0.4s 0.6s ease-out, opacity 0.1s 0.6s linear, -webkit-transform 0.4s 0.6s ease-out; }
  .difference-facts__item:nth-of-type(6) .difference-facts__cap {
    transition: opacity 0.1s 0.6s linear, -webkit-transform 0.4s 0.6s ease-out;
    transition: transform 0.4s 0.6s ease-out, opacity 0.1s 0.6s linear;
    transition: transform 0.4s 0.6s ease-out, opacity 0.1s 0.6s linear, -webkit-transform 0.4s 0.6s ease-out; }
  .difference-facts__head {
    font-size: 26px;
    margin-bottom: 80px; }
  .difference-facts__list {
    margin-left: -30px; }
    .difference-facts__list:after {
      content: "";
      display: table;
      clear: both; }
    .difference-facts__list > * {
      float: left;
      padding-left: 30px;
      width: 33.33333%; }
    .difference-facts__list > *:nth-child(1n) {
      clear: none; }
    .difference-facts__list > *:nth-child(3n + 1) {
      clear: both; }
  .difference-facts__item {
    min-height: 260px;
    margin-bottom: 60px; }
    .difference-facts__item:after {
      left: 30px; }
  .difference-facts__cap {
    font-size: 16px; }
  .difference-facts__note {
    font-size: 13px; }
  .difference-facts__illo {
    height: 90px; } }

@media (min-width: 850px) {
  .difference-facts__illo {
    height: 110px;
    margin-bottom: 0; } }

@media (min-width: 1240px) {
  .difference-facts__item {
    min-height: 310px;
    margin-bottom: 80px; }
  .difference-facts__illo {
    height: 130px; }
  .difference-facts__head {
    font-size: 34px; }
  .difference-facts__cap {
    font-size: 19px; } }

.difference-believe {
  background: #000000; }

.difference-believe__head {
  text-align: center;
  position: absolute;
  z-index: 80;
  top: 10px;
  left: 0;
  width: 100%;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  color: #ffffff;
  transition: opacity .5s; }
  .difference-believe__head:after {
    content: "\0020";
    width: 50px;
    height: 20px;
    margin: 10px auto;
    display: block;
    background-image: url("/img/bow-tie-a-orange-lighter.png");
    background-image: url("/img/bow-tie-a-orange-lighter.svg"), none;
    background-color: 50% 50%;
    background-repeat: no-repeat;
    background-position: transparent;
    background-size: contain; }
    .no-svg .difference-believe__head:after {
      background-image: url("/img/bow-tie-a-orange-lighter.png"); }
  .no-touch .difference-believe__head {
    display: none; }
  .no-touch .difference-believe__head--first {
    display: block; }
  .difference-believe__head.js-is-muted {
    opacity: 0; }

.difference-believe__list {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 60;
  will-change: auto; }

.difference-believe__item {
  padding: 40px 20px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 550px) {
    .difference-believe__item {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .difference-believe__item {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .difference-believe__item {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .difference-believe__item {
      padding: 80px; } }
  .difference-believe__item--safety {
    background-image: url(/img/we-believe-images1-860.jpg); }
  .difference-believe__item--comfort {
    background-image: url(/img/we-believe-images2-860.jpg); }
  .difference-believe__item--trust {
    background-image: url(/img/we-believe-images3-860.jpg); }
  .difference-believe__item--say {
    background-image: url(/img/we-believe-images4-860.jpg); }
  .difference-believe__item--understand {
    background-image: url(/img/we-believe-images5-860.jpg); }
  .no-touch .difference-believe__item {
    background-image: none;
    height: 100vh; }

.difference-believe__lettering {
  margin: 0;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 400px;
  height: 300px;
  color: #ffffff;
  z-index: 500;
  text-align: center;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  color: #ffffff;
  opacity: 1;
  transition: opacity 0.5s, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s, transform 0.5s ease-out;
  transition: opacity 0.5s, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
  .difference-believe__lettering--safety {
    background-image: url(/img/we-believe-lettering-safety.svg); }
    .spanish-is-active .difference-believe__lettering--safety {
      background-image: url(/img/we-believe-lettering-safety-es.svg); }
  .difference-believe__lettering--comfort {
    background-image: url(/img/we-believe-lettering-comfort.svg); }
    .spanish-is-active .difference-believe__lettering--comfort {
      background-image: url(/img/we-believe-lettering-comfort-es.svg); }
  .difference-believe__lettering--trust {
    background-image: url(/img/we-believe-lettering-trust.svg); }
    .spanish-is-active .difference-believe__lettering--trust {
      background-image: url(/img/we-believe-lettering-trust-es.svg); }
  .difference-believe__lettering--say {
    background-image: url(/img/we-believe-lettering-say.svg); }
    .spanish-is-active .difference-believe__lettering--say {
      background-image: url(/img/we-believe-lettering-say-es.svg); }
  .difference-believe__lettering--understand {
    background-image: url(/img/we-believe-lettering-understand.svg); }
    .spanish-is-active .difference-believe__lettering--understand {
      background-image: url(/img/we-believe-lettering-understand-es.svg); }

.no-touch .difference-believe__lettering {
  transition: none;
  opacity: 0; }

@media (min-width: 550px) {
  .difference-believe__lettering {
    width: 500px;
    height: 400px; }
  .difference-believe__head {
    font-size: 22px;
    top: 15px; }
    .difference-believe__head:after {
      width: 60px;
      height: 30px;
      margin: 15px auto; } }

.difference-believe__bg-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: #1D979F;
  overflow: hidden; }

.no-touch .difference-believe__bg {
  transition: none;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  transition: opacity 0.5s; }
  .no-touch .difference-believe__bg--safety {
    z-index: 50;
    background-image: url(/img/we-believe-images1-1350.jpg);
    opacity: 1; }
  .no-touch .difference-believe__bg--comfort {
    z-index: 51;
    background-image: url(/img/we-believe-images2-1350.jpg); }
  .no-touch .difference-believe__bg--trust {
    z-index: 52;
    background-image: url(/img/we-believe-images3-1350.jpg); }
  .no-touch .difference-believe__bg--say {
    z-index: 53;
    background-image: url(/img/we-believe-images4-1350.jpg); }
  .no-touch .difference-believe__bg--understand {
    z-index: 54;
    background-image: url(/img/we-believe-images5-1350.jpg); }
  .no-touch .difference-believe__bg.js-is-last {
    opacity: 1; }
  .no-touch .difference-believe__bg.js-is-active {
    opacity: 1; }

@media (min-width: 760px) {
  .difference-believe__head {
    top: 40px; }
  .difference-believe__lettering {
    margin-top: 30px;
    width: 600px;
    height: 450px; } }

@media (min-width: 850px) {
  .difference-believe__lettering {
    width: 700px;
    height: 600px; }
  .difference-believe__head {
    font-size: 24px;
    top: 20px; }
    .difference-believe__head:after {
      width: 70px;
      height: 40px;
      margin: 20px auto; } }

@media (min-width: 1030px) {
  .difference-believe__head {
    font-size: 36px; }
  .difference-believe__lettering {
    width: 900px;
    height: 800px; } }

@media (min-width: 1240px) {
  .difference-believe__lettering {
    width: 1050px;
    height: 850px; } }

.learn-hero {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 550px) {
    .learn-hero {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .learn-hero {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .learn-hero {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .learn-hero {
      padding-left: 80px;
      padding-right: 80px; } }
  @media (min-width: 760px) {
    .learn-hero {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      height: 300px; } }
  @media (min-width: 1030px) {
    .learn-hero {
      height: 420px; } }
  @media (min-width: 1240px) {
    .learn-hero {
      height: 500px; } }

.learn-hero--about {
  background-image: url(/img/learn-hero-about-1350.jpg); }

.learn-hero--coverage {
  background-image: url(/img/learn-hero-coverage-1350.jpg); }

.learn-hero--options {
  background-image: url(/img/learn-hero-options-1350.jpg); }

.learn-hero--apply {
  background-image: url(/img/learn-hero-apply-1350.jpg); }

.learn-hero--current {
  background-image: url(/img/learn-hero-current-1350.jpg); }

.learn-hero__lettering {
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 200px;
  height: 150px;
  width: 200px;
  height: 150px;
  color: #ffffff;
  font: 800 22px/1.2 "Archer SSm A", "Archer SSm B", serif;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
  @media (min-width: 760px) {
    .learn-hero__lettering {
      width: 300px;
      height: 200px; } }
  @media (min-width: 1030px) {
    .learn-hero__lettering {
      width: 450px;
      height: 300px; } }

.learn-hero__lettering--placeholder {
  margin: 0;
  display: block;
  text-align: left;
  color: #ffffff;
  font: 800 24px/1.2 "Archer SSm A", "Archer SSm B", serif;
  overflow: hidden;
  width: 100%; }
  @media (min-width: 760px) {
    .learn-hero__lettering--placeholder {
      font-size: 40px; } }
  @media (min-width: 1030px) {
    .learn-hero__lettering--placeholder {
      font-size: 55px; } }

.learn-hero__lettering--about {
  background-image: url(/img/lettering-101.svg); }

.learn-hero__lettering--coverage {
  background-image: url(/img/lettering-coverage.svg); }

.learn-hero__lettering--apply {
  background-image: url(/img/lettering-2goodoptions.svg); }

.learn-hero__lettering--options {
  background-image: url(/img/lettering-beforeandafter.svg); }

.learn-hero__lettering--current {
  background-image: url(/img/lettering-keepitcurrent.svg); }

.learn-subnav {
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  background-color: #f7f5ef;
  height: 56px; }

.learn-subnav__list {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  list-style: none;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.learn-subnav__item {
  position: relative;
  z-index: 10;
  -webkit-perspective: 900px;
          perspective: 900px;
  height: auto;
  opacity: 1;
  transition: all 0.3s ease; }

.learn-subnav__item:not(.learn-subnav__item--active) {
  opacity: 0;
  -webkit-transform: translateY(30px) rotateX(90deg);
          transform: translateY(30px) rotateX(90deg); }

.js-learn-subnav-is-open .learn-subnav {
  height: 280px; }

.js-learn-subnav-is-open .learn-subnav__list {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.js-learn-subnav-is-open .learn-subnav__item {
  opacity: 1;
  -webkit-transform: translateY(0) rotateX(0);
          transform: translateY(0) rotateX(0); }

.learn-subnav__list--nth-active-1 {
  -webkit-transform: translateY(-0px);
      -ms-transform: translateY(-0px);
          transform: translateY(-0px); }

.learn-subnav__item:nth-child(1) {
  transition-delay: 0.03s; }

.learn-subnav__list--nth-active-1 .learn-subnav__item:nth-child(0) .learn-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.learn-subnav__list--nth-active-2 {
  -webkit-transform: translateY(-57px);
      -ms-transform: translateY(-57px);
          transform: translateY(-57px); }

.learn-subnav__item:nth-child(2) {
  transition-delay: 0.06s; }

.learn-subnav__list--nth-active-2 .learn-subnav__item:nth-child(1) .learn-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.learn-subnav__list--nth-active-3 {
  -webkit-transform: translateY(-114px);
      -ms-transform: translateY(-114px);
          transform: translateY(-114px); }

.learn-subnav__item:nth-child(3) {
  transition-delay: 0.09s; }

.learn-subnav__list--nth-active-3 .learn-subnav__item:nth-child(2) .learn-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.learn-subnav__list--nth-active-4 {
  -webkit-transform: translateY(-171px);
      -ms-transform: translateY(-171px);
          transform: translateY(-171px); }

.learn-subnav__item:nth-child(4) {
  transition-delay: 0.12s; }

.learn-subnav__list--nth-active-4 .learn-subnav__item:nth-child(3) .learn-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.learn-subnav__list--nth-active-5 {
  -webkit-transform: translateY(-228px);
      -ms-transform: translateY(-228px);
          transform: translateY(-228px); }

.learn-subnav__item:nth-child(5) {
  transition-delay: 0.15s; }

.learn-subnav__list--nth-active-5 .learn-subnav__item:nth-child(4) .learn-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.learn-subnav__link {
  border: 0;
  height: 57px;
  padding-left: 58px;
  padding-right: 15px;
  padding-top: 1px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #d4d4d4;
  color: #e06256;
  position: relative;
  font: 600 11px/1.2 "Mark", serif;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #f7f5ef;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: 30px auto;
  transition: all 0.15s ease; }
  .learn-subnav__link br {
    display: none; }
  .learn-subnav__link--about {
    background-image: url(/img/learn-subnav-icon-about-red.svg); }
    .learn-subnav__item--active .learn-subnav__link--about {
      background-image: url(/img/learn-subnav-icon-about-white.svg); }
  .learn-subnav__link--coverage {
    background-image: url(/img/learn-subnav-icon-coverage-red.svg); }
    .learn-subnav__item--active .learn-subnav__link--coverage {
      background-image: url(/img/learn-subnav-icon-coverage-white.svg); }
  .learn-subnav__link--options {
    background-image: url(/img/learn-subnav-icon-options-red.svg); }
    .learn-subnav__item--active .learn-subnav__link--options {
      background-image: url(/img/learn-subnav-icon-options-white.svg); }
  .learn-subnav__link--apply {
    background-image: url(/img/learn-subnav-icon-apply-red.svg); }
    .learn-subnav__item--active .learn-subnav__link--apply {
      background-image: url(/img/learn-subnav-icon-apply-white.svg); }
  .learn-subnav__link--current {
    background-image: url(/img/learn-subnav-icon-current-red.svg); }
    .learn-subnav__item--active .learn-subnav__link--current {
      background-image: url(/img/learn-subnav-icon-current-white.svg); }

.learn-subnav__item--active .learn-subnav__link {
  background-color: #faa33b;
  color: #fff;
  z-index: 20;
  border: 0;
  padding-right: 40px; }
  .learn-subnav__item--active .learn-subnav__link:hover {
    color: #ffffff;
    background-color: #faa33b; }
  .learn-subnav__item--active .learn-subnav__link:after {
    content: "\0020";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    z-index: 5;
    width: 15px;
    height: 15px;
    background: url(/img/arrow-simple-down-white.svg) no-repeat 50% 50%;
    background-size: contain;
    -webkit-transform: rotateZ(0);
        -ms-transform: rotate(0);
            transform: rotateZ(0);
    transition: rotateZ 0.3s; }
  .js-learn-subnav-is-open .learn-subnav__item--active .learn-subnav__link:after {
    -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
            transform: rotateZ(180deg); }

@media (min-width: 374px) {
  .learn-subnav__link {
    padding-left: 65px;
    font-size: 11px;
    letter-spacing: 1px; } }

@media (min-width: 760px) {
  .learn-subnav {
    height: auto !important; }
  .learn-subnav__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .learn-subnav {
    height: auto; }
  .learn-subnav__list {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .learn-subnav__item:not(.learn-subnav__item--active) {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0); }
  .learn-subnav__item {
    width: 20%;
    height: auto; }
    .learn-subnav__item--active .learn-subnav__link {
      padding-left: 20px;
      padding-right: 20px; }
    .learn-subnav__item--active .learn-subnav__link:after {
      display: none; }
  .learn-subnav__link {
    min-height: 130px;
    display: block;
    padding: 75px 20px 0;
    background-position: 50% 30px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1.5px;
    background-size: 37px auto;
    border-bottom: 0;
    border-right: 1px solid #d4d4d4; }
    .learn-subnav__item:last-child .learn-subnav__link {
      border-right: 0; }
    .learn-subnav__link:hover {
      background-color: #efe6e2; }
    .learn-subnav__link--active:hover {
      background-color: #faa33b;
      color: #ffffff; } }

@media (min-width: 850px) {
  .learn-subnav__link {
    font-size: 11px; }
    .learn-subnav__link br {
      display: block; } }

@media (min-width: 1030px) {
  .learn-subnav__link {
    min-height: 155px;
    font-size: 12px;
    min-height: 175px;
    background-position: 50% 45px;
    padding-top: 100px;
    background-size: 45px auto; } }

@media (min-width: 1240px) {
  .learn-subnav__link {
    font-size: 14px; } }

.learn-txt {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1030px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: 600 15px/1.625 "Archer SSm A", "Archer SSm B", serif; }
  @media (min-width: 550px) {
    .learn-txt {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .learn-txt {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .learn-txt {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .learn-txt {
      padding: 80px; } }
  .learn-txt p,
  .learn-txt ul,
  .learn-txt ol {
    margin-bottom: 20px; }
  .learn-txt.learn-txt--full {
    width: 100%;
    margin: 0 auto;
    max-width: none;
    padding-top: 0;
    border-bottom: 1px dashed #d7bfb5; }

.learn-txt__h2 br,
.learn-txt__h3 br {
  display: none; }

.learn-txt__h2 {
  text-align: center;
  color: #1D979F;
  font: 700 18px/1.5 "Archer SSm A", "Archer SSm B", serif;
  margin: 0 0 20px; }
  .learn-txt__h2:after {
    display: block;
    content: "\0020";
    width: 50px;
    height: 50px;
    margin: 10px auto;
    background: url(/img/bow-tie-a-beige.svg) no-repeat 50% 50%;
    background-size: contain; }

.learn-txt__h3 {
  text-align: center;
  color: #4e4541;
  font: 700 15px/1.5 "Archer SSm A", "Archer SSm B", serif;
  margin: 0 0 50px; }

.learn-txt__h4 {
  color: #e06256;
  font: 600 18px/1.5 "Mark", serif;
  margin: 0 0 20px; }

.learn-txt__h5 {
  font: 800 15px/1.625 "Archer SSm A", "Archer SSm B", serif;
  margin: 0 0 5px; }

.learn-txt__cta {
  margin-top: 60px;
  text-align: center; }

.learn-txt__icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1450px; }

.learn-txt__icon-item {
  width: 50%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  text-align: center;
  padding: 100px 8px 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: italic 12px/1.375 "Archer SSm A", "Archer SSm B", serif; }
  .learn-txt__icon-item--info {
    background-image: url(/img/icon-learn-info.svg); }
  .learn-txt__icon-item--health {
    background-image: url(/img/icon-learn-health.svg); }
  .learn-txt__icon-item--financial {
    background-image: url(/img/icon-learn-financial.svg); }
  .learn-txt__icon-item--beneficiaries {
    background-image: url(/img/icon-learn-beneficiaries.svg); }

@media (min-width: 760px) {
  .learn-txt__h2 br,
  .learn-txt__h3 br {
    display: block; }
  .learn-txt__icon-list {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  .learn-txt__icon-item {
    width: 25%;
    padding: 100px 15px 40px; } }

@media (min-width: 850px) {
  .learn-txt__h2 {
    font-size: 24px; }
  .learn-txt__h3 {
    font-size: 18px; }
  .learn-txt__h4 {
    font-size: 20px; }
  .learn-txt__h5 {
    font-size: 16px;
    margin-bottom: 5px; }
  .learn-txt__icon-item {
    font-size: 15px;
    padding-bottom: 50px; }
  .learn-txt {
    font-size: 16px; }
    .learn-txt p,
    .learn-txt ul,
    .learn-txt ol {
      margin-bottom: 25px; } }

@media (min-width: 1030px) {
  .learn-txt__h2 {
    font-size: 32px; }
  .learn-txt__h3 {
    font-size: 20px; }
  .learn-txt__h4 {
    font-size: 28px; }
  .learn-txt__h5 {
    font-size: 18px;
    margin-bottom: 5px; }
  .learn-txt {
    font-size: 18px; }
    .learn-txt p,
    .learn-txt ul,
    .learn-txt ol {
      margin-bottom: 30px; }
  .learn-txt__icon-item {
    font-size: 18px; } }

.error-content {
  background: #f7f5ef; }

.error-hero {
  background: url(/img/hero-baby-drawer-420.jpg) no-repeat 50% 50%;
  background-size: cover;
  height: 230px;
  position: relative; }

.error-hero__lettering {
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 100px;
  height: 60px;
  background: url("/img/404-lettering.svg") no-repeat 50% 50%;
  background-size: contain;
  position: absolute;
  right: 10%;
  bottom: 20px; }

.error-txt {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1450px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  min-height: 600px; }
  @media (min-width: 550px) {
    .error-txt {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .error-txt {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .error-txt {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .error-txt {
      padding: 80px; } }

.error-txt__h2 {
  font: 800 18px/1.5 "Archer SSm A", "Archer SSm B", serif; }

.error-txt__p {
  font: 700 16px/1.75 "Archer SSm A", "Archer SSm B", serif;
  margin: 0 0 40px; }
  .error-txt__p br {
    display: none; }

@media (min-width: 550px) {
  .error-hero {
    background-image: url(/img/hero-baby-drawer-560.jpg);
    height: 260px; }
  .error-hero__lettering {
    bottom: 50px;
    width: 150px;
    height: 80px; } }

@media (min-width: 760px) {
  .error-hero {
    background-image: url(/img/hero-baby-drawer-875.jpg);
    height: 400px; }
  .error-hero__lettering {
    bottom: 80px;
    width: 180px;
    height: 100px; } }

@media (min-width: 850px) {
  .error-txt__h2 {
    font-size: 24px; }
  .error-txt__p {
    font-size: 18px; }
    .error-txt__p br {
      display: block; } }

@media (min-width: 1030px) {
  .error-hero {
    background-image: url(/img/hero-baby-drawer-1350.jpg);
    height: 420px; }
  .error-hero__lettering {
    bottom: 100px;
    width: 200px;
    height: 110px; }
  .error-txt__h2 {
    font-size: 32px; }
  .error-txt__p {
    font-size: 22px; } }

@media (min-width: 1240px) {
  .error-txt__p {
    font-size: 26px; } }

.app-hero {
  text-align: center;
  color: #4e4541;
  background-color: #f7f5ef; }

.app-hero__head {
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 280px;
  height: 150px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.app-hero__head--product-term {
  background-image: url(/img/lettering-product-term.svg);
  margin-bottom: 25px; }
  @media (min-width: 760px) {
    .app-hero__head--product-term {
      margin-bottom: 50px; } }

.app-hero__head--product-term-plus {
  background-image: url(/img/lettering-product-term-plus.svg);
  margin-bottom: 25px; }
  @media (min-width: 760px) {
    .app-hero__head--product-term-plus {
      margin-bottom: 50px; } }

.app-hero__head--verify {
  background-image: url(/img/lettering-verify.svg);
  background-size: 80% auto; }

.app-start__intro {
  padding: 40px 40px 0; }
  @media (min-width: 760px) {
    .app-start__intro {
      padding: 50px 40px 0; } }
  @media (min-width: 1030px) {
    .app-start__intro {
      padding: 60px 40px 0; } }

.app-start-content {
  background-color: #f7f5ef;
  text-align: center; }

.app-start__product-name {
  margin: 0 auto 40px;
  width: 200px; }
  .app-start__product-name img {
    margin: 0 auto;
    width: 100%;
    display: block; }

.app-start__product-name--term--placeholder {
  color: #e06256; }

.app-start__product-name--term-plus--placeholder {
  color: #1D979F; }

.app-start__product-name--term-plus--placeholder,
.app-start__product-name--term--placeholder {
  margin: 0 auto 40px;
  font: 800 32px/1.2 "Archer SSm A", "Archer SSm B", serif;
  text-align: center; }
  @media (min-width: 760px) {
    .app-start__product-name--term-plus--placeholder,
    .app-start__product-name--term--placeholder {
      font-size: 48px; } }
  @media (min-width: 1030px) {
    .app-start__product-name--term-plus--placeholder,
    .app-start__product-name--term--placeholder {
      font-size: 72px; } }

.app-start__head,
.app-start__prompt,
.app-start__info-head {
  margin: 0 0 30px;
  color: #4e4541;
  text-align: center; }
  .app-start__head br,
  .app-start__prompt br,
  .app-start__info-head br {
    display: none; }

.app-start__head {
  font: 800 21px/1.5 "Archer SSm A", "Archer SSm B", serif; }
  .app-start__head br {
    display: block; }

.app-start__prompt {
  font: 600 15px/1.625 "Archer SSm A", "Archer SSm B", serif; }

.app-start__info {
  padding: 30px 30px 40px; }
  @media (min-width: 760px) {
    .app-start__info {
      padding: 40px 0 50px; } }
  @media (min-width: 1030px) {
    .app-start__info {
      padding: 60px 0 0; } }

.app-start__info-head {
  font: 800 18px/1.5 "Archer SSm A", "Archer SSm B", serif; }

.app-start__info-list {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1450px; }

.app-start__info-item {
  width: 50%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  text-align: center;
  padding: 100px 8px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: italic 12px/1.375 "Archer SSm A", "Archer SSm B", serif; }
  .app-start__info-item--info {
    background-image: url(/img/icon-learn-info.svg); }
  .app-start__info-item--health {
    background-image: url(/img/icon-learn-health.svg); }
  .app-start__info-item--financial {
    background-image: url(/img/icon-learn-financial.svg); }
  .app-start__info-item--beneficiaries {
    background-image: url(/img/icon-learn-beneficiaries.svg); }

@media (min-width: 760px) {
  .app-start__product-name {
    width: 300px; }
  .app-start_product-name,
  .app-start__head,
  .app-start__prompt,
  .app-start__info-head {
    margin-bottom: 40px; }
    .app-start_product-name br,
    .app-start__head br,
    .app-start__prompt br,
    .app-start__info-head br {
      display: block; }
  .app-start__head {
    font-size: 28px; }
  .app-start__prompt {
    font-size: 18px; }
  .app-start__info-list {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  .app-start__info-item {
    width: 25%;
    padding: 100px 15px 0;
    font-size: 15px; } }

@media (min-width: 1030px) {
  .app-start__product-name {
    width: 350px; }
  .app-start_product-name,
  .app-start__head,
  .app-start__prompt,
  .app-start__info-head {
    margin-bottom: 50px; }
  .app-start__head {
    font-size: 36px; }
  .app-start__prompt {
    font-size: 21px; }
  .app-start__info-head {
    font-size: 19px; }
  .app-start__info-item {
    font-size: 16px;
    padding: 100px 20px 50px; } }

.form-item--login-prompt:after {
  content: "";
  display: table;
  clear: both; }

.app-form__head {
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 600 21px/1.2 "Mark", serif;
  color: #1D979F;
  padding: 0;
  margin: 0; }

.app-form__login-prompt {
  font: 800 13px/1.625 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541;
  text-transform: none;
  display: block;
  letter-spacing: 0;
  padding-top: 16px; }
  @media (min-width: 1240px) {
    .app-form__login-prompt {
      float: right;
      display: inline-block; } }

.app-content {
  background-color: #ffffff;
  padding-bottom: 100px; }

.app-form__progress {
  z-index: 70;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px; }

.progress--app,
.app-form__progress--actions {
  display: none; }

.progress-active-head {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }

.progress--app.progress--active {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px; }

.app-resend-code {
  color: #e06256;
  font: italic 17px/1.5 "Archer SSm A", "Archer SSm B", serif;
  border: 0; }

.app-form__actions button {
  display: block;
  margin-bottom: 30px; }

@media (min-width: 550px) {
  .app-form__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
    .app-form__actions button {
      margin-bottom: 0; } }

.app-form__progress--actions {
  margin-top: 20px; }

@media (min-width: 760px) {
  .app-form__head {
    font-size: 24px; }
  .app-form__progress {
    position: static; }
  .progress,
  .app-form__progress--actions {
    display: block; }
  .progress-active-head {
    position: static;
    width: auto; }
  .progress--app.progress--active {
    position: relative; }
  .app-form {
    margin-left: -40px; }
    .app-form:after {
      content: "";
      display: table;
      clear: both; }
    .app-form > *:nth-child(1) {
      float: left;
      padding-left: 40px;
      width: 60%; }
    .app-form > *:nth-child(2) {
      float: left;
      padding-left: 40px;
      width: 40%; }
    .app-form > *:nth-child(1n) {
      clear: none; }
    .app-form > *:nth-child(2n + 1) {
      clear: both; } }

@media (min-width: 850px) {
  .app-hero__head {
    width: 400px;
    height: 180px; }
  .app-form {
    margin-left: -40px; }
    .app-form:after {
      content: "";
      display: table;
      clear: both; }
    .app-form > *:nth-child(1) {
      float: left;
      padding-left: 40px;
      width: 62%; }
    .app-form > *:nth-child(2) {
      float: left;
      padding-left: 40px;
      width: 38%; }
    .app-form > *:nth-child(1n) {
      clear: none; }
    .app-form > *:nth-child(2n + 1) {
      clear: both; } }

@media (min-width: 1030px) {
  .app-hero__head {
    width: 600px;
    height: 220px; }
  .app-form__head {
    font-size: 32px; } }

@media (min-width: 1240px) {
  .app-form {
    margin-left: -60px; }
    .app-form:after {
      content: "";
      display: table;
      clear: both; }
    .app-form > *:nth-child(1) {
      float: left;
      padding-left: 60px;
      width: 66.667%; }
    .app-form > *:nth-child(2) {
      float: left;
      padding-left: 60px;
      width: 33.333%; }
    .app-form > *:nth-child(1n) {
      clear: none; }
    .app-form > *:nth-child(2n + 1) {
      clear: both; }
  .app-form__head {
    font-size: 36px; }
  .app-form__head--create-account {
    float: left; } }

.application-processing {
  text-align: center; }
  .application-processing .computer-image {
    margin-left: auto;
    margin-right: auto; }

.section-please-acknowledge {
  color: #4e4541;
  font: 700 15px/1.5 "Archer SSm A", "Archer SSm B", serif; }
  .section-please-acknowledge p,
  .section-please-acknowledge ul {
    margin-bottom: 20px; }
  .section-please-acknowledge li {
    margin-bottom: 5px; }

.section-please-acknowledge__list {
  list-style: disc; }

.faq-content {
  background: #ffffff; }

.faq-articles-wrap:after,
.faq-big-group-wrap:after {
  content: "";
  display: table;
  clear: both; }

.faq-big-group-wrap {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1450px; }
  @media (min-width: 550px) {
    .faq-big-group-wrap {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .faq-big-group-wrap {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .faq-big-group-wrap {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .faq-big-group-wrap {
      padding: 80px; } }

.faq-articles-wrap {
  padding-top: 60px;
  padding-bottom: 30px;
  margin: 0 auto;
  max-width: 1450px;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 550px) {
    .faq-articles-wrap {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .faq-articles-wrap {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .faq-articles-wrap {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .faq-articles-wrap {
      padding-left: 80px;
      padding-right: 80px; } }
  .faq-articles-wrap + .faq-big-group-wrap {
    padding-top: 30px; }

.faq-head {
  margin: 0;
  padding: 40px 20px;
  background-color: #f7f5ef; }
  @media (min-width: 550px) {
    .faq-head {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .faq-head {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .faq-head {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .faq-head {
      padding: 80px; } }

.faq-head__txt {
  text-align: center;
  font: 800 18px/1 "Archer SSm A", "Archer SSm B", serif;
  color: #e06256;
  margin: 0;
  padding: 30px 0; }
  .faq-head__txt:after {
    content: "\0020";
    display: block;
    opacity: .5;
    background: #d7bfb5;
    width: 30px;
    height: 4px;
    margin: 30px auto 0; }
  @media (min-width: 850px) {
    .faq-head__txt {
      font-size: 24px; } }
  @media (min-width: 1030px) {
    .faq-head__txt {
      font-size: 34px; } }

.faq-big-group {
  padding: 30px 0 60px;
  border-top: 1px dotted #d7bfb5; }
  .faq-big-group:after {
    content: "";
    display: table;
    clear: both; }

.faq-big-group__head {
  margin: 0 0 25px;
  padding: 0; }

.faq-big-group__head-link {
  font: italic 800 18px/1.5 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541;
  text-decoration: none;
  border: 0; }

.faq-big-group__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.faq-big-group__item {
  margin: 0 0 15px; }

.faq-big-group__link {
  text-decoration: none;
  font: italic 600 16px/1.5 "Archer SSm A", "Archer SSm B", serif;
  color: #1D979F;
  border: 0;
  transition: color 0.15s linear; }
  .faq-big-group__link:hover {
    color: #146a6f; }

@media (min-width: 760px) {
  .faq-big-group__head {
    float: left;
    width: 28.04%; }
  .faq-big-group__list {
    padding-top: 8px;
    float: right;
    width: 66.36%; } }

@media (min-width: 850px) {
  .faq-big-group__head-link {
    font-size: 24px; }
  .faq-big-group__item {
    margin-bottom: 25px; }
  .faq-big-group__link {
    font-size: 20px; } }

.faq-sidebar {
  position: relative; }

.faq-subnav {
  margin: 0 0 40px;
  padding: 0;
  width: 100%;
  overflow: hidden;
  transition: height 0.3s ease;
  background-color: #f7f5ef;
  height: 50px;
  transition: top 0.15s ease; }
  .faq-subnav.js-is-pinned {
    -webkit-transform: translate(-20px, -40px);
        -ms-transform: translate(-20px, -40px);
            transform: translate(-20px, -40px);
    width: 100% !important; }

.faq-subnav__list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  height: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.faq-subnav__item {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
  -webkit-perspective: 900px;
          perspective: 900px;
  height: auto;
  opacity: 1;
  transition: all 0.3s ease; }

.faq-subnav__item:not(.faq-subnav__item--active) {
  opacity: 0;
  -webkit-transform: translateY(30px) rotateX(90deg);
          transform: translateY(30px) rotateX(90deg); }

.faq-subnav__back-link {
  font-size: 16px; }

.js-faq-subnav-is-open .faq-subnav {
  height: 250px; }

.js-faq-subnav-is-open .faq-subnav__list {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.js-faq-subnav-is-open .faq-subnav__item {
  opacity: 1;
  -webkit-transform: translateY(0) rotateX(0);
          transform: translateY(0) rotateX(0); }

.faq-subnav__list--nth-active-1 {
  -webkit-transform: translateY(-0px);
      -ms-transform: translateY(-0px);
          transform: translateY(-0px); }

.faq-subnav__item:nth-child(1) {
  transition-delay: 0.03s; }

.faq-subnav__list--nth-active-1 .faq-subnav__item:nth-child(0) .faq-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.faq-subnav__list--nth-active-2 {
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px); }

.faq-subnav__item:nth-child(2) {
  transition-delay: 0.06s; }

.faq-subnav__list--nth-active-2 .faq-subnav__item:nth-child(1) .faq-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.faq-subnav__list--nth-active-3 {
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px); }

.faq-subnav__item:nth-child(3) {
  transition-delay: 0.09s; }

.faq-subnav__list--nth-active-3 .faq-subnav__item:nth-child(2) .faq-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.faq-subnav__list--nth-active-4 {
  -webkit-transform: translateY(-150px);
      -ms-transform: translateY(-150px);
          transform: translateY(-150px); }

.faq-subnav__item:nth-child(4) {
  transition-delay: 0.12s; }

.faq-subnav__list--nth-active-4 .faq-subnav__item:nth-child(3) .faq-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.faq-subnav__list--nth-active-5 {
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px); }

.faq-subnav__item:nth-child(5) {
  transition-delay: 0.15s; }

.faq-subnav__list--nth-active-5 .faq-subnav__item:nth-child(4) .faq-subnav__link {
  border-right: 0;
  border-bottom: 0; }

.faq-subnav__link {
  height: 50px;
  text-decoration: none;
  border: 0;
  display: block;
  font: 600 16px/1.2 "Mark", serif;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 0;
  color: #1D979F;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 17px 15px 0 30px;
  position: relative;
  background-size: 30px auto;
  transition: all 0.15s ease; }
  .faq-subnav__link:hover {
    color: #146a6f; }

.faq-subnav__item--active .faq-subnav__link {
  color: #e06256;
  z-index: 20;
  border: 0; }
  .faq-subnav__item--active .faq-subnav__link:after {
    content: "\0020";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    z-index: 5;
    width: 15px;
    height: 15px;
    background: url(/img/arrow-simple-down-red.svg) no-repeat 50% 50%;
    background-size: contain;
    -webkit-transform: rotateZ(0);
        -ms-transform: rotate(0);
            transform: rotateZ(0);
    transition: rotateZ 0.3s; }
  .js-faq-subnav-is-open .faq-subnav__item--active .faq-subnav__link:after {
    -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
            transform: rotateZ(180deg); }

@media (min-width: 550px) {
  .faq-subnav.js-is-pinned {
    -webkit-transform: translate(-30px, -40px);
        -ms-transform: translate(-30px, -40px);
            transform: translate(-30px, -40px);
    width: 100% !important; } }

@media (min-width: 760px) {
  .faq-subnav {
    position: static;
    background-color: transparent;
    height: auto !important;
    margin-bottom: 0; }
    .faq-subnav.js-is-pinned {
      transition: none;
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0);
      width: auto !important; }
  .faq-subnav__list {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    background-color: transparent; }
  .faq-subnav__item:not(.faq-subnav__item--active) {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0); }
  .faq-subnav__item {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
        -ms-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    width: auto;
    height: auto; }
    .faq-subnav__item--active .faq-subnav__link:after {
      display: none; }
  .faq-subnav__link {
    background-color: transparent;
    font-size: 16px;
    padding: 10px 0;
    height: auto; }
  .faq-sidebar {
    float: left;
    width: 28.04%; }
  .faq-articles {
    float: right;
    width: 66.36%; } }

.faq-article__section {
  min-height: 60vh; }

.faq-article {
  border-top: 1px dashed #d7bfb5;
  padding: 50px 0 40px;
  margin: 0; }

.faq-articles > article:last-of-type {
  border-bottom: 1px dashed #d7bfb5; }

.faq-article__cat-head {
  font: italic 800 18px/1.5 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541;
  margin: 0 0 20px; }

.faq-article__title {
  margin: 0 0 15px;
  padding: 0;
  font: italic 700 18px/1.5 "Archer SSm A", "Archer SSm B", serif;
  color: #e06256; }
  .faq-article__title:before {
    content: "\0020";
    display: block;
    margin-top: -100px;
    height: 100px;
    visibility: hidden; }

@media (min-width: 850px) {
  .faq-article__title {
    font-size: 24px;
    margin-bottom: 30px; }
  .faq-article__cat-head {
    font-size: 24px; } }

.simple-hgroup {
  padding: 40px 20px;
  text-align: center;
  color: #4e4541;
  background-color: #f7f5ef; }
  @media (min-width: 550px) {
    .simple-hgroup {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .simple-hgroup {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .simple-hgroup {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .simple-hgroup {
      padding: 80px; } }

.simple-text {
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 1030px; }
  @media (min-width: 550px) {
    .simple-text {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .simple-text {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .simple-text {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .simple-text {
      padding: 80px; } }

.simple-head {
  color: #e06256;
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-size: 35px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 800; }

.simple-sub {
  color: #4e4541;
  font-family: "Mark", serif;
  font-size: 18px;
  font-weight: 700; }

.western-europe-countries__article-head {
  text-align: center; }
  @media (min-width: 550px) {
    .western-europe-countries__article-head {
      text-align: left; } }

.simple-content__grid {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  text-align: center;
  margin-top: 30px; }
  @media (min-width: 550px) {
    .simple-content__grid {
      margin-top: 40px;
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2;
      text-align: left; } }
  @media (min-width: 850px) {
    .simple-content__grid {
      margin-top: 50px;
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3; } }

.basic-text .simple-content__grid-item {
  margin-left: 0;
  list-style-position: inside;
  list-style: none; }
  .basic-text .simple-content__grid-item li {
    line-height: 2;
    margin-bottom: 0; }

.account-hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  background-image: url(/img/account-hero-1350.jpg);
  max-height: 50vh; }
  @media (min-width: 550px) {
    .account-hero {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .account-hero {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .account-hero {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .account-hero {
      padding: 80px; } }
  @media (min-width: 760px) {
    .account-hero {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.account-hero__head {
  margin: 0;
  padding: 0;
  display: block;
  text-align: left;
  color: transparent;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 500px;
  height: 190px;
  background-image: url(/img/account-lettering-welcome.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }
  .spanish-is-active .account-hero__head {
    background-image: url(/img/account-lettering-welcome-es.svg); }
  @media (min-width: 760px) {
    .account-hero__head {
      height: 420px; } }

.account-head {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px; }
  @media (min-width: 550px) {
    .account-head {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .account-head {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .account-head {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .account-head {
      padding-left: 80px;
      padding-right: 80px; } }
  @media (min-width: 550px) {
    .account-head {
      padding-top: 45px; } }
  @media (min-width: 760px) {
    .account-head {
      padding-top: 50px; } }
  @media (min-width: 850px) {
    .account-head {
      padding-top: 60px; } }
  @media (min-width: 1030px) {
    .account-head {
      padding-top: 80px; } }

.account-head__txt {
  text-align: center;
  font: 700 18px/1 "Archer SSm A", "Archer SSm B", serif;
  color: #4e4541;
  margin: 0;
  padding: 30px 0; }
  .account-head__txt:after {
    content: "\0020";
    display: block;
    opacity: .5;
    background: #d7bfb5;
    width: 30px;
    height: 4px;
    margin: 30px auto 0; }
  @media (min-width: 850px) {
    .account-head__txt {
      font-size: 24px; } }
  @media (min-width: 1030px) {
    .account-head__txt {
      font-size: 34px; } }

.account-info {
  margin: 0 auto;
  max-width: 1450px;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .account-info {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .account-info {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .account-info {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .account-info {
      padding: 80px; } }

.account-info__head {
  text-align: left;
  text-transform: uppercase;
  font-family: "Mark", serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 30px; }
  @media (min-width: 760px) {
    .account-info__head {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  .account-info__head:before {
    content: "\0020";
    width: 100%;
    height: 50px;
    display: block;
    margin-bottom: 25px; }
    @media (min-width: 760px) {
      .account-info__head:before {
        margin-bottom: 0;
        margin-right: 25px;
        width: 50px;
        height: 50px;
        display: inline-block; } }
  .account-info__head--policy:before {
    background-image: url("/img/account-policy-information-icon.png");
    background-image: url("/img/account-policy-information-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--policy:before {
      background-image: url("/img/account-policy-information-icon.png"); }
  .account-info__head--links:before {
    background-image: url("/img/account-useful-links-icon.png");
    background-image: url("/img/account-useful-links-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--links:before {
      background-image: url("/img/account-useful-links-icon.png"); }
  .account-info__head--faqs:before {
    background-image: url("/img/account-faqs-icon.png");
    background-image: url("/img/account-faqs-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--faqs:before {
      background-image: url("/img/account-faqs-icon.png"); }
  .account-info__head--messages:before {
    background-image: url("/img/account-messages-icon.png");
    background-image: url("/img/account-messages-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--messages:before {
      background-image: url("/img/account-messages-icon.png"); }
  .account-info__head--sign:before {
    background-image: url("/img/circle-check-red.png");
    background-image: url("/img/circle-check-red.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--sign:before {
      background-image: url("/img/circle-check-red.png"); }
  .account-info__head--exam:before {
    background-image: url("/img/account-clipboard-icon.png");
    background-image: url("/img/account-clipboard-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--exam:before {
      background-image: url("/img/account-clipboard-icon.png"); }
  .account-info__head--review:before {
    background-image: url("/img/account-check-icon.png");
    background-image: url("/img/account-check-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--review:before {
      background-image: url("/img/account-check-icon.png"); }
  .account-info__head--pay:before {
    background-image: url("/img/account-financial-icon.png");
    background-image: url("/img/account-financial-icon.svg"), none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }
    .no-svg .account-info__head--pay:before {
      background-image: url("/img/account-financial-icon.png"); }

.account-info__hr {
  border-top: 1px dashed #d7bfb5;
  width: 100%;
  margin: 0;
  background: 0;
  border-left: 0;
  border-bottom: 0;
  border-right: 0; }

.account-info__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 30px;
  margin-top: 30px; }
  @media (min-width: 850px) {
    .account-info__row {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.account-info__item {
  background: #f7f5ef; }

.account-info__content {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px; }
  @media (min-width: 850px) {
    .account-info__content {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 60px;
      padding-right: 60px; } }

.account-info__prompt {
  text-align: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px; }
  @media (min-width: 760px) {
    .account-info__prompt {
      padding-top: 20px; } }

.account-info__policy {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 850px) {
    .account-info__policy {
      width: calc(99.9% * 6/12); } }
  @media (min-width: 1030px) {
    .account-info__policy {
      width: calc(99.9% * 8/12);
      padding-bottom: 50px; } }
  .account-info__policy--solo {
    margin: 0 auto;
    border: dotted 1px #d7bfb5;
    padding-bottom: 0; }

.account-center .partials {
  text-align: center; }
  .account-center .partials .account-partial {
    margin-bottom: 5em;
    padding-left: 5em;
    padding-right: 5em; }

.account-settings {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.account-settings__col {
  width: 100%; }
  @media (min-width: 760px) {
    .account-settings__col {
      width: 50%; } }
  .account-settings__col:first-child {
    border-bottom: 1px dashed #d7bfb5; }
    @media (min-width: 760px) {
      .account-settings__col:first-child {
        border-right: 1px dashed #d7bfb5;
        border-bottom: 0; } }
    .account-settings__col:first-child .account-settings__inner {
      margin-left: auto; }
  .account-settings__col:last-child .account-settings__inner {
    margin-right: auto; }

.account-settings__inner {
  max-width: 700px; }

.account-settings__item {
  padding: 40px 40px 60px; }
  @media (min-width: 760px) {
    .account-settings__item {
      padding: 60px 60px 80px; } }
  .account-settings__item p {
    margin-bottom: 30px; }
  .account-settings__item .btn {
    margin-top: 20px; }

.field-group--block-to-inline .account-settings--email,
.field-group--block-to-inline .account-settings--password {
  width: 100%; }

.account-info__messages {
  padding-top: 40px; }

.account-messages {
  margin: 0 auto;
  max-width: 1450px;
  padding: 40px 20px; }
  @media (min-width: 550px) {
    .account-messages {
      padding: 45px 30px; } }
  @media (min-width: 760px) {
    .account-messages {
      padding: 50px 40px; } }
  @media (min-width: 850px) {
    .account-messages {
      padding: 60px; } }
  @media (min-width: 1030px) {
    .account-messages {
      padding: 80px; } }

.row-item--key {
  text-transform: uppercase;
  font-family: "Mark", serif;
  font-size: 12px;
  padding-top: 5px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .75px; }

.account-messages__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (min-width: 760px) {
    .account-messages__content {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.account-messages__link {
  color: #e06256;
  text-decoration: none;
  border: 0;
  transition: color 0.15s linear; }
  .account-messages__link:hover {
    color: #4e4541; }

.account-messages__item {
  padding: 40px; }
  @media (min-width: 760px) {
    .account-messages__item {
      padding: 50px; } }
  @media (min-width: 850px) {
    .account-messages__item {
      padding: 60px; } }
  .account-messages__item:first-child {
    width: 100%; }
    @media (max-width: 759px) {
      .account-messages__item:first-child {
        padding-bottom: 0; } }
    @media (min-width: 760px) {
      .account-messages__item:first-child {
        width: calc(99.9% * 4/12);
        padding-right: 0; } }
  .account-messages__item:last-child {
    width: 100%; }
    @media (min-width: 760px) {
      .account-messages__item:last-child {
        width: calc(99.9% * 8/12); } }

.account-messages__table {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%; }
  .account-messages__table p {
    margin-bottom: 0; }

.account-messages__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d7bfb5;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%; }
  @media (min-width: 760px) {
    .account-messages__row {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }
  .account-messages__row:last-child {
    border-bottom: 1px solid #d7bfb5; }

.account-messages__row-item {
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  width: 100%; }
  @media (min-width: 760px) {
    .account-messages__row-item:first-child {
      padding-left: 0;
      width: 30%; } }
  .account-messages__row-item:last-child {
    padding-top: 0; }
    @media (min-width: 760px) {
      .account-messages__row-item:last-child {
        padding-top: 20px;
        width: 70%; } }

.view-all__mod {
  margin-top: 40px;
  text-align: center; }
  @media (min-width: 760px) {
    .view-all__mod {
      text-align: left; } }

.account-info__links {
  width: 100%;
  padding-top: 40px; }
  @media (min-width: 850px) {
    .account-info__links {
      width: calc(99.9% * 6/12); } }
  @media (min-width: 1030px) {
    .account-info__links {
      width: calc(99.9% * 4/12);
      margin-left: 30px; } }

.account-messages__loading {
  margin: auto; }

.account-info__link-list {
  list-style: none;
  padding: 0; }

.account-info__link-item {
  margin-bottom: 12px; }
  .account-info__link-item--cancel {
    margin-top: 30px; }

.account-info__link {
  text-decoration: none;
  font: normal 500 16px/1 "Archer SSm A", "Archer SSm B", serif;
  color: #1D979F;
  border: 0;
  transition: color 0.15s linear; }
  .account-info__link:hover {
    color: #146a6f; }
  .account-info__link--cancel {
    color: #e06256;
    font: normal 600 15px/1 "Mark", serif;
    text-transform: uppercase;
    margin-top: 15px; }

.account-info__faqs {
  width: 100%;
  padding-top: 40px; }

.account-info__faqs-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 20px; }
  @media (min-width: 550px) {
    .account-info__faqs-content {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 760px) {
    .account-info__faqs-content {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 850px) {
    .account-info__faqs-content {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 1030px) {
    .account-info__faqs-content {
      padding-left: 80px;
      padding-right: 80px; } }
  @media (min-width: 850px) {
    .account-info__faqs-content {
      padding-bottom: 10px; } }

.account-info__faq-prompt {
  text-align: center;
  padding-bottom: 40px; }

.account-info-faq__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.account-info-faq__item {
  margin: 0 0 15px;
  padding-bottom: 10px; }

.account-info-faq__link {
  text-decoration: none;
  font: italic 500 16px/1.5 "Archer SSm A", "Archer SSm B", serif;
  color: #1D979F;
  border: 0;
  transition: color 0.15s linear; }
  .account-info-faq__link:hover {
    color: #146a6f; }

.account-subnav {
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 50px; }

.account-subnav__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0;
  margin-top: 0;
  width: 100%; }
  @media (min-width: 550px) {
    .account-subnav__list {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      width: auto; } }

.account-subnav__list-item {
  border-color: black;
  width: 100%;
  border-bottom: 1px solid #d7bfb5; }
  @media (min-width: 550px) {
    .account-subnav__list-item {
      width: auto;
      border-bottom: 0; } }
  @media (min-width: 550px) {
    .account-subnav__list-item:first-child .account-subnav__link {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      border-right: 1px solid #d7bfb5; }
      .account-subnav__list-item:first-child .account-subnav__link--active {
        border-right: 1px solid #91837d; } }
  .account-subnav__list-item:last-child {
    border-bottom: 0; }
    @media (min-width: 550px) {
      .account-subnav__list-item:last-child .account-subnav__link {
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-left: 1px solid #d7bfb5; } }
    .account-subnav__list-item:last-child .account-subnav__link--active {
      border-left: 1px solid #91837d; }

.account-subnav__message-count {
  color: #e06256;
  transition: all 0.3s ease; }
  .account-subnav__link--active .account-subnav__message-count,
  .account-subnav__list-item:hover .account-subnav__message-count {
    color: #ffffff; }

.account-subnav__link {
  background-color: #f7f5ef;
  text-align: center;
  font-family: "Mark", serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  display: inline-block;
  color: #91837d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  transition: all 0.3s ease;
  text-decoration: none;
  border-bottom: 0;
  width: 100%;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px; }
  @media (min-width: 550px) {
    .account-subnav__link {
      width: auto; } }
  .account-subnav__list-item:hover .account-subnav__link {
    background-color: #7c6f6a;
    color: #ffffff; }
  .account-subnav__link--active {
    background-color: #91837d;
    color: #FFFFFF;
    border: 0; }
  @media (min-width: 850px) {
    .account-subnav__link {
      padding-top: 20px;
      padding-right: 60px;
      padding-bottom: 20px;
      padding-left: 60px;
      font-size: 14px; } }

html {
  overflow-y: visible; }

a {
  text-decoration: none;
  border-bottom: 0; }

i {
  font-style: normal; }

body {
  font: 13px / 1.231 sans-serif;
  background-color: #f7f5ef;
  overflow-x: hidden; }

@font-face {
  font-family: 'Circular';
  src: url("/fonts/circular-book.eot");
  src: local("☺"), url("/fonts/circular-book.eot?iefix") format("eot"), url("/fonts/circular-book.woff") format("woff"), url("/fonts/circular-book.svg") format("svg"), local("☺");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Circular';
  src: url("/fonts/circular-bold.eot");
  src: local("☺"), url("/fonts/circular-bold.eot?iefix") format("eot"), url("/fonts/circular-bold.woff") format("woff"), url("/fonts/circular-bold.svg") format("svg"), local("☺");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Circular';
  src: url("/fonts/circular-black.eot");
  src: local("☺"), url("/fonts/circular-black.eot?iefix") format("eot"), url("/fonts/circular-black.woff") format("woff"), url("/fonts/circular-black.svg") format("svg"), local("☺");
  font-weight: 900;
  font-style: normal; }

.style-guide-inner {
  border: 0;
  transition: width .4s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, width .4s ease;
  transition: transform .2s ease, width .4s ease, -webkit-transform .2s ease; }
  .auto .style-guide-inner {
    width: 100%; }
  .large .style-guide-inner {
    width: 1070px; }
  .medium .style-guide-inner {
    width: 800px; }
  .small .style-guide-inner {
    width: 360px; }
  .sticky .style-guide-inner {
    margin-top: 40px; }

.style-layout {
  margin: 0 auto; }

.style-bd-outer,
.style-bd-inner {
  background-color: #f6f6f6; }

.style-bd-outer {
  overflow-y: scroll;
  background-color: #f7f5ef; }

.style-content {
  margin: 0 auto;
  padding: 0 20px;
  background-color: #f7f5ef; }
  .style-content:after {
    content: "";
    display: table;
    clear: both; }
  .sticky .style-content {
    margin-top: 80px; }
  .nav-active .style-content {
    -webkit-transform: translate3d(220px, 0, 0);
            transform: translate3d(220px, 0, 0); }

.style-main {
  margin: 0 auto; }

.style-hdr {
  background-color: #000;
  padding: 25px 30px 20px;
  position: relative;
  border-bottom: 1px solid #fff;
  min-width: 700px; }
  .style-hdr:after {
    content: "";
    display: table;
    clear: both; }

.style-page-h {
  margin: 0;
  font: normal bold 2.15385em Circular, Helvetica, Arial, sans-serif;
  color: #fff;
  float: left; }
  .style-page-h .thin {
    font-weight: 400; }

.upstatement-logo {
  float: right;
  width: 120px;
  margin-top: 2px; }

.page-browser {
  background-color: #f5f5f5;
  margin-bottom: 120px; }

.browser-mod {
  background-color: #fff;
  margin: 50px auto 80px;
  max-width: 1400px; }
  @media (min-width: 960px) {
    .browser-mod {
      width: 90%;
      border: 1px solid #e5e5e5;
      border-top: 0; } }

.browser-h {
  font: bold 10px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  padding: 10px 5%;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #ededed;
  border-bottom: #ddd; }
  @media (min-width: 600px) {
    .browser-h {
      font-size: 11px; } }

.browser-list {
  font: normal 16px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; }
  @media (min-width: 600px) {
    .browser-list {
      font-size: 21px; } }
  .browser-list > li > a {
    display: block;
    color: #222;
    text-decoration: none;
    padding: 12px 5%;
    border-bottom: 1px solid #ededed;
    position: relative; }
    @media (min-width: 600px) {
      .browser-list > li > a {
        padding: 14px 5%; } }
    .browser-list > li > a:before, .browser-list > li > a:after {
      content: '';
      position: absolute;
      z-index: 56; }
    .browser-list > li > a:before {
      top: 13px;
      right: 20px;
      opacity: .15; }
      @media (min-width: 600px) {
        .browser-list > li > a:before {
          top: 18px; } }
    .browser-list > li > a:after {
      top: 14px;
      right: 22px; }
      @media (min-width: 600px) {
        .browser-list > li > a:after {
          top: 19px; } }
    .browser-list > li > a:hover:before {
      border-left-color: #fff;
      opacity: 1; }
    .browser-list > li > a:hover:after {
      border-left-color: blue; }
    .browser-list > li > a:hover {
      color: #fff;
      background-color: blue;
      text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0; }

.browser-list-sub {
  display: block;
  color: #999;
  font: normal 11px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  text-rendering: optimizeLegibility; }

.nav-trigger {
  width: 18px;
  height: 16px;
  float: left;
  margin: 11px 8px 11px 30px; }

.nav-burger--1, .nav-burger--2, .nav-burger--3 {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 2px;
  height: 2px;
  margin-top: 3px;
  width: 90%; }

.controls-nav-list {
  padding: 0 30px;
  margin: 0 0 0 40px; }

.controls-nav {
  height: 40px;
  position: relative;
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
  min-width: 700px; }
  .sticky .controls-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999; }

.size-li {
  display: inline-block;
  padding: 11px 15px 0 0; }

.size-a {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 7px;
  color: #000;
  border-radius: 2px; }
  .size-a:hover {
    background-color: #dfdfdf; }

.size-a-on,
.small .size-a-small,
.medium .size-a-medium,
.large .size-a-large,
.auto .size-a-auto {
  background-color: #000;
  color: #fff; }
  .size-a-on:hover,
  .small .size-a-small:hover,
  .medium .size-a-medium:hover,
  .large .size-a-large:hover,
  .auto .size-a-auto:hover {
    background-color: #000; }

.query-sim {
  width: 100%;
  height: 100%; }

.all-code-btn {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #989898;
  padding: 6px 11px;
  display: block;
  margin-right: 10px;
  position: absolute;
  right: 10px;
  top: 7px;
  border-radius: 100px; }
  .style-hdr .all-code-btn, .all-code-btn:hover {
    background-color: #ddd;
    cursor: pointer; }

.color-mod {
  width: 80px;
  height: 110px;
  display: inline-block;
  position: relative;
  margin: 10px 20px 10px 0;
  border: 1px solid #ccc; }

.color-txt {
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  bottom: 0;
  background-color: white;
  border: 1px solid #ccc; }

.color-name {
  font: 600 12px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  display: block; }

.color-hex {
  font: 400 12px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  text-transform: uppercase; }

.style-nav {
  left: -220px;
  width: 220px;
  padding: 20px 0;
  text-align: left;
  position: absolute;
  display: block;
  height: 100%;
  background-color: #222;
  border-right: 1px solid #e5e5e5; }
  .nav-active .style-nav {
    left: 0; }
  .sticky .style-nav {
    position: fixed;
    top: 0;
    padding: 60px 0 20px;
    overflow: scroll; }

.style-nav-h {
  font: 700 12px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 8px;
  color: #fff;
  padding: 7px 24px 0 18px; }
  .style-nav-h:first-child {
    margin-top: 0; }
  .style-nav-h > a {
    color: #fff; }

.style-nav-list {
  padding-left: 24px; }
  .style-nav-list > li {
    display: block;
    margin-bottom: 1px; }
    .style-nav-list > li > a {
      color: #999;
      font-weight: 500;
      font-size: 1em;
      text-align: left;
      line-height: 1.5em;
      text-decoration: none;
      padding: 3px 0;
      display: block;
      text-shadow: rgba(0, 0, 0, 0.75) 0 -1px 1px; }
      .active .style-nav-list > li > a, .style-nav-list > li > a:hover {
        color: #444;
        background-color: #e5e5e5;
        text-shadow: rgba(255, 255, 255, 0.75) 0 -1px 1px; }

@media (min-width: 1030px) {
  .sg-text-inputs,
  .sg-range-sliders,
  .sg-progress-indicators {
    margin-left: -30px; }
    .sg-text-inputs:after,
    .sg-range-sliders:after,
    .sg-progress-indicators:after {
      content: "";
      display: table;
      clear: both; }
    .sg-text-inputs > *,
    .sg-range-sliders > *,
    .sg-progress-indicators > * {
      float: left;
      padding-left: 30px;
      width: 33.33333%; }
    .sg-text-inputs > *:nth-child(1n),
    .sg-range-sliders > *:nth-child(1n),
    .sg-progress-indicators > *:nth-child(1n) {
      clear: none; }
    .sg-text-inputs > *:nth-child(3n + 1),
    .sg-range-sliders > *:nth-child(3n + 1),
    .sg-progress-indicators > *:nth-child(3n + 1) {
      clear: both; } }

.sg-note {
  font-family: "Mark", serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #7c6f6a;
  margin: 0 0 15px; }

.sg-code,
.sg-pre {
  font: bold 10px/1.2 courier, monospace;
  background-color: #f7f5ef;
  margin: 1px 0;
  padding: 5px 8px;
  display: inline-block; }

.color-swatches {
  margin: 0;
  padding: 0; }

.color-swatches__item {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  min-width: 130px;
  margin: 0 28px 12px 0;
  font-family: "Mark", serif;
  font-size: 14px;
  font-weight: 500; }
  .color-swatches__item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\0020";
    border-radius: 9px;
    background-color: red;
    width: 18px;
    height: 18px;
    display: block; }
  .color-swatches__item--blue-01:before {
    background-color: #7Fd0d6; }
  .color-swatches__item--blue-01-dark:before {
    background-color: #599296; }
  .color-swatches__item--brown-01:before {
    background-color: #4e4541; }
  .color-swatches__item--brown-02:before {
    background-color: #d7bfb5; }
  .color-swatches__item--brown-03:before {
    background-color: #7c6f6a; }
  .color-swatches__item--brown-04:before {
    background-color: #91837d; }
  .color-swatches__item--beige-01:before {
    background-color: #a6a2a0; }
  .color-swatches__item--beige-02:before {
    background-color: #f7f5ef; }
  .color-swatches__item--beige-03:before {
    background-color: #dedad8; }
  .color-swatches__item--beige-04:before {
    background-color: #e8dcd5; }
  .color-swatches__item--orange:before {
    background-color: #faa33b; }
  .color-swatches__item--orange-lighter:before {
    background-color: #ffc92b; }
  .color-swatches__item--orange-dark:before {
    background-color: #e19335; }
  .color-swatches__item--red:before {
    background-color: #e06256; }
  .color-swatches__item--red-dark:before {
    background-color: #9d453c; }
  .color-swatches__item--turq-01:before {
    background-color: #1D979F; }
  .color-swatches__item--turq-01-med:before {
    background-color: #00848d; }
  .color-swatches__item--turq-01-dark:before {
    background-color: #146a6f; }
  .color-swatches__item--turq-01-light:before {
    background-color: #e5f6f7; }
  .color-swatches__item--turq-02:before {
    background-color: #f2fafa; }

.sg-type-samples {
  font-size: 18px;
  line-height: 1.375; }
  @media (min-width: 850px) {
    .sg-type-samples {
      font-size: 21px;
      margin-left: -30px; }
      .sg-type-samples:after {
        content: "";
        display: table;
        clear: both; }
      .sg-type-samples > * {
        float: left;
        padding-left: 30px;
        width: 50%; }
      .sg-type-samples > *:nth-child(1n) {
        clear: none; }
      .sg-type-samples > *:nth-child(2n + 1) {
        clear: both; } }

.sg-type-sample {
  margin: 0 0 5px; }

.sg-type-sample--italic {
  font-style: italic; }

.sg-type-sample--archer-600 {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-weight: 600; }

.sg-type-sample--archer-700 {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-weight: 700; }

.sg-type-sample--archer-800 {
  font-family: "Archer SSm A", "Archer SSm B", serif;
  font-weight: 800; }

.sg-type-sample--mark {
  font-family: "Mark", serif;
  font-weight: 400; }

.sg-type-sample--mark-500 {
  font-family: "Mark", serif;
  font-weight: 500; }

.sg-type-sample--mark-600 {
  font-family: "Mark", serif;
  font-weight: 600; }

.sg-feature-tables .product-features {
  margin-bottom: 30px; }

@media (min-width: 850px) {
  .sg-feature-tables {
    margin-left: -30px; }
    .sg-feature-tables:after {
      content: "";
      display: table;
      clear: both; }
    .sg-feature-tables > * {
      float: left;
      padding-left: 30px;
      width: 50%; }
    .sg-feature-tables > *:nth-child(1n) {
      clear: none; }
    .sg-feature-tables > *:nth-child(2n + 1) {
      clear: both; } }

.style-mod--Range-Sliders .style-example > div + div {
  margin-top: 80px; }

.style-group {
  padding-top: 45px; }

.style-group-h,
.demo-h2 {
  color: #e06256;
  padding: 7px 0 9px;
  font: 400 24px/1.5 "Mark", serif;
  margin-bottom: 20px; }

.style-mod {
  background-color: #fff;
  margin-bottom: 40px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
  .style-mod > .inner {
    padding: 15px; }
    @media (min-width: 760px) {
      .style-mod > .inner {
        padding: 30px; } }

.style-hgroup {
  background-color: #ffffff;
  padding: 8px 15px 7px;
  border-bottom: 1px solid #ddd;
  position: relative; }
  .style-hgroup:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 760px) {
    .style-hgroup {
      padding-left: 30px;
      padding-right: 30px; } }

.style-example-rel {
  position: relative; }

.style-h,
.sg-h3 {
  font-size: 12px;
  color: #1D979F; }

.style-h {
  float: left; }

.code-btn {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999;
  padding: 6px 11px;
  margin-top: 10px;
  font: 700 10px/1 "Mark", serif;
  position: absolute;
  right: 10px;
  border-radius: 100px;
  background: #eee; }
  .code-btn:hover {
    background-color: #ddd;
    cursor: pointer; }

.style-details {
  height: 0;
  display: none;
  border-top: 1px solid #e5e5e5;
  background-color: #333;
  border-radius: 0 0 2px 2px; }
  .style-details > .inner {
    padding: 15px; }
  .details-off .style-details,
  .details-all-on .details-off .style-details {
    display: none; }
  .details-on .style-details,
  .details-all-on .style-details {
    display: block;
    height: auto; }

.detail-h {
  font: normal bold 11px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #fff;
  opacity: .6; }

.style-meta {
  border-bottom: 1px solid #444; }

.code-example .detail-h:hover {
  cursor: pointer; }

.code-copy {
  display: inline-block;
  text-indent: -9999em;
  height: 20px;
  width: 19px;
  margin-left: 2px;
  top: -3px;
  position: relative;
  opacity: 0; }
  .touch .code-copy,
  .detail-h:hover .code-copy {
    opacity: 1; }

.detail-list {
  max-width: 600px;
  list-style: square outside;
  padding: 0 0 0 22px;
  color: #bbb; }
  .detail-list > li {
    margin-bottom: 6px; }
    .detail-list > li > p {
      color: #ddd; }

.html-code {
  padding: 0;
  color: #666;
  font: normal 14px/1.3 "Courier New", Courier, mono;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }
  .html-code::-moz-selection {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: none; }
  .html-code::selection {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: none;
    -webkit-appearance: none; }
  .html-code .nocode {
    background-color: none;
    color: #000; }
  .html-code .str {
    color: #ffa0a0; }
  .html-code .kwd {
    color: #f0e68c;
    font-weight: bold; }
  .html-code .com {
    color: #ffa0a0; }
  .html-code .typ {
    color: #98fb98; }
  .html-code .lit {
    color: #cd5c5c; }
  .html-code .pun {
    color: rgba(255, 255, 255, 0.35); }
  .html-code .tag {
    color: #f0e68c;
    font-weight: bold; }
  .html-code .atn {
    color: #bdb76b;
    font-weight: bold; }
  .html-code .atv {
    color: #87ceeb; }
  .html-code .dec {
    color: #98fb98; }
  .html-code .pln {
    color: rgba(255, 255, 255, 0.5); }
    .html-code .pln:first-child {
      width: 20px;
      height: 14px;
      display: inline-block; }
  .html-code li:last-child .pln:first-child {
    width: 0;
    margin-top: 4px; }
  .html-code .highlight {
    color: #b32d47; }

ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #AEAEAE; }
  ol.linenums li {
    line-height: 1.5; }

li.L0 {
  list-style-type: none; }

li.L1 {
  list-style-type: none; }

li.L2 {
  list-style-type: none; }

li.L3 {
  list-style-type: none; }

li.L4 {
  list-style-type: none; }

li.L5 {
  list-style-type: none; }

li.L6 {
  list-style-type: none; }

li.L7 {
  list-style-type: none; }

li.L8 {
  list-style-type: none; }

li.L9 {
  list-style-type: none; }

li.L10 {
  list-style-type: none; }

li.L11 {
  list-style-type: none; }

li.L12 {
  list-style-type: none; }

li.L13 {
  list-style-type: none; }

li.L14 {
  list-style-type: none; }

li.L15 {
  list-style-type: none; }

li.L16 {
  list-style-type: none; }

li.L17 {
  list-style-type: none; }

li.L18 {
  list-style-type: none; }

li.L19 {
  list-style-type: none; }

li.L20 {
  list-style-type: none; }

li.L21 {
  list-style-type: none; }

li.L22 {
  list-style-type: none; }

li.L23 {
  list-style-type: none; }

li.L24 {
  list-style-type: none; }

li.L25 {
  list-style-type: none; }

li.L26 {
  list-style-type: none; }

li.L27 {
  list-style-type: none; }

li.L28 {
  list-style-type: none; }

li.L29 {
  list-style-type: none; }

li.L30 {
  list-style-type: none; }

li.L31 {
  list-style-type: none; }

li.L32 {
  list-style-type: none; }

li.L33 {
  list-style-type: none; }

li.L34 {
  list-style-type: none; }

li.L35 {
  list-style-type: none; }

li.L36 {
  list-style-type: none; }

li.L37 {
  list-style-type: none; }

li.L38 {
  list-style-type: none; }

li.L39 {
  list-style-type: none; }

li.L40 {
  list-style-type: none; }

li.L41 {
  list-style-type: none; }

li.L42 {
  list-style-type: none; }

li.L43 {
  list-style-type: none; }

li.L44 {
  list-style-type: none; }

li.L45 {
  list-style-type: none; }

li.L46 {
  list-style-type: none; }

li.L47 {
  list-style-type: none; }

li.L48 {
  list-style-type: none; }

li.L49 {
  list-style-type: none; }

li.L50 {
  list-style-type: none; }

@media print {
  pre {
    background-color: none; }
  pre .str,
  code .str {
    color: #060; }
  pre .kwd,
  code .kwd {
    color: #006;
    font-weight: bold; }
  pre .com,
  code .com {
    color: #600;
    font-style: italic; }
  pre .typ,
  code .typ {
    color: #404;
    font-weight: bold; }
  pre .lit,
  code .lit {
    color: #044; }
  pre .pun,
  code .pun {
    color: #440; }
  pre .pln,
  code .pln {
    color: #000; }
  pre .tag,
  code .tag {
    color: #006;
    font-weight: bold; }
  pre .atn,
  code .atn {
    color: #404; }
  pre .atv,
  code .atv {
    color: #060; } }